[{"data":1,"prerenderedAt":4066},["ShallowReactive",2],{"reference":3,"content-query-oCrUNONlod":4,"sidebar-roots":4018,"$dNTcUNV7nV":4030},null,{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":9,"title":10,"description":9,"body":11,"_type":4011,"_id":4012,"_source":4013,"_file":4014,"_stem":4015,"_extension":4016,"layout":4017},"\u002F_components\u002Floaderlinear","_components",false,true,"","LoaderLinear",{"type":12,"children":13,"toc":4002},"root",[14,22,3996],{"type":15,"tag":16,"props":17,"children":19},"element","h1",{"id":18},"loaderlinear",[20],{"type":21,"value":10},"text",{"type":15,"tag":23,"props":24,"children":26},"tabs",{":titles":25},"[\"Usage\", \"API\", \"Source Code\"]",[27,1975,2217],{"type":15,"tag":28,"props":29,"children":30},"template",{"v-slot:tab-1":9},[31,44,51,58,141,1290,1296,1347,1367,1913,1919,1944,1964,1970],{"type":15,"tag":32,"props":33,"children":34},"p",{},[35,42],{"type":15,"tag":36,"props":37,"children":39},"code",{"className":38},[],[40],{"type":21,"value":41},"SfLoaderLinear",{"type":21,"value":43}," is animated loading spinner that can be used to show that some content is loading.",{"type":15,"tag":45,"props":46,"children":48},"h2",{"id":47},"examples",[49],{"type":21,"value":50},"Examples",{"type":15,"tag":52,"props":53,"children":55},"h3",{"id":54},"sizes",[56],{"type":21,"value":57},"Sizes",{"type":15,"tag":32,"props":59,"children":60},{},[61,66,68,74,76,82,84,90,91,97,98,104,105,111,112,118,119,125,126,132,133,139],{"type":15,"tag":36,"props":62,"children":64},{"className":63},[],[65],{"type":21,"value":41},{"type":21,"value":67}," does not set it's own width by default, however you can control its height with the ",{"type":15,"tag":36,"props":69,"children":71},{"className":70},[],[72],{"type":21,"value":73},"size",{"type":21,"value":75}," prop. Possible values are ",{"type":15,"tag":36,"props":77,"children":79},{"className":78},[],[80],{"type":21,"value":81},"minimal",{"type":21,"value":83},", ",{"type":15,"tag":36,"props":85,"children":87},{"className":86},[],[88],{"type":21,"value":89},"'xs'",{"type":21,"value":83},{"type":15,"tag":36,"props":92,"children":94},{"className":93},[],[95],{"type":21,"value":96},"'sm'",{"type":21,"value":83},{"type":15,"tag":36,"props":99,"children":101},{"className":100},[],[102],{"type":21,"value":103},"'base'",{"type":21,"value":83},{"type":15,"tag":36,"props":106,"children":108},{"className":107},[],[109],{"type":21,"value":110},"'lg'",{"type":21,"value":83},{"type":15,"tag":36,"props":113,"children":115},{"className":114},[],[116],{"type":21,"value":117},"'xl'",{"type":21,"value":83},{"type":15,"tag":36,"props":120,"children":122},{"className":121},[],[123],{"type":21,"value":124},"'2xl'",{"type":21,"value":83},{"type":15,"tag":36,"props":127,"children":129},{"className":128},[],[130],{"type":21,"value":131},"'3xl'",{"type":21,"value":83},{"type":15,"tag":36,"props":134,"children":136},{"className":135},[],[137],{"type":21,"value":138},"'4xl'",{"type":21,"value":140},".",{"type":15,"tag":142,"props":143,"children":146},"showcase",{"showcase-name":144,"style":145},"LoaderLinear\u002FLoaderLinearSizes","min-height:300px",[147,753],{"type":15,"tag":148,"props":149,"children":150},"vue-only",{},[151],{"type":15,"tag":152,"props":153,"children":157},"pre",{"className":154,"code":155,"language":156,"meta":9,"style":9},"language-vue shiki shiki-themes one-dark-pro","\u003Ctemplate>\n  \u003Cdiv class=\"flex flex-col gap-4 flex-wrap sm:flex-row\">\n    \u003CSfLoaderLinear class=\"w-12\" size=\"minimal\" \u002F>\n    \u003CSfLoaderLinear class=\"w-12\" size=\"xs\" \u002F>\n    \u003CSfLoaderLinear class=\"w-12\" size=\"sm\" \u002F>\n    \u003CSfLoaderLinear class=\"w-12\" \u002F>\n    \u003CSfLoaderLinear class=\"w-12\" size=\"base\" \u002F>\n    \u003CSfLoaderLinear class=\"w-12\" size=\"lg\" \u002F>\n    \u003CSfLoaderLinear class=\"w-12\" size=\"xl\" \u002F>\n    \u003CSfLoaderLinear class=\"w-12\" size=\"2xl\" \u002F>\n    \u003CSfLoaderLinear class=\"w-12\" size=\"3xl\" \u002F>\n    \u003CSfLoaderLinear class=\"w-12\" size=\"4xl\" \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfLoaderLinear } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n","vue",[158],{"type":15,"tag":36,"props":159,"children":160},{"__ignoreMap":9},[161,183,218,263,304,345,373,414,455,496,537,578,619,636,653,662,698,737],{"type":15,"tag":162,"props":163,"children":166},"span",{"class":164,"line":165},"line",1,[167,173,178],{"type":15,"tag":162,"props":168,"children":170},{"style":169},"--shiki-default:#ABB2BF",[171],{"type":21,"value":172},"\u003C",{"type":15,"tag":162,"props":174,"children":176},{"style":175},"--shiki-default:#E06C75",[177],{"type":21,"value":28},{"type":15,"tag":162,"props":179,"children":180},{"style":169},[181],{"type":21,"value":182},">\n",{"type":15,"tag":162,"props":184,"children":186},{"class":164,"line":185},2,[187,192,197,203,208,214],{"type":15,"tag":162,"props":188,"children":189},{"style":169},[190],{"type":21,"value":191},"  \u003C",{"type":15,"tag":162,"props":193,"children":194},{"style":175},[195],{"type":21,"value":196},"div",{"type":15,"tag":162,"props":198,"children":200},{"style":199},"--shiki-default:#D19A66",[201],{"type":21,"value":202}," class",{"type":15,"tag":162,"props":204,"children":205},{"style":169},[206],{"type":21,"value":207},"=",{"type":15,"tag":162,"props":209,"children":211},{"style":210},"--shiki-default:#98C379",[212],{"type":21,"value":213},"\"flex flex-col gap-4 flex-wrap sm:flex-row\"",{"type":15,"tag":162,"props":215,"children":216},{"style":169},[217],{"type":21,"value":182},{"type":15,"tag":162,"props":219,"children":221},{"class":164,"line":220},3,[222,227,231,235,239,244,249,253,258],{"type":15,"tag":162,"props":223,"children":224},{"style":169},[225],{"type":21,"value":226},"    \u003C",{"type":15,"tag":162,"props":228,"children":229},{"style":175},[230],{"type":21,"value":41},{"type":15,"tag":162,"props":232,"children":233},{"style":199},[234],{"type":21,"value":202},{"type":15,"tag":162,"props":236,"children":237},{"style":169},[238],{"type":21,"value":207},{"type":15,"tag":162,"props":240,"children":241},{"style":210},[242],{"type":21,"value":243},"\"w-12\"",{"type":15,"tag":162,"props":245,"children":246},{"style":199},[247],{"type":21,"value":248}," size",{"type":15,"tag":162,"props":250,"children":251},{"style":169},[252],{"type":21,"value":207},{"type":15,"tag":162,"props":254,"children":255},{"style":210},[256],{"type":21,"value":257},"\"minimal\"",{"type":15,"tag":162,"props":259,"children":260},{"style":169},[261],{"type":21,"value":262}," \u002F>\n",{"type":15,"tag":162,"props":264,"children":266},{"class":164,"line":265},4,[267,271,275,279,283,287,291,295,300],{"type":15,"tag":162,"props":268,"children":269},{"style":169},[270],{"type":21,"value":226},{"type":15,"tag":162,"props":272,"children":273},{"style":175},[274],{"type":21,"value":41},{"type":15,"tag":162,"props":276,"children":277},{"style":199},[278],{"type":21,"value":202},{"type":15,"tag":162,"props":280,"children":281},{"style":169},[282],{"type":21,"value":207},{"type":15,"tag":162,"props":284,"children":285},{"style":210},[286],{"type":21,"value":243},{"type":15,"tag":162,"props":288,"children":289},{"style":199},[290],{"type":21,"value":248},{"type":15,"tag":162,"props":292,"children":293},{"style":169},[294],{"type":21,"value":207},{"type":15,"tag":162,"props":296,"children":297},{"style":210},[298],{"type":21,"value":299},"\"xs\"",{"type":15,"tag":162,"props":301,"children":302},{"style":169},[303],{"type":21,"value":262},{"type":15,"tag":162,"props":305,"children":307},{"class":164,"line":306},5,[308,312,316,320,324,328,332,336,341],{"type":15,"tag":162,"props":309,"children":310},{"style":169},[311],{"type":21,"value":226},{"type":15,"tag":162,"props":313,"children":314},{"style":175},[315],{"type":21,"value":41},{"type":15,"tag":162,"props":317,"children":318},{"style":199},[319],{"type":21,"value":202},{"type":15,"tag":162,"props":321,"children":322},{"style":169},[323],{"type":21,"value":207},{"type":15,"tag":162,"props":325,"children":326},{"style":210},[327],{"type":21,"value":243},{"type":15,"tag":162,"props":329,"children":330},{"style":199},[331],{"type":21,"value":248},{"type":15,"tag":162,"props":333,"children":334},{"style":169},[335],{"type":21,"value":207},{"type":15,"tag":162,"props":337,"children":338},{"style":210},[339],{"type":21,"value":340},"\"sm\"",{"type":15,"tag":162,"props":342,"children":343},{"style":169},[344],{"type":21,"value":262},{"type":15,"tag":162,"props":346,"children":348},{"class":164,"line":347},6,[349,353,357,361,365,369],{"type":15,"tag":162,"props":350,"children":351},{"style":169},[352],{"type":21,"value":226},{"type":15,"tag":162,"props":354,"children":355},{"style":175},[356],{"type":21,"value":41},{"type":15,"tag":162,"props":358,"children":359},{"style":199},[360],{"type":21,"value":202},{"type":15,"tag":162,"props":362,"children":363},{"style":169},[364],{"type":21,"value":207},{"type":15,"tag":162,"props":366,"children":367},{"style":210},[368],{"type":21,"value":243},{"type":15,"tag":162,"props":370,"children":371},{"style":169},[372],{"type":21,"value":262},{"type":15,"tag":162,"props":374,"children":376},{"class":164,"line":375},7,[377,381,385,389,393,397,401,405,410],{"type":15,"tag":162,"props":378,"children":379},{"style":169},[380],{"type":21,"value":226},{"type":15,"tag":162,"props":382,"children":383},{"style":175},[384],{"type":21,"value":41},{"type":15,"tag":162,"props":386,"children":387},{"style":199},[388],{"type":21,"value":202},{"type":15,"tag":162,"props":390,"children":391},{"style":169},[392],{"type":21,"value":207},{"type":15,"tag":162,"props":394,"children":395},{"style":210},[396],{"type":21,"value":243},{"type":15,"tag":162,"props":398,"children":399},{"style":199},[400],{"type":21,"value":248},{"type":15,"tag":162,"props":402,"children":403},{"style":169},[404],{"type":21,"value":207},{"type":15,"tag":162,"props":406,"children":407},{"style":210},[408],{"type":21,"value":409},"\"base\"",{"type":15,"tag":162,"props":411,"children":412},{"style":169},[413],{"type":21,"value":262},{"type":15,"tag":162,"props":415,"children":417},{"class":164,"line":416},8,[418,422,426,430,434,438,442,446,451],{"type":15,"tag":162,"props":419,"children":420},{"style":169},[421],{"type":21,"value":226},{"type":15,"tag":162,"props":423,"children":424},{"style":175},[425],{"type":21,"value":41},{"type":15,"tag":162,"props":427,"children":428},{"style":199},[429],{"type":21,"value":202},{"type":15,"tag":162,"props":431,"children":432},{"style":169},[433],{"type":21,"value":207},{"type":15,"tag":162,"props":435,"children":436},{"style":210},[437],{"type":21,"value":243},{"type":15,"tag":162,"props":439,"children":440},{"style":199},[441],{"type":21,"value":248},{"type":15,"tag":162,"props":443,"children":444},{"style":169},[445],{"type":21,"value":207},{"type":15,"tag":162,"props":447,"children":448},{"style":210},[449],{"type":21,"value":450},"\"lg\"",{"type":15,"tag":162,"props":452,"children":453},{"style":169},[454],{"type":21,"value":262},{"type":15,"tag":162,"props":456,"children":458},{"class":164,"line":457},9,[459,463,467,471,475,479,483,487,492],{"type":15,"tag":162,"props":460,"children":461},{"style":169},[462],{"type":21,"value":226},{"type":15,"tag":162,"props":464,"children":465},{"style":175},[466],{"type":21,"value":41},{"type":15,"tag":162,"props":468,"children":469},{"style":199},[470],{"type":21,"value":202},{"type":15,"tag":162,"props":472,"children":473},{"style":169},[474],{"type":21,"value":207},{"type":15,"tag":162,"props":476,"children":477},{"style":210},[478],{"type":21,"value":243},{"type":15,"tag":162,"props":480,"children":481},{"style":199},[482],{"type":21,"value":248},{"type":15,"tag":162,"props":484,"children":485},{"style":169},[486],{"type":21,"value":207},{"type":15,"tag":162,"props":488,"children":489},{"style":210},[490],{"type":21,"value":491},"\"xl\"",{"type":15,"tag":162,"props":493,"children":494},{"style":169},[495],{"type":21,"value":262},{"type":15,"tag":162,"props":497,"children":499},{"class":164,"line":498},10,[500,504,508,512,516,520,524,528,533],{"type":15,"tag":162,"props":501,"children":502},{"style":169},[503],{"type":21,"value":226},{"type":15,"tag":162,"props":505,"children":506},{"style":175},[507],{"type":21,"value":41},{"type":15,"tag":162,"props":509,"children":510},{"style":199},[511],{"type":21,"value":202},{"type":15,"tag":162,"props":513,"children":514},{"style":169},[515],{"type":21,"value":207},{"type":15,"tag":162,"props":517,"children":518},{"style":210},[519],{"type":21,"value":243},{"type":15,"tag":162,"props":521,"children":522},{"style":199},[523],{"type":21,"value":248},{"type":15,"tag":162,"props":525,"children":526},{"style":169},[527],{"type":21,"value":207},{"type":15,"tag":162,"props":529,"children":530},{"style":210},[531],{"type":21,"value":532},"\"2xl\"",{"type":15,"tag":162,"props":534,"children":535},{"style":169},[536],{"type":21,"value":262},{"type":15,"tag":162,"props":538,"children":540},{"class":164,"line":539},11,[541,545,549,553,557,561,565,569,574],{"type":15,"tag":162,"props":542,"children":543},{"style":169},[544],{"type":21,"value":226},{"type":15,"tag":162,"props":546,"children":547},{"style":175},[548],{"type":21,"value":41},{"type":15,"tag":162,"props":550,"children":551},{"style":199},[552],{"type":21,"value":202},{"type":15,"tag":162,"props":554,"children":555},{"style":169},[556],{"type":21,"value":207},{"type":15,"tag":162,"props":558,"children":559},{"style":210},[560],{"type":21,"value":243},{"type":15,"tag":162,"props":562,"children":563},{"style":199},[564],{"type":21,"value":248},{"type":15,"tag":162,"props":566,"children":567},{"style":169},[568],{"type":21,"value":207},{"type":15,"tag":162,"props":570,"children":571},{"style":210},[572],{"type":21,"value":573},"\"3xl\"",{"type":15,"tag":162,"props":575,"children":576},{"style":169},[577],{"type":21,"value":262},{"type":15,"tag":162,"props":579,"children":581},{"class":164,"line":580},12,[582,586,590,594,598,602,606,610,615],{"type":15,"tag":162,"props":583,"children":584},{"style":169},[585],{"type":21,"value":226},{"type":15,"tag":162,"props":587,"children":588},{"style":175},[589],{"type":21,"value":41},{"type":15,"tag":162,"props":591,"children":592},{"style":199},[593],{"type":21,"value":202},{"type":15,"tag":162,"props":595,"children":596},{"style":169},[597],{"type":21,"value":207},{"type":15,"tag":162,"props":599,"children":600},{"style":210},[601],{"type":21,"value":243},{"type":15,"tag":162,"props":603,"children":604},{"style":199},[605],{"type":21,"value":248},{"type":15,"tag":162,"props":607,"children":608},{"style":169},[609],{"type":21,"value":207},{"type":15,"tag":162,"props":611,"children":612},{"style":210},[613],{"type":21,"value":614},"\"4xl\"",{"type":15,"tag":162,"props":616,"children":617},{"style":169},[618],{"type":21,"value":262},{"type":15,"tag":162,"props":620,"children":622},{"class":164,"line":621},13,[623,628,632],{"type":15,"tag":162,"props":624,"children":625},{"style":169},[626],{"type":21,"value":627},"  \u003C\u002F",{"type":15,"tag":162,"props":629,"children":630},{"style":175},[631],{"type":21,"value":196},{"type":15,"tag":162,"props":633,"children":634},{"style":169},[635],{"type":21,"value":182},{"type":15,"tag":162,"props":637,"children":639},{"class":164,"line":638},14,[640,645,649],{"type":15,"tag":162,"props":641,"children":642},{"style":169},[643],{"type":21,"value":644},"\u003C\u002F",{"type":15,"tag":162,"props":646,"children":647},{"style":175},[648],{"type":21,"value":28},{"type":15,"tag":162,"props":650,"children":651},{"style":169},[652],{"type":21,"value":182},{"type":15,"tag":162,"props":654,"children":656},{"class":164,"line":655},15,[657],{"type":15,"tag":162,"props":658,"children":659},{"emptyLinePlaceholder":8},[660],{"type":21,"value":661},"\n",{"type":15,"tag":162,"props":663,"children":665},{"class":164,"line":664},16,[666,670,675,680,684,689,694],{"type":15,"tag":162,"props":667,"children":668},{"style":169},[669],{"type":21,"value":172},{"type":15,"tag":162,"props":671,"children":672},{"style":175},[673],{"type":21,"value":674},"script",{"type":15,"tag":162,"props":676,"children":677},{"style":199},[678],{"type":21,"value":679}," lang",{"type":15,"tag":162,"props":681,"children":682},{"style":169},[683],{"type":21,"value":207},{"type":15,"tag":162,"props":685,"children":686},{"style":210},[687],{"type":21,"value":688},"\"ts\"",{"type":15,"tag":162,"props":690,"children":691},{"style":199},[692],{"type":21,"value":693}," setup",{"type":15,"tag":162,"props":695,"children":696},{"style":169},[697],{"type":21,"value":182},{"type":15,"tag":162,"props":699,"children":701},{"class":164,"line":700},17,[702,708,713,717,722,727,732],{"type":15,"tag":162,"props":703,"children":705},{"style":704},"--shiki-default:#C678DD",[706],{"type":21,"value":707},"import",{"type":15,"tag":162,"props":709,"children":710},{"style":169},[711],{"type":21,"value":712}," { ",{"type":15,"tag":162,"props":714,"children":715},{"style":175},[716],{"type":21,"value":41},{"type":15,"tag":162,"props":718,"children":719},{"style":169},[720],{"type":21,"value":721}," } ",{"type":15,"tag":162,"props":723,"children":724},{"style":704},[725],{"type":21,"value":726},"from",{"type":15,"tag":162,"props":728,"children":729},{"style":210},[730],{"type":21,"value":731}," '@storefront-ui\u002Fvue'",{"type":15,"tag":162,"props":733,"children":734},{"style":169},[735],{"type":21,"value":736},";\n",{"type":15,"tag":162,"props":738,"children":740},{"class":164,"line":739},18,[741,745,749],{"type":15,"tag":162,"props":742,"children":743},{"style":169},[744],{"type":21,"value":644},{"type":15,"tag":162,"props":746,"children":747},{"style":175},[748],{"type":21,"value":674},{"type":15,"tag":162,"props":750,"children":751},{"style":169},[752],{"type":21,"value":182},{"type":15,"tag":754,"props":755,"children":756},"react-only",{},[757],{"type":15,"tag":152,"props":758,"children":762},{"className":759,"code":760,"language":761,"meta":9,"style":9},"language-tsx shiki shiki-themes one-dark-pro","import { SfLoaderLinear } from '@storefront-ui\u002Freact';\n\nexport default function LoaderLinearSizes() {\n  return (\n    \u003Cdiv className=\"flex flex-col flex-wrap gap-4 sm:flex-row\">\n      \u003CSfLoaderLinear className=\"w-12\" size=\"minimal\" \u002F>\n      \u003CSfLoaderLinear className=\"w-12\" size=\"xs\" \u002F>\n      \u003CSfLoaderLinear className=\"w-12\" size=\"sm\" \u002F>\n      \u003CSfLoaderLinear className=\"w-12\" \u002F>\n      \u003CSfLoaderLinear className=\"w-12\" size=\"base\" \u002F>\n      \u003CSfLoaderLinear className=\"w-12\" size=\"lg\" \u002F>\n      \u003CSfLoaderLinear className=\"w-12\" size=\"xl\" \u002F>\n      \u003CSfLoaderLinear className=\"w-12\" size=\"2xl\" \u002F>\n      \u003CSfLoaderLinear className=\"w-12\" size=\"3xl\" \u002F>\n      \u003CSfLoaderLinear className=\"w-12\" size=\"4xl\" \u002F>\n    \u003C\u002Fdiv>\n  );\n}\n","tsx",[763],{"type":15,"tag":36,"props":764,"children":765},{"__ignoreMap":9},[766,798,805,834,847,878,919,958,997,1024,1063,1102,1141,1180,1219,1258,1274,1282],{"type":15,"tag":162,"props":767,"children":768},{"class":164,"line":165},[769,773,777,781,785,789,794],{"type":15,"tag":162,"props":770,"children":771},{"style":704},[772],{"type":21,"value":707},{"type":15,"tag":162,"props":774,"children":775},{"style":169},[776],{"type":21,"value":712},{"type":15,"tag":162,"props":778,"children":779},{"style":175},[780],{"type":21,"value":41},{"type":15,"tag":162,"props":782,"children":783},{"style":169},[784],{"type":21,"value":721},{"type":15,"tag":162,"props":786,"children":787},{"style":704},[788],{"type":21,"value":726},{"type":15,"tag":162,"props":790,"children":791},{"style":210},[792],{"type":21,"value":793}," '@storefront-ui\u002Freact'",{"type":15,"tag":162,"props":795,"children":796},{"style":169},[797],{"type":21,"value":736},{"type":15,"tag":162,"props":799,"children":800},{"class":164,"line":185},[801],{"type":15,"tag":162,"props":802,"children":803},{"emptyLinePlaceholder":8},[804],{"type":21,"value":661},{"type":15,"tag":162,"props":806,"children":807},{"class":164,"line":220},[808,813,818,823,829],{"type":15,"tag":162,"props":809,"children":810},{"style":704},[811],{"type":21,"value":812},"export",{"type":15,"tag":162,"props":814,"children":815},{"style":704},[816],{"type":21,"value":817}," default",{"type":15,"tag":162,"props":819,"children":820},{"style":704},[821],{"type":21,"value":822}," function",{"type":15,"tag":162,"props":824,"children":826},{"style":825},"--shiki-default:#61AFEF",[827],{"type":21,"value":828}," LoaderLinearSizes",{"type":15,"tag":162,"props":830,"children":831},{"style":169},[832],{"type":21,"value":833},"() {\n",{"type":15,"tag":162,"props":835,"children":836},{"class":164,"line":265},[837,842],{"type":15,"tag":162,"props":838,"children":839},{"style":704},[840],{"type":21,"value":841},"  return",{"type":15,"tag":162,"props":843,"children":844},{"style":169},[845],{"type":21,"value":846}," (\n",{"type":15,"tag":162,"props":848,"children":849},{"class":164,"line":306},[850,854,858,864,869,874],{"type":15,"tag":162,"props":851,"children":852},{"style":169},[853],{"type":21,"value":226},{"type":15,"tag":162,"props":855,"children":856},{"style":175},[857],{"type":21,"value":196},{"type":15,"tag":162,"props":859,"children":861},{"style":860},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[862],{"type":21,"value":863}," className",{"type":15,"tag":162,"props":865,"children":867},{"style":866},"--shiki-default:#56B6C2",[868],{"type":21,"value":207},{"type":15,"tag":162,"props":870,"children":871},{"style":210},[872],{"type":21,"value":873},"\"flex flex-col flex-wrap gap-4 sm:flex-row\"",{"type":15,"tag":162,"props":875,"children":876},{"style":169},[877],{"type":21,"value":182},{"type":15,"tag":162,"props":879,"children":880},{"class":164,"line":347},[881,886,891,895,899,903,907,911,915],{"type":15,"tag":162,"props":882,"children":883},{"style":169},[884],{"type":21,"value":885},"      \u003C",{"type":15,"tag":162,"props":887,"children":889},{"style":888},"--shiki-default:#E5C07B",[890],{"type":21,"value":41},{"type":15,"tag":162,"props":892,"children":893},{"style":860},[894],{"type":21,"value":863},{"type":15,"tag":162,"props":896,"children":897},{"style":866},[898],{"type":21,"value":207},{"type":15,"tag":162,"props":900,"children":901},{"style":210},[902],{"type":21,"value":243},{"type":15,"tag":162,"props":904,"children":905},{"style":860},[906],{"type":21,"value":248},{"type":15,"tag":162,"props":908,"children":909},{"style":866},[910],{"type":21,"value":207},{"type":15,"tag":162,"props":912,"children":913},{"style":210},[914],{"type":21,"value":257},{"type":15,"tag":162,"props":916,"children":917},{"style":169},[918],{"type":21,"value":262},{"type":15,"tag":162,"props":920,"children":921},{"class":164,"line":375},[922,926,930,934,938,942,946,950,954],{"type":15,"tag":162,"props":923,"children":924},{"style":169},[925],{"type":21,"value":885},{"type":15,"tag":162,"props":927,"children":928},{"style":888},[929],{"type":21,"value":41},{"type":15,"tag":162,"props":931,"children":932},{"style":860},[933],{"type":21,"value":863},{"type":15,"tag":162,"props":935,"children":936},{"style":866},[937],{"type":21,"value":207},{"type":15,"tag":162,"props":939,"children":940},{"style":210},[941],{"type":21,"value":243},{"type":15,"tag":162,"props":943,"children":944},{"style":860},[945],{"type":21,"value":248},{"type":15,"tag":162,"props":947,"children":948},{"style":866},[949],{"type":21,"value":207},{"type":15,"tag":162,"props":951,"children":952},{"style":210},[953],{"type":21,"value":299},{"type":15,"tag":162,"props":955,"children":956},{"style":169},[957],{"type":21,"value":262},{"type":15,"tag":162,"props":959,"children":960},{"class":164,"line":416},[961,965,969,973,977,981,985,989,993],{"type":15,"tag":162,"props":962,"children":963},{"style":169},[964],{"type":21,"value":885},{"type":15,"tag":162,"props":966,"children":967},{"style":888},[968],{"type":21,"value":41},{"type":15,"tag":162,"props":970,"children":971},{"style":860},[972],{"type":21,"value":863},{"type":15,"tag":162,"props":974,"children":975},{"style":866},[976],{"type":21,"value":207},{"type":15,"tag":162,"props":978,"children":979},{"style":210},[980],{"type":21,"value":243},{"type":15,"tag":162,"props":982,"children":983},{"style":860},[984],{"type":21,"value":248},{"type":15,"tag":162,"props":986,"children":987},{"style":866},[988],{"type":21,"value":207},{"type":15,"tag":162,"props":990,"children":991},{"style":210},[992],{"type":21,"value":340},{"type":15,"tag":162,"props":994,"children":995},{"style":169},[996],{"type":21,"value":262},{"type":15,"tag":162,"props":998,"children":999},{"class":164,"line":457},[1000,1004,1008,1012,1016,1020],{"type":15,"tag":162,"props":1001,"children":1002},{"style":169},[1003],{"type":21,"value":885},{"type":15,"tag":162,"props":1005,"children":1006},{"style":888},[1007],{"type":21,"value":41},{"type":15,"tag":162,"props":1009,"children":1010},{"style":860},[1011],{"type":21,"value":863},{"type":15,"tag":162,"props":1013,"children":1014},{"style":866},[1015],{"type":21,"value":207},{"type":15,"tag":162,"props":1017,"children":1018},{"style":210},[1019],{"type":21,"value":243},{"type":15,"tag":162,"props":1021,"children":1022},{"style":169},[1023],{"type":21,"value":262},{"type":15,"tag":162,"props":1025,"children":1026},{"class":164,"line":498},[1027,1031,1035,1039,1043,1047,1051,1055,1059],{"type":15,"tag":162,"props":1028,"children":1029},{"style":169},[1030],{"type":21,"value":885},{"type":15,"tag":162,"props":1032,"children":1033},{"style":888},[1034],{"type":21,"value":41},{"type":15,"tag":162,"props":1036,"children":1037},{"style":860},[1038],{"type":21,"value":863},{"type":15,"tag":162,"props":1040,"children":1041},{"style":866},[1042],{"type":21,"value":207},{"type":15,"tag":162,"props":1044,"children":1045},{"style":210},[1046],{"type":21,"value":243},{"type":15,"tag":162,"props":1048,"children":1049},{"style":860},[1050],{"type":21,"value":248},{"type":15,"tag":162,"props":1052,"children":1053},{"style":866},[1054],{"type":21,"value":207},{"type":15,"tag":162,"props":1056,"children":1057},{"style":210},[1058],{"type":21,"value":409},{"type":15,"tag":162,"props":1060,"children":1061},{"style":169},[1062],{"type":21,"value":262},{"type":15,"tag":162,"props":1064,"children":1065},{"class":164,"line":539},[1066,1070,1074,1078,1082,1086,1090,1094,1098],{"type":15,"tag":162,"props":1067,"children":1068},{"style":169},[1069],{"type":21,"value":885},{"type":15,"tag":162,"props":1071,"children":1072},{"style":888},[1073],{"type":21,"value":41},{"type":15,"tag":162,"props":1075,"children":1076},{"style":860},[1077],{"type":21,"value":863},{"type":15,"tag":162,"props":1079,"children":1080},{"style":866},[1081],{"type":21,"value":207},{"type":15,"tag":162,"props":1083,"children":1084},{"style":210},[1085],{"type":21,"value":243},{"type":15,"tag":162,"props":1087,"children":1088},{"style":860},[1089],{"type":21,"value":248},{"type":15,"tag":162,"props":1091,"children":1092},{"style":866},[1093],{"type":21,"value":207},{"type":15,"tag":162,"props":1095,"children":1096},{"style":210},[1097],{"type":21,"value":450},{"type":15,"tag":162,"props":1099,"children":1100},{"style":169},[1101],{"type":21,"value":262},{"type":15,"tag":162,"props":1103,"children":1104},{"class":164,"line":580},[1105,1109,1113,1117,1121,1125,1129,1133,1137],{"type":15,"tag":162,"props":1106,"children":1107},{"style":169},[1108],{"type":21,"value":885},{"type":15,"tag":162,"props":1110,"children":1111},{"style":888},[1112],{"type":21,"value":41},{"type":15,"tag":162,"props":1114,"children":1115},{"style":860},[1116],{"type":21,"value":863},{"type":15,"tag":162,"props":1118,"children":1119},{"style":866},[1120],{"type":21,"value":207},{"type":15,"tag":162,"props":1122,"children":1123},{"style":210},[1124],{"type":21,"value":243},{"type":15,"tag":162,"props":1126,"children":1127},{"style":860},[1128],{"type":21,"value":248},{"type":15,"tag":162,"props":1130,"children":1131},{"style":866},[1132],{"type":21,"value":207},{"type":15,"tag":162,"props":1134,"children":1135},{"style":210},[1136],{"type":21,"value":491},{"type":15,"tag":162,"props":1138,"children":1139},{"style":169},[1140],{"type":21,"value":262},{"type":15,"tag":162,"props":1142,"children":1143},{"class":164,"line":621},[1144,1148,1152,1156,1160,1164,1168,1172,1176],{"type":15,"tag":162,"props":1145,"children":1146},{"style":169},[1147],{"type":21,"value":885},{"type":15,"tag":162,"props":1149,"children":1150},{"style":888},[1151],{"type":21,"value":41},{"type":15,"tag":162,"props":1153,"children":1154},{"style":860},[1155],{"type":21,"value":863},{"type":15,"tag":162,"props":1157,"children":1158},{"style":866},[1159],{"type":21,"value":207},{"type":15,"tag":162,"props":1161,"children":1162},{"style":210},[1163],{"type":21,"value":243},{"type":15,"tag":162,"props":1165,"children":1166},{"style":860},[1167],{"type":21,"value":248},{"type":15,"tag":162,"props":1169,"children":1170},{"style":866},[1171],{"type":21,"value":207},{"type":15,"tag":162,"props":1173,"children":1174},{"style":210},[1175],{"type":21,"value":532},{"type":15,"tag":162,"props":1177,"children":1178},{"style":169},[1179],{"type":21,"value":262},{"type":15,"tag":162,"props":1181,"children":1182},{"class":164,"line":638},[1183,1187,1191,1195,1199,1203,1207,1211,1215],{"type":15,"tag":162,"props":1184,"children":1185},{"style":169},[1186],{"type":21,"value":885},{"type":15,"tag":162,"props":1188,"children":1189},{"style":888},[1190],{"type":21,"value":41},{"type":15,"tag":162,"props":1192,"children":1193},{"style":860},[1194],{"type":21,"value":863},{"type":15,"tag":162,"props":1196,"children":1197},{"style":866},[1198],{"type":21,"value":207},{"type":15,"tag":162,"props":1200,"children":1201},{"style":210},[1202],{"type":21,"value":243},{"type":15,"tag":162,"props":1204,"children":1205},{"style":860},[1206],{"type":21,"value":248},{"type":15,"tag":162,"props":1208,"children":1209},{"style":866},[1210],{"type":21,"value":207},{"type":15,"tag":162,"props":1212,"children":1213},{"style":210},[1214],{"type":21,"value":573},{"type":15,"tag":162,"props":1216,"children":1217},{"style":169},[1218],{"type":21,"value":262},{"type":15,"tag":162,"props":1220,"children":1221},{"class":164,"line":655},[1222,1226,1230,1234,1238,1242,1246,1250,1254],{"type":15,"tag":162,"props":1223,"children":1224},{"style":169},[1225],{"type":21,"value":885},{"type":15,"tag":162,"props":1227,"children":1228},{"style":888},[1229],{"type":21,"value":41},{"type":15,"tag":162,"props":1231,"children":1232},{"style":860},[1233],{"type":21,"value":863},{"type":15,"tag":162,"props":1235,"children":1236},{"style":866},[1237],{"type":21,"value":207},{"type":15,"tag":162,"props":1239,"children":1240},{"style":210},[1241],{"type":21,"value":243},{"type":15,"tag":162,"props":1243,"children":1244},{"style":860},[1245],{"type":21,"value":248},{"type":15,"tag":162,"props":1247,"children":1248},{"style":866},[1249],{"type":21,"value":207},{"type":15,"tag":162,"props":1251,"children":1252},{"style":210},[1253],{"type":21,"value":614},{"type":15,"tag":162,"props":1255,"children":1256},{"style":169},[1257],{"type":21,"value":262},{"type":15,"tag":162,"props":1259,"children":1260},{"class":164,"line":664},[1261,1266,1270],{"type":15,"tag":162,"props":1262,"children":1263},{"style":169},[1264],{"type":21,"value":1265},"    \u003C\u002F",{"type":15,"tag":162,"props":1267,"children":1268},{"style":175},[1269],{"type":21,"value":196},{"type":15,"tag":162,"props":1271,"children":1272},{"style":169},[1273],{"type":21,"value":182},{"type":15,"tag":162,"props":1275,"children":1276},{"class":164,"line":700},[1277],{"type":15,"tag":162,"props":1278,"children":1279},{"style":169},[1280],{"type":21,"value":1281},"  );\n",{"type":15,"tag":162,"props":1283,"children":1284},{"class":164,"line":739},[1285],{"type":15,"tag":162,"props":1286,"children":1287},{"style":169},[1288],{"type":21,"value":1289},"}\n",{"type":15,"tag":52,"props":1291,"children":1293},{"id":1292},"customizing-colors",[1294],{"type":21,"value":1295},"Customizing colors",{"type":15,"tag":32,"props":1297,"children":1298},{},[1299,1301,1306,1308,1314,1316,1322,1324,1333,1335,1346],{"type":21,"value":1300},"By default, ",{"type":15,"tag":36,"props":1302,"children":1304},{"className":1303},[],[1305],{"type":21,"value":41},{"type":21,"value":1307}," uses ",{"type":15,"tag":36,"props":1309,"children":1311},{"className":1310},[],[1312],{"type":21,"value":1313},"primary-700",{"type":21,"value":1315}," as the color of the bar (customizable by setting text color) and ",{"type":15,"tag":36,"props":1317,"children":1319},{"className":1318},[],[1320],{"type":21,"value":1321},"neutral-300",{"type":21,"value":1323}," as its background. You can change these values in your ",{"type":15,"tag":1325,"props":1326,"children":1330},"a",{"href":1327,"rel":1328},"https:\u002F\u002Ftailwindcss.com\u002Fdocs\u002Fconfiguration#theme",[1329],"nofollow",[1331],{"type":21,"value":1332},"Tailwind configuration",{"type":21,"value":1334}," or override them for a single element using ",{"type":15,"tag":1325,"props":1336,"children":1339},{"href":1337,"rel":1338},"https:\u002F\u002Ftailwindcss.com\u002Fdocs\u002Fconfiguration#important-modifier",[1329],[1340],{"type":15,"tag":36,"props":1341,"children":1343},{"className":1342},[],[1344],{"type":21,"value":1345},"important modifier",{"type":21,"value":140},{"type":15,"tag":1348,"props":1349,"children":1350},"tip",{},[1351,1354],{"type":15,"tag":28,"props":1352,"children":1353},{"v-slot:title":9},[],{"type":15,"tag":32,"props":1355,"children":1356},{},[1357,1359,1365],{"type":21,"value":1358},"Learn more about ",{"type":15,"tag":1325,"props":1360,"children":1362},{"href":1361},"\u002Fcustomization\u002Foverriding-default-styles",[1363],{"type":21,"value":1364},"overriding default styles",{"type":21,"value":1366}," in Storefront UI.",{"type":15,"tag":142,"props":1368,"children":1370},{"showcase-name":1369},"LoaderLinear\u002FLoaderLinearColors",[1371,1657],{"type":15,"tag":148,"props":1372,"children":1373},{},[1374],{"type":15,"tag":152,"props":1375,"children":1377},{"className":154,"code":1376,"language":156,"meta":9,"style":9},"\u003Ctemplate>\n  \u003Cdiv class=\"flex gap-4 flex-wrap\">\n    \u003CSfLoaderLinear class=\"w-12 !text-cyan-700\" size=\"lg\" \u002F>\n    \u003CSfLoaderLinear class=\"w-12\" size=\"lg\" \u002F>\n    \u003CSfLoaderLinear class=\"w-12 !bg-yellow-200\" size=\"lg\" \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfLoaderLinear } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n",[1378],{"type":15,"tag":36,"props":1379,"children":1380},{"__ignoreMap":9},[1381,1396,1424,1464,1503,1543,1558,1573,1580,1611,1642],{"type":15,"tag":162,"props":1382,"children":1383},{"class":164,"line":165},[1384,1388,1392],{"type":15,"tag":162,"props":1385,"children":1386},{"style":169},[1387],{"type":21,"value":172},{"type":15,"tag":162,"props":1389,"children":1390},{"style":175},[1391],{"type":21,"value":28},{"type":15,"tag":162,"props":1393,"children":1394},{"style":169},[1395],{"type":21,"value":182},{"type":15,"tag":162,"props":1397,"children":1398},{"class":164,"line":185},[1399,1403,1407,1411,1415,1420],{"type":15,"tag":162,"props":1400,"children":1401},{"style":169},[1402],{"type":21,"value":191},{"type":15,"tag":162,"props":1404,"children":1405},{"style":175},[1406],{"type":21,"value":196},{"type":15,"tag":162,"props":1408,"children":1409},{"style":199},[1410],{"type":21,"value":202},{"type":15,"tag":162,"props":1412,"children":1413},{"style":169},[1414],{"type":21,"value":207},{"type":15,"tag":162,"props":1416,"children":1417},{"style":210},[1418],{"type":21,"value":1419},"\"flex gap-4 flex-wrap\"",{"type":15,"tag":162,"props":1421,"children":1422},{"style":169},[1423],{"type":21,"value":182},{"type":15,"tag":162,"props":1425,"children":1426},{"class":164,"line":220},[1427,1431,1435,1439,1443,1448,1452,1456,1460],{"type":15,"tag":162,"props":1428,"children":1429},{"style":169},[1430],{"type":21,"value":226},{"type":15,"tag":162,"props":1432,"children":1433},{"style":175},[1434],{"type":21,"value":41},{"type":15,"tag":162,"props":1436,"children":1437},{"style":199},[1438],{"type":21,"value":202},{"type":15,"tag":162,"props":1440,"children":1441},{"style":169},[1442],{"type":21,"value":207},{"type":15,"tag":162,"props":1444,"children":1445},{"style":210},[1446],{"type":21,"value":1447},"\"w-12 !text-cyan-700\"",{"type":15,"tag":162,"props":1449,"children":1450},{"style":199},[1451],{"type":21,"value":248},{"type":15,"tag":162,"props":1453,"children":1454},{"style":169},[1455],{"type":21,"value":207},{"type":15,"tag":162,"props":1457,"children":1458},{"style":210},[1459],{"type":21,"value":450},{"type":15,"tag":162,"props":1461,"children":1462},{"style":169},[1463],{"type":21,"value":262},{"type":15,"tag":162,"props":1465,"children":1466},{"class":164,"line":265},[1467,1471,1475,1479,1483,1487,1491,1495,1499],{"type":15,"tag":162,"props":1468,"children":1469},{"style":169},[1470],{"type":21,"value":226},{"type":15,"tag":162,"props":1472,"children":1473},{"style":175},[1474],{"type":21,"value":41},{"type":15,"tag":162,"props":1476,"children":1477},{"style":199},[1478],{"type":21,"value":202},{"type":15,"tag":162,"props":1480,"children":1481},{"style":169},[1482],{"type":21,"value":207},{"type":15,"tag":162,"props":1484,"children":1485},{"style":210},[1486],{"type":21,"value":243},{"type":15,"tag":162,"props":1488,"children":1489},{"style":199},[1490],{"type":21,"value":248},{"type":15,"tag":162,"props":1492,"children":1493},{"style":169},[1494],{"type":21,"value":207},{"type":15,"tag":162,"props":1496,"children":1497},{"style":210},[1498],{"type":21,"value":450},{"type":15,"tag":162,"props":1500,"children":1501},{"style":169},[1502],{"type":21,"value":262},{"type":15,"tag":162,"props":1504,"children":1505},{"class":164,"line":306},[1506,1510,1514,1518,1522,1527,1531,1535,1539],{"type":15,"tag":162,"props":1507,"children":1508},{"style":169},[1509],{"type":21,"value":226},{"type":15,"tag":162,"props":1511,"children":1512},{"style":175},[1513],{"type":21,"value":41},{"type":15,"tag":162,"props":1515,"children":1516},{"style":199},[1517],{"type":21,"value":202},{"type":15,"tag":162,"props":1519,"children":1520},{"style":169},[1521],{"type":21,"value":207},{"type":15,"tag":162,"props":1523,"children":1524},{"style":210},[1525],{"type":21,"value":1526},"\"w-12 !bg-yellow-200\"",{"type":15,"tag":162,"props":1528,"children":1529},{"style":199},[1530],{"type":21,"value":248},{"type":15,"tag":162,"props":1532,"children":1533},{"style":169},[1534],{"type":21,"value":207},{"type":15,"tag":162,"props":1536,"children":1537},{"style":210},[1538],{"type":21,"value":450},{"type":15,"tag":162,"props":1540,"children":1541},{"style":169},[1542],{"type":21,"value":262},{"type":15,"tag":162,"props":1544,"children":1545},{"class":164,"line":347},[1546,1550,1554],{"type":15,"tag":162,"props":1547,"children":1548},{"style":169},[1549],{"type":21,"value":627},{"type":15,"tag":162,"props":1551,"children":1552},{"style":175},[1553],{"type":21,"value":196},{"type":15,"tag":162,"props":1555,"children":1556},{"style":169},[1557],{"type":21,"value":182},{"type":15,"tag":162,"props":1559,"children":1560},{"class":164,"line":375},[1561,1565,1569],{"type":15,"tag":162,"props":1562,"children":1563},{"style":169},[1564],{"type":21,"value":644},{"type":15,"tag":162,"props":1566,"children":1567},{"style":175},[1568],{"type":21,"value":28},{"type":15,"tag":162,"props":1570,"children":1571},{"style":169},[1572],{"type":21,"value":182},{"type":15,"tag":162,"props":1574,"children":1575},{"class":164,"line":416},[1576],{"type":15,"tag":162,"props":1577,"children":1578},{"emptyLinePlaceholder":8},[1579],{"type":21,"value":661},{"type":15,"tag":162,"props":1581,"children":1582},{"class":164,"line":457},[1583,1587,1591,1595,1599,1603,1607],{"type":15,"tag":162,"props":1584,"children":1585},{"style":169},[1586],{"type":21,"value":172},{"type":15,"tag":162,"props":1588,"children":1589},{"style":175},[1590],{"type":21,"value":674},{"type":15,"tag":162,"props":1592,"children":1593},{"style":199},[1594],{"type":21,"value":679},{"type":15,"tag":162,"props":1596,"children":1597},{"style":169},[1598],{"type":21,"value":207},{"type":15,"tag":162,"props":1600,"children":1601},{"style":210},[1602],{"type":21,"value":688},{"type":15,"tag":162,"props":1604,"children":1605},{"style":199},[1606],{"type":21,"value":693},{"type":15,"tag":162,"props":1608,"children":1609},{"style":169},[1610],{"type":21,"value":182},{"type":15,"tag":162,"props":1612,"children":1613},{"class":164,"line":498},[1614,1618,1622,1626,1630,1634,1638],{"type":15,"tag":162,"props":1615,"children":1616},{"style":704},[1617],{"type":21,"value":707},{"type":15,"tag":162,"props":1619,"children":1620},{"style":169},[1621],{"type":21,"value":712},{"type":15,"tag":162,"props":1623,"children":1624},{"style":175},[1625],{"type":21,"value":41},{"type":15,"tag":162,"props":1627,"children":1628},{"style":169},[1629],{"type":21,"value":721},{"type":15,"tag":162,"props":1631,"children":1632},{"style":704},[1633],{"type":21,"value":726},{"type":15,"tag":162,"props":1635,"children":1636},{"style":210},[1637],{"type":21,"value":731},{"type":15,"tag":162,"props":1639,"children":1640},{"style":169},[1641],{"type":21,"value":736},{"type":15,"tag":162,"props":1643,"children":1644},{"class":164,"line":539},[1645,1649,1653],{"type":15,"tag":162,"props":1646,"children":1647},{"style":169},[1648],{"type":21,"value":644},{"type":15,"tag":162,"props":1650,"children":1651},{"style":175},[1652],{"type":21,"value":674},{"type":15,"tag":162,"props":1654,"children":1655},{"style":169},[1656],{"type":21,"value":182},{"type":15,"tag":754,"props":1658,"children":1659},{},[1660],{"type":15,"tag":152,"props":1661,"children":1663},{"className":759,"code":1662,"language":761,"meta":9,"style":9},"import { SfLoaderLinear } from '@storefront-ui\u002Freact';\n\nexport default function LoaderLinearColors() {\n  return (\n    \u003Cdiv className=\"flex gap-4 flex-wrap\">\n      \u003CSfLoaderLinear className=\"w-12 !text-cyan-700\" size=\"lg\" \u002F>\n      \u003CSfLoaderLinear className=\"w-12\" size=\"lg\" \u002F>\n      \u003CSfLoaderLinear className=\"w-12 !bg-yellow-200\" size=\"lg\" \u002F>\n    \u003C\u002Fdiv>\n  );\n}\n",[1664],{"type":15,"tag":36,"props":1665,"children":1666},{"__ignoreMap":9},[1667,1698,1705,1729,1740,1767,1806,1845,1884,1899,1906],{"type":15,"tag":162,"props":1668,"children":1669},{"class":164,"line":165},[1670,1674,1678,1682,1686,1690,1694],{"type":15,"tag":162,"props":1671,"children":1672},{"style":704},[1673],{"type":21,"value":707},{"type":15,"tag":162,"props":1675,"children":1676},{"style":169},[1677],{"type":21,"value":712},{"type":15,"tag":162,"props":1679,"children":1680},{"style":175},[1681],{"type":21,"value":41},{"type":15,"tag":162,"props":1683,"children":1684},{"style":169},[1685],{"type":21,"value":721},{"type":15,"tag":162,"props":1687,"children":1688},{"style":704},[1689],{"type":21,"value":726},{"type":15,"tag":162,"props":1691,"children":1692},{"style":210},[1693],{"type":21,"value":793},{"type":15,"tag":162,"props":1695,"children":1696},{"style":169},[1697],{"type":21,"value":736},{"type":15,"tag":162,"props":1699,"children":1700},{"class":164,"line":185},[1701],{"type":15,"tag":162,"props":1702,"children":1703},{"emptyLinePlaceholder":8},[1704],{"type":21,"value":661},{"type":15,"tag":162,"props":1706,"children":1707},{"class":164,"line":220},[1708,1712,1716,1720,1725],{"type":15,"tag":162,"props":1709,"children":1710},{"style":704},[1711],{"type":21,"value":812},{"type":15,"tag":162,"props":1713,"children":1714},{"style":704},[1715],{"type":21,"value":817},{"type":15,"tag":162,"props":1717,"children":1718},{"style":704},[1719],{"type":21,"value":822},{"type":15,"tag":162,"props":1721,"children":1722},{"style":825},[1723],{"type":21,"value":1724}," LoaderLinearColors",{"type":15,"tag":162,"props":1726,"children":1727},{"style":169},[1728],{"type":21,"value":833},{"type":15,"tag":162,"props":1730,"children":1731},{"class":164,"line":265},[1732,1736],{"type":15,"tag":162,"props":1733,"children":1734},{"style":704},[1735],{"type":21,"value":841},{"type":15,"tag":162,"props":1737,"children":1738},{"style":169},[1739],{"type":21,"value":846},{"type":15,"tag":162,"props":1741,"children":1742},{"class":164,"line":306},[1743,1747,1751,1755,1759,1763],{"type":15,"tag":162,"props":1744,"children":1745},{"style":169},[1746],{"type":21,"value":226},{"type":15,"tag":162,"props":1748,"children":1749},{"style":175},[1750],{"type":21,"value":196},{"type":15,"tag":162,"props":1752,"children":1753},{"style":860},[1754],{"type":21,"value":863},{"type":15,"tag":162,"props":1756,"children":1757},{"style":866},[1758],{"type":21,"value":207},{"type":15,"tag":162,"props":1760,"children":1761},{"style":210},[1762],{"type":21,"value":1419},{"type":15,"tag":162,"props":1764,"children":1765},{"style":169},[1766],{"type":21,"value":182},{"type":15,"tag":162,"props":1768,"children":1769},{"class":164,"line":347},[1770,1774,1778,1782,1786,1790,1794,1798,1802],{"type":15,"tag":162,"props":1771,"children":1772},{"style":169},[1773],{"type":21,"value":885},{"type":15,"tag":162,"props":1775,"children":1776},{"style":888},[1777],{"type":21,"value":41},{"type":15,"tag":162,"props":1779,"children":1780},{"style":860},[1781],{"type":21,"value":863},{"type":15,"tag":162,"props":1783,"children":1784},{"style":866},[1785],{"type":21,"value":207},{"type":15,"tag":162,"props":1787,"children":1788},{"style":210},[1789],{"type":21,"value":1447},{"type":15,"tag":162,"props":1791,"children":1792},{"style":860},[1793],{"type":21,"value":248},{"type":15,"tag":162,"props":1795,"children":1796},{"style":866},[1797],{"type":21,"value":207},{"type":15,"tag":162,"props":1799,"children":1800},{"style":210},[1801],{"type":21,"value":450},{"type":15,"tag":162,"props":1803,"children":1804},{"style":169},[1805],{"type":21,"value":262},{"type":15,"tag":162,"props":1807,"children":1808},{"class":164,"line":375},[1809,1813,1817,1821,1825,1829,1833,1837,1841],{"type":15,"tag":162,"props":1810,"children":1811},{"style":169},[1812],{"type":21,"value":885},{"type":15,"tag":162,"props":1814,"children":1815},{"style":888},[1816],{"type":21,"value":41},{"type":15,"tag":162,"props":1818,"children":1819},{"style":860},[1820],{"type":21,"value":863},{"type":15,"tag":162,"props":1822,"children":1823},{"style":866},[1824],{"type":21,"value":207},{"type":15,"tag":162,"props":1826,"children":1827},{"style":210},[1828],{"type":21,"value":243},{"type":15,"tag":162,"props":1830,"children":1831},{"style":860},[1832],{"type":21,"value":248},{"type":15,"tag":162,"props":1834,"children":1835},{"style":866},[1836],{"type":21,"value":207},{"type":15,"tag":162,"props":1838,"children":1839},{"style":210},[1840],{"type":21,"value":450},{"type":15,"tag":162,"props":1842,"children":1843},{"style":169},[1844],{"type":21,"value":262},{"type":15,"tag":162,"props":1846,"children":1847},{"class":164,"line":416},[1848,1852,1856,1860,1864,1868,1872,1876,1880],{"type":15,"tag":162,"props":1849,"children":1850},{"style":169},[1851],{"type":21,"value":885},{"type":15,"tag":162,"props":1853,"children":1854},{"style":888},[1855],{"type":21,"value":41},{"type":15,"tag":162,"props":1857,"children":1858},{"style":860},[1859],{"type":21,"value":863},{"type":15,"tag":162,"props":1861,"children":1862},{"style":866},[1863],{"type":21,"value":207},{"type":15,"tag":162,"props":1865,"children":1866},{"style":210},[1867],{"type":21,"value":1526},{"type":15,"tag":162,"props":1869,"children":1870},{"style":860},[1871],{"type":21,"value":248},{"type":15,"tag":162,"props":1873,"children":1874},{"style":866},[1875],{"type":21,"value":207},{"type":15,"tag":162,"props":1877,"children":1878},{"style":210},[1879],{"type":21,"value":450},{"type":15,"tag":162,"props":1881,"children":1882},{"style":169},[1883],{"type":21,"value":262},{"type":15,"tag":162,"props":1885,"children":1886},{"class":164,"line":457},[1887,1891,1895],{"type":15,"tag":162,"props":1888,"children":1889},{"style":169},[1890],{"type":21,"value":1265},{"type":15,"tag":162,"props":1892,"children":1893},{"style":175},[1894],{"type":21,"value":196},{"type":15,"tag":162,"props":1896,"children":1897},{"style":169},[1898],{"type":21,"value":182},{"type":15,"tag":162,"props":1900,"children":1901},{"class":164,"line":498},[1902],{"type":15,"tag":162,"props":1903,"children":1904},{"style":169},[1905],{"type":21,"value":1281},{"type":15,"tag":162,"props":1907,"children":1908},{"class":164,"line":539},[1909],{"type":15,"tag":162,"props":1910,"children":1911},{"style":169},[1912],{"type":21,"value":1289},{"type":15,"tag":45,"props":1914,"children":1916},{"id":1915},"accessibility-notes",[1917],{"type":21,"value":1918},"Accessibility notes",{"type":15,"tag":32,"props":1920,"children":1921},{},[1922,1927,1928,1934,1936,1942],{"type":15,"tag":36,"props":1923,"children":1925},{"className":1924},[],[1926],{"type":21,"value":41},{"type":21,"value":1307},{"type":15,"tag":36,"props":1929,"children":1931},{"className":1930},[],[1932],{"type":21,"value":1933},"aria-live=\"polite\"",{"type":21,"value":1935}," to allow screen readers to read the loading status. This can be overriden by passing your own ",{"type":15,"tag":36,"props":1937,"children":1939},{"className":1938},[],[1940],{"type":21,"value":1941},"aria-live",{"type":21,"value":1943}," value to the component.",{"type":15,"tag":32,"props":1945,"children":1946},{},[1947,1949,1955,1957,1963],{"type":21,"value":1948},"It's important to properly set ",{"type":15,"tag":36,"props":1950,"children":1952},{"className":1951},[],[1953],{"type":21,"value":1954},"aria-label",{"type":21,"value":1956}," for screen readers to read proper information while target component is loading. Default value is set to ",{"type":15,"tag":36,"props":1958,"children":1960},{"className":1959},[],[1961],{"type":21,"value":1962},"loading",{"type":21,"value":140},{"type":15,"tag":45,"props":1965,"children":1967},{"id":1966},"playground",[1968],{"type":21,"value":1969},"Playground",{"type":15,"tag":1971,"props":1972,"children":1974},"generate",{"style":1973},"height: 450px",[],{"type":15,"tag":28,"props":1976,"children":1977},{"v-slot:tab-2":9},[1978,1984,2095],{"type":15,"tag":45,"props":1979,"children":1981},{"id":1980},"props",[1982],{"type":21,"value":1983},"Props",{"type":15,"tag":148,"props":1985,"children":1986},{},[1987],{"type":15,"tag":1988,"props":1989,"children":1990},"table",{},[1991,2020],{"type":15,"tag":1992,"props":1993,"children":1994},"thead",{},[1995],{"type":15,"tag":1996,"props":1997,"children":1998},"tr",{},[1999,2005,2010,2015],{"type":15,"tag":2000,"props":2001,"children":2002},"th",{},[2003],{"type":21,"value":2004},"Prop name",{"type":15,"tag":2000,"props":2006,"children":2007},{},[2008],{"type":21,"value":2009},"Type",{"type":15,"tag":2000,"props":2011,"children":2012},{},[2013],{"type":21,"value":2014},"Default value",{"type":15,"tag":2000,"props":2016,"children":2017},{},[2018],{"type":21,"value":2019},"Possible values",{"type":15,"tag":2021,"props":2022,"children":2023},"tbody",{},[2024,2062],{"type":15,"tag":1996,"props":2025,"children":2026},{},[2027,2036,2045,2054],{"type":15,"tag":2028,"props":2029,"children":2030},"td",{},[2031],{"type":15,"tag":36,"props":2032,"children":2034},{"className":2033},[],[2035],{"type":21,"value":73},{"type":15,"tag":2028,"props":2037,"children":2038},{},[2039],{"type":15,"tag":36,"props":2040,"children":2042},{"className":2041},[],[2043],{"type":21,"value":2044},"SfLoaderLinearSize",{"type":15,"tag":2028,"props":2046,"children":2047},{},[2048],{"type":15,"tag":36,"props":2049,"children":2051},{"className":2050},[],[2052],{"type":21,"value":2053},"SfLoaderSize",{"type":15,"tag":2028,"props":2055,"children":2056},{},[2057],{"type":15,"tag":36,"props":2058,"children":2060},{"className":2059},[],[2061],{"type":21,"value":103},{"type":15,"tag":1996,"props":2063,"children":2064},{},[2065,2074,2083,2092],{"type":15,"tag":2028,"props":2066,"children":2067},{},[2068],{"type":15,"tag":36,"props":2069,"children":2071},{"className":2070},[],[2072],{"type":21,"value":2073},"ariaLabel",{"type":15,"tag":2028,"props":2075,"children":2076},{},[2077],{"type":15,"tag":36,"props":2078,"children":2080},{"className":2079},[],[2081],{"type":21,"value":2082},"string",{"type":15,"tag":2028,"props":2084,"children":2085},{},[2086],{"type":15,"tag":36,"props":2087,"children":2089},{"className":2088},[],[2090],{"type":21,"value":2091},"'loading'",{"type":15,"tag":2028,"props":2093,"children":2094},{},[],{"type":15,"tag":754,"props":2096,"children":2097},{},[2098],{"type":15,"tag":1988,"props":2099,"children":2100},{},[2101,2123],{"type":15,"tag":1992,"props":2102,"children":2103},{},[2104],{"type":15,"tag":1996,"props":2105,"children":2106},{},[2107,2111,2115,2119],{"type":15,"tag":2000,"props":2108,"children":2109},{},[2110],{"type":21,"value":2004},{"type":15,"tag":2000,"props":2112,"children":2113},{},[2114],{"type":21,"value":2009},{"type":15,"tag":2000,"props":2116,"children":2117},{},[2118],{"type":21,"value":2014},{"type":15,"tag":2000,"props":2120,"children":2121},{},[2122],{"type":21,"value":2019},{"type":15,"tag":2021,"props":2124,"children":2125},{},[2126,2161,2191],{"type":15,"tag":1996,"props":2127,"children":2128},{},[2129,2137,2145,2153],{"type":15,"tag":2028,"props":2130,"children":2131},{},[2132],{"type":15,"tag":36,"props":2133,"children":2135},{"className":2134},[],[2136],{"type":21,"value":73},{"type":15,"tag":2028,"props":2138,"children":2139},{},[2140],{"type":15,"tag":36,"props":2141,"children":2143},{"className":2142},[],[2144],{"type":21,"value":2044},{"type":15,"tag":2028,"props":2146,"children":2147},{},[2148],{"type":15,"tag":36,"props":2149,"children":2151},{"className":2150},[],[2152],{"type":21,"value":2053},{"type":15,"tag":2028,"props":2154,"children":2155},{},[2156],{"type":15,"tag":36,"props":2157,"children":2159},{"className":2158},[],[2160],{"type":21,"value":103},{"type":15,"tag":1996,"props":2162,"children":2163},{},[2164,2172,2180,2188],{"type":15,"tag":2028,"props":2165,"children":2166},{},[2167],{"type":15,"tag":36,"props":2168,"children":2170},{"className":2169},[],[2171],{"type":21,"value":2073},{"type":15,"tag":2028,"props":2173,"children":2174},{},[2175],{"type":15,"tag":36,"props":2176,"children":2178},{"className":2177},[],[2179],{"type":21,"value":2082},{"type":15,"tag":2028,"props":2181,"children":2182},{},[2183],{"type":15,"tag":36,"props":2184,"children":2186},{"className":2185},[],[2187],{"type":21,"value":2091},{"type":15,"tag":2028,"props":2189,"children":2190},{},[],{"type":15,"tag":1996,"props":2192,"children":2193},{},[2194,2203,2211,2214],{"type":15,"tag":2028,"props":2195,"children":2196},{},[2197],{"type":15,"tag":36,"props":2198,"children":2200},{"className":2199},[],[2201],{"type":21,"value":2202},"className",{"type":15,"tag":2028,"props":2204,"children":2205},{},[2206],{"type":15,"tag":36,"props":2207,"children":2209},{"className":2208},[],[2210],{"type":21,"value":2082},{"type":15,"tag":2028,"props":2212,"children":2213},{},[],{"type":15,"tag":2028,"props":2215,"children":2216},{},[],{"type":15,"tag":28,"props":2218,"children":2219},{"v-slot:tab-3":9},[2220,2225,3234],{"type":15,"tag":2221,"props":2222,"children":2224},"partial",{"content":2223},"block-callout",[],{"type":15,"tag":148,"props":2226,"children":2227},{},[2228],{"type":15,"tag":152,"props":2229,"children":2231},{"className":154,"code":2230,"language":156,"meta":9,"style":9},"\u003Cscript lang=\"ts\">\nconst sizeClasses = {\n  [SfLoaderLinearSize.minimal]: 'h-1',\n  [SfLoaderSize.xs]: 'h-4',\n  [SfLoaderSize.sm]: 'h-5',\n  [SfLoaderSize.base]: 'h-6',\n  [SfLoaderSize.lg]: 'h-7',\n  [SfLoaderSize.xl]: 'h-10',\n  [SfLoaderSize['2xl']]: 'h-14',\n  [SfLoaderSize['3xl']]: 'h-24',\n  [SfLoaderSize['4xl']]: 'h-48',\n};\n\u003C\u002Fscript>\n\n\u003Cscript lang=\"ts\" setup>\nimport { type PropType } from 'vue';\nimport { SfLoaderLinearSize, SfLoaderSize, twMerge, useTwMergeRoot } from '@storefront-ui\u002Fvue';\n\ndefineProps({\n  size: {\n    type: String as PropType\u003C`${SfLoaderLinearSize | SfLoaderSize}`>,\n    default: SfLoaderSize.base,\n  },\n  ariaLabel: {\n    type: String,\n    default: 'loading',\n  },\n});\ndefineOptions({\n  inheritAttrs: false,\n});\nconst { attrsWithoutClass } = useTwMergeRoot();\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cspan\n    :class=\"\n      twMerge(\n        'relative inline-block overflow-hidden bg-neutral-300 text-primary-700 after:absolute after:w-2.5 after:h-full after:animate-line after:bg-current after:block',\n        sizeClasses[size],\n        $attrs.class,\n      )\n    \"\n    aria-live=\"polite\"\n    :aria-label=\"ariaLabel\"\n    data-testid=\"loader-linear\"\n    v-bind=\"attrsWithoutClass\"\n  \u002F>\n\u003C\u002Ftemplate>\n\n",[2232],{"type":15,"tag":36,"props":2233,"children":2234},{"__ignoreMap":9},[2235,2262,2285,2317,2346,2375,2404,2433,2462,2496,2528,2560,2568,2583,2590,2621,2659,2716,2723,2737,2751,2820,2850,2859,2872,2892,2912,2920,2929,2942,2964,2972,3007,3023,3031,3047,3060,3078,3087,3096,3105,3114,3123,3132,3150,3168,3186,3204,3218],{"type":15,"tag":162,"props":2236,"children":2237},{"class":164,"line":165},[2238,2242,2246,2250,2254,2258],{"type":15,"tag":162,"props":2239,"children":2240},{"style":169},[2241],{"type":21,"value":172},{"type":15,"tag":162,"props":2243,"children":2244},{"style":175},[2245],{"type":21,"value":674},{"type":15,"tag":162,"props":2247,"children":2248},{"style":199},[2249],{"type":21,"value":679},{"type":15,"tag":162,"props":2251,"children":2252},{"style":169},[2253],{"type":21,"value":207},{"type":15,"tag":162,"props":2255,"children":2256},{"style":210},[2257],{"type":21,"value":688},{"type":15,"tag":162,"props":2259,"children":2260},{"style":169},[2261],{"type":21,"value":182},{"type":15,"tag":162,"props":2263,"children":2264},{"class":164,"line":185},[2265,2270,2275,2280],{"type":15,"tag":162,"props":2266,"children":2267},{"style":704},[2268],{"type":21,"value":2269},"const",{"type":15,"tag":162,"props":2271,"children":2272},{"style":888},[2273],{"type":21,"value":2274}," sizeClasses",{"type":15,"tag":162,"props":2276,"children":2277},{"style":866},[2278],{"type":21,"value":2279}," =",{"type":15,"tag":162,"props":2281,"children":2282},{"style":169},[2283],{"type":21,"value":2284}," {\n",{"type":15,"tag":162,"props":2286,"children":2287},{"class":164,"line":220},[2288,2293,2297,2302,2307,2312],{"type":15,"tag":162,"props":2289,"children":2290},{"style":169},[2291],{"type":21,"value":2292},"  [",{"type":15,"tag":162,"props":2294,"children":2295},{"style":888},[2296],{"type":21,"value":2044},{"type":15,"tag":162,"props":2298,"children":2299},{"style":175},[2300],{"type":21,"value":2301},".minimal",{"type":15,"tag":162,"props":2303,"children":2304},{"style":169},[2305],{"type":21,"value":2306},"]: ",{"type":15,"tag":162,"props":2308,"children":2309},{"style":210},[2310],{"type":21,"value":2311},"'h-1'",{"type":15,"tag":162,"props":2313,"children":2314},{"style":169},[2315],{"type":21,"value":2316},",\n",{"type":15,"tag":162,"props":2318,"children":2319},{"class":164,"line":265},[2320,2324,2328,2333,2337,2342],{"type":15,"tag":162,"props":2321,"children":2322},{"style":169},[2323],{"type":21,"value":2292},{"type":15,"tag":162,"props":2325,"children":2326},{"style":888},[2327],{"type":21,"value":2053},{"type":15,"tag":162,"props":2329,"children":2330},{"style":175},[2331],{"type":21,"value":2332},".xs",{"type":15,"tag":162,"props":2334,"children":2335},{"style":169},[2336],{"type":21,"value":2306},{"type":15,"tag":162,"props":2338,"children":2339},{"style":210},[2340],{"type":21,"value":2341},"'h-4'",{"type":15,"tag":162,"props":2343,"children":2344},{"style":169},[2345],{"type":21,"value":2316},{"type":15,"tag":162,"props":2347,"children":2348},{"class":164,"line":306},[2349,2353,2357,2362,2366,2371],{"type":15,"tag":162,"props":2350,"children":2351},{"style":169},[2352],{"type":21,"value":2292},{"type":15,"tag":162,"props":2354,"children":2355},{"style":888},[2356],{"type":21,"value":2053},{"type":15,"tag":162,"props":2358,"children":2359},{"style":175},[2360],{"type":21,"value":2361},".sm",{"type":15,"tag":162,"props":2363,"children":2364},{"style":169},[2365],{"type":21,"value":2306},{"type":15,"tag":162,"props":2367,"children":2368},{"style":210},[2369],{"type":21,"value":2370},"'h-5'",{"type":15,"tag":162,"props":2372,"children":2373},{"style":169},[2374],{"type":21,"value":2316},{"type":15,"tag":162,"props":2376,"children":2377},{"class":164,"line":347},[2378,2382,2386,2391,2395,2400],{"type":15,"tag":162,"props":2379,"children":2380},{"style":169},[2381],{"type":21,"value":2292},{"type":15,"tag":162,"props":2383,"children":2384},{"style":888},[2385],{"type":21,"value":2053},{"type":15,"tag":162,"props":2387,"children":2388},{"style":175},[2389],{"type":21,"value":2390},".base",{"type":15,"tag":162,"props":2392,"children":2393},{"style":169},[2394],{"type":21,"value":2306},{"type":15,"tag":162,"props":2396,"children":2397},{"style":210},[2398],{"type":21,"value":2399},"'h-6'",{"type":15,"tag":162,"props":2401,"children":2402},{"style":169},[2403],{"type":21,"value":2316},{"type":15,"tag":162,"props":2405,"children":2406},{"class":164,"line":375},[2407,2411,2415,2420,2424,2429],{"type":15,"tag":162,"props":2408,"children":2409},{"style":169},[2410],{"type":21,"value":2292},{"type":15,"tag":162,"props":2412,"children":2413},{"style":888},[2414],{"type":21,"value":2053},{"type":15,"tag":162,"props":2416,"children":2417},{"style":175},[2418],{"type":21,"value":2419},".lg",{"type":15,"tag":162,"props":2421,"children":2422},{"style":169},[2423],{"type":21,"value":2306},{"type":15,"tag":162,"props":2425,"children":2426},{"style":210},[2427],{"type":21,"value":2428},"'h-7'",{"type":15,"tag":162,"props":2430,"children":2431},{"style":169},[2432],{"type":21,"value":2316},{"type":15,"tag":162,"props":2434,"children":2435},{"class":164,"line":416},[2436,2440,2444,2449,2453,2458],{"type":15,"tag":162,"props":2437,"children":2438},{"style":169},[2439],{"type":21,"value":2292},{"type":15,"tag":162,"props":2441,"children":2442},{"style":888},[2443],{"type":21,"value":2053},{"type":15,"tag":162,"props":2445,"children":2446},{"style":175},[2447],{"type":21,"value":2448},".xl",{"type":15,"tag":162,"props":2450,"children":2451},{"style":169},[2452],{"type":21,"value":2306},{"type":15,"tag":162,"props":2454,"children":2455},{"style":210},[2456],{"type":21,"value":2457},"'h-10'",{"type":15,"tag":162,"props":2459,"children":2460},{"style":169},[2461],{"type":21,"value":2316},{"type":15,"tag":162,"props":2463,"children":2464},{"class":164,"line":457},[2465,2469,2473,2478,2482,2487,2492],{"type":15,"tag":162,"props":2466,"children":2467},{"style":169},[2468],{"type":21,"value":2292},{"type":15,"tag":162,"props":2470,"children":2471},{"style":175},[2472],{"type":21,"value":2053},{"type":15,"tag":162,"props":2474,"children":2475},{"style":169},[2476],{"type":21,"value":2477},"[",{"type":15,"tag":162,"props":2479,"children":2480},{"style":210},[2481],{"type":21,"value":124},{"type":15,"tag":162,"props":2483,"children":2484},{"style":169},[2485],{"type":21,"value":2486},"]]: ",{"type":15,"tag":162,"props":2488,"children":2489},{"style":210},[2490],{"type":21,"value":2491},"'h-14'",{"type":15,"tag":162,"props":2493,"children":2494},{"style":169},[2495],{"type":21,"value":2316},{"type":15,"tag":162,"props":2497,"children":2498},{"class":164,"line":498},[2499,2503,2507,2511,2515,2519,2524],{"type":15,"tag":162,"props":2500,"children":2501},{"style":169},[2502],{"type":21,"value":2292},{"type":15,"tag":162,"props":2504,"children":2505},{"style":175},[2506],{"type":21,"value":2053},{"type":15,"tag":162,"props":2508,"children":2509},{"style":169},[2510],{"type":21,"value":2477},{"type":15,"tag":162,"props":2512,"children":2513},{"style":210},[2514],{"type":21,"value":131},{"type":15,"tag":162,"props":2516,"children":2517},{"style":169},[2518],{"type":21,"value":2486},{"type":15,"tag":162,"props":2520,"children":2521},{"style":210},[2522],{"type":21,"value":2523},"'h-24'",{"type":15,"tag":162,"props":2525,"children":2526},{"style":169},[2527],{"type":21,"value":2316},{"type":15,"tag":162,"props":2529,"children":2530},{"class":164,"line":539},[2531,2535,2539,2543,2547,2551,2556],{"type":15,"tag":162,"props":2532,"children":2533},{"style":169},[2534],{"type":21,"value":2292},{"type":15,"tag":162,"props":2536,"children":2537},{"style":175},[2538],{"type":21,"value":2053},{"type":15,"tag":162,"props":2540,"children":2541},{"style":169},[2542],{"type":21,"value":2477},{"type":15,"tag":162,"props":2544,"children":2545},{"style":210},[2546],{"type":21,"value":138},{"type":15,"tag":162,"props":2548,"children":2549},{"style":169},[2550],{"type":21,"value":2486},{"type":15,"tag":162,"props":2552,"children":2553},{"style":210},[2554],{"type":21,"value":2555},"'h-48'",{"type":15,"tag":162,"props":2557,"children":2558},{"style":169},[2559],{"type":21,"value":2316},{"type":15,"tag":162,"props":2561,"children":2562},{"class":164,"line":580},[2563],{"type":15,"tag":162,"props":2564,"children":2565},{"style":169},[2566],{"type":21,"value":2567},"};\n",{"type":15,"tag":162,"props":2569,"children":2570},{"class":164,"line":621},[2571,2575,2579],{"type":15,"tag":162,"props":2572,"children":2573},{"style":169},[2574],{"type":21,"value":644},{"type":15,"tag":162,"props":2576,"children":2577},{"style":175},[2578],{"type":21,"value":674},{"type":15,"tag":162,"props":2580,"children":2581},{"style":169},[2582],{"type":21,"value":182},{"type":15,"tag":162,"props":2584,"children":2585},{"class":164,"line":638},[2586],{"type":15,"tag":162,"props":2587,"children":2588},{"emptyLinePlaceholder":8},[2589],{"type":21,"value":661},{"type":15,"tag":162,"props":2591,"children":2592},{"class":164,"line":655},[2593,2597,2601,2605,2609,2613,2617],{"type":15,"tag":162,"props":2594,"children":2595},{"style":169},[2596],{"type":21,"value":172},{"type":15,"tag":162,"props":2598,"children":2599},{"style":175},[2600],{"type":21,"value":674},{"type":15,"tag":162,"props":2602,"children":2603},{"style":199},[2604],{"type":21,"value":679},{"type":15,"tag":162,"props":2606,"children":2607},{"style":169},[2608],{"type":21,"value":207},{"type":15,"tag":162,"props":2610,"children":2611},{"style":210},[2612],{"type":21,"value":688},{"type":15,"tag":162,"props":2614,"children":2615},{"style":199},[2616],{"type":21,"value":693},{"type":15,"tag":162,"props":2618,"children":2619},{"style":169},[2620],{"type":21,"value":182},{"type":15,"tag":162,"props":2622,"children":2623},{"class":164,"line":664},[2624,2628,2632,2637,2642,2646,2650,2655],{"type":15,"tag":162,"props":2625,"children":2626},{"style":704},[2627],{"type":21,"value":707},{"type":15,"tag":162,"props":2629,"children":2630},{"style":169},[2631],{"type":21,"value":712},{"type":15,"tag":162,"props":2633,"children":2634},{"style":704},[2635],{"type":21,"value":2636},"type",{"type":15,"tag":162,"props":2638,"children":2639},{"style":175},[2640],{"type":21,"value":2641}," PropType",{"type":15,"tag":162,"props":2643,"children":2644},{"style":169},[2645],{"type":21,"value":721},{"type":15,"tag":162,"props":2647,"children":2648},{"style":704},[2649],{"type":21,"value":726},{"type":15,"tag":162,"props":2651,"children":2652},{"style":210},[2653],{"type":21,"value":2654}," 'vue'",{"type":15,"tag":162,"props":2656,"children":2657},{"style":169},[2658],{"type":21,"value":736},{"type":15,"tag":162,"props":2660,"children":2661},{"class":164,"line":700},[2662,2666,2670,2674,2678,2682,2686,2691,2695,2700,2704,2708,2712],{"type":15,"tag":162,"props":2663,"children":2664},{"style":704},[2665],{"type":21,"value":707},{"type":15,"tag":162,"props":2667,"children":2668},{"style":169},[2669],{"type":21,"value":712},{"type":15,"tag":162,"props":2671,"children":2672},{"style":175},[2673],{"type":21,"value":2044},{"type":15,"tag":162,"props":2675,"children":2676},{"style":169},[2677],{"type":21,"value":83},{"type":15,"tag":162,"props":2679,"children":2680},{"style":175},[2681],{"type":21,"value":2053},{"type":15,"tag":162,"props":2683,"children":2684},{"style":169},[2685],{"type":21,"value":83},{"type":15,"tag":162,"props":2687,"children":2688},{"style":175},[2689],{"type":21,"value":2690},"twMerge",{"type":15,"tag":162,"props":2692,"children":2693},{"style":169},[2694],{"type":21,"value":83},{"type":15,"tag":162,"props":2696,"children":2697},{"style":175},[2698],{"type":21,"value":2699},"useTwMergeRoot",{"type":15,"tag":162,"props":2701,"children":2702},{"style":169},[2703],{"type":21,"value":721},{"type":15,"tag":162,"props":2705,"children":2706},{"style":704},[2707],{"type":21,"value":726},{"type":15,"tag":162,"props":2709,"children":2710},{"style":210},[2711],{"type":21,"value":731},{"type":15,"tag":162,"props":2713,"children":2714},{"style":169},[2715],{"type":21,"value":736},{"type":15,"tag":162,"props":2717,"children":2718},{"class":164,"line":739},[2719],{"type":15,"tag":162,"props":2720,"children":2721},{"emptyLinePlaceholder":8},[2722],{"type":21,"value":661},{"type":15,"tag":162,"props":2724,"children":2726},{"class":164,"line":2725},19,[2727,2732],{"type":15,"tag":162,"props":2728,"children":2729},{"style":825},[2730],{"type":21,"value":2731},"defineProps",{"type":15,"tag":162,"props":2733,"children":2734},{"style":169},[2735],{"type":21,"value":2736},"({\n",{"type":15,"tag":162,"props":2738,"children":2740},{"class":164,"line":2739},20,[2741,2746],{"type":15,"tag":162,"props":2742,"children":2743},{"style":175},[2744],{"type":21,"value":2745},"  size",{"type":15,"tag":162,"props":2747,"children":2748},{"style":169},[2749],{"type":21,"value":2750},": {\n",{"type":15,"tag":162,"props":2752,"children":2754},{"class":164,"line":2753},21,[2755,2760,2765,2770,2775,2779,2783,2788,2793,2797,2802,2806,2811,2815],{"type":15,"tag":162,"props":2756,"children":2757},{"style":175},[2758],{"type":21,"value":2759},"    type",{"type":15,"tag":162,"props":2761,"children":2762},{"style":169},[2763],{"type":21,"value":2764},": ",{"type":15,"tag":162,"props":2766,"children":2767},{"style":175},[2768],{"type":21,"value":2769},"String",{"type":15,"tag":162,"props":2771,"children":2772},{"style":704},[2773],{"type":21,"value":2774}," as",{"type":15,"tag":162,"props":2776,"children":2777},{"style":888},[2778],{"type":21,"value":2641},{"type":15,"tag":162,"props":2780,"children":2781},{"style":169},[2782],{"type":21,"value":172},{"type":15,"tag":162,"props":2784,"children":2785},{"style":210},[2786],{"type":21,"value":2787},"`",{"type":15,"tag":162,"props":2789,"children":2790},{"style":704},[2791],{"type":21,"value":2792},"${",{"type":15,"tag":162,"props":2794,"children":2795},{"style":888},[2796],{"type":21,"value":2044},{"type":15,"tag":162,"props":2798,"children":2799},{"style":169},[2800],{"type":21,"value":2801}," | ",{"type":15,"tag":162,"props":2803,"children":2804},{"style":888},[2805],{"type":21,"value":2053},{"type":15,"tag":162,"props":2807,"children":2808},{"style":704},[2809],{"type":21,"value":2810},"}",{"type":15,"tag":162,"props":2812,"children":2813},{"style":210},[2814],{"type":21,"value":2787},{"type":15,"tag":162,"props":2816,"children":2817},{"style":169},[2818],{"type":21,"value":2819},">,\n",{"type":15,"tag":162,"props":2821,"children":2823},{"class":164,"line":2822},22,[2824,2829,2833,2837,2841,2846],{"type":15,"tag":162,"props":2825,"children":2826},{"style":175},[2827],{"type":21,"value":2828},"    default",{"type":15,"tag":162,"props":2830,"children":2831},{"style":169},[2832],{"type":21,"value":2764},{"type":15,"tag":162,"props":2834,"children":2835},{"style":888},[2836],{"type":21,"value":2053},{"type":15,"tag":162,"props":2838,"children":2839},{"style":169},[2840],{"type":21,"value":140},{"type":15,"tag":162,"props":2842,"children":2843},{"style":175},[2844],{"type":21,"value":2845},"base",{"type":15,"tag":162,"props":2847,"children":2848},{"style":169},[2849],{"type":21,"value":2316},{"type":15,"tag":162,"props":2851,"children":2853},{"class":164,"line":2852},23,[2854],{"type":15,"tag":162,"props":2855,"children":2856},{"style":169},[2857],{"type":21,"value":2858},"  },\n",{"type":15,"tag":162,"props":2860,"children":2862},{"class":164,"line":2861},24,[2863,2868],{"type":15,"tag":162,"props":2864,"children":2865},{"style":175},[2866],{"type":21,"value":2867},"  ariaLabel",{"type":15,"tag":162,"props":2869,"children":2870},{"style":169},[2871],{"type":21,"value":2750},{"type":15,"tag":162,"props":2873,"children":2875},{"class":164,"line":2874},25,[2876,2880,2884,2888],{"type":15,"tag":162,"props":2877,"children":2878},{"style":175},[2879],{"type":21,"value":2759},{"type":15,"tag":162,"props":2881,"children":2882},{"style":169},[2883],{"type":21,"value":2764},{"type":15,"tag":162,"props":2885,"children":2886},{"style":175},[2887],{"type":21,"value":2769},{"type":15,"tag":162,"props":2889,"children":2890},{"style":169},[2891],{"type":21,"value":2316},{"type":15,"tag":162,"props":2893,"children":2895},{"class":164,"line":2894},26,[2896,2900,2904,2908],{"type":15,"tag":162,"props":2897,"children":2898},{"style":175},[2899],{"type":21,"value":2828},{"type":15,"tag":162,"props":2901,"children":2902},{"style":169},[2903],{"type":21,"value":2764},{"type":15,"tag":162,"props":2905,"children":2906},{"style":210},[2907],{"type":21,"value":2091},{"type":15,"tag":162,"props":2909,"children":2910},{"style":169},[2911],{"type":21,"value":2316},{"type":15,"tag":162,"props":2913,"children":2915},{"class":164,"line":2914},27,[2916],{"type":15,"tag":162,"props":2917,"children":2918},{"style":169},[2919],{"type":21,"value":2858},{"type":15,"tag":162,"props":2921,"children":2923},{"class":164,"line":2922},28,[2924],{"type":15,"tag":162,"props":2925,"children":2926},{"style":169},[2927],{"type":21,"value":2928},"});\n",{"type":15,"tag":162,"props":2930,"children":2932},{"class":164,"line":2931},29,[2933,2938],{"type":15,"tag":162,"props":2934,"children":2935},{"style":825},[2936],{"type":21,"value":2937},"defineOptions",{"type":15,"tag":162,"props":2939,"children":2940},{"style":169},[2941],{"type":21,"value":2736},{"type":15,"tag":162,"props":2943,"children":2945},{"class":164,"line":2944},30,[2946,2951,2955,2960],{"type":15,"tag":162,"props":2947,"children":2948},{"style":175},[2949],{"type":21,"value":2950},"  inheritAttrs",{"type":15,"tag":162,"props":2952,"children":2953},{"style":169},[2954],{"type":21,"value":2764},{"type":15,"tag":162,"props":2956,"children":2957},{"style":199},[2958],{"type":21,"value":2959},"false",{"type":15,"tag":162,"props":2961,"children":2962},{"style":169},[2963],{"type":21,"value":2316},{"type":15,"tag":162,"props":2965,"children":2967},{"class":164,"line":2966},31,[2968],{"type":15,"tag":162,"props":2969,"children":2970},{"style":169},[2971],{"type":21,"value":2928},{"type":15,"tag":162,"props":2973,"children":2975},{"class":164,"line":2974},32,[2976,2980,2984,2989,2993,2997,3002],{"type":15,"tag":162,"props":2977,"children":2978},{"style":704},[2979],{"type":21,"value":2269},{"type":15,"tag":162,"props":2981,"children":2982},{"style":169},[2983],{"type":21,"value":712},{"type":15,"tag":162,"props":2985,"children":2986},{"style":888},[2987],{"type":21,"value":2988},"attrsWithoutClass",{"type":15,"tag":162,"props":2990,"children":2991},{"style":169},[2992],{"type":21,"value":721},{"type":15,"tag":162,"props":2994,"children":2995},{"style":866},[2996],{"type":21,"value":207},{"type":15,"tag":162,"props":2998,"children":2999},{"style":825},[3000],{"type":21,"value":3001}," useTwMergeRoot",{"type":15,"tag":162,"props":3003,"children":3004},{"style":169},[3005],{"type":21,"value":3006},"();\n",{"type":15,"tag":162,"props":3008,"children":3010},{"class":164,"line":3009},33,[3011,3015,3019],{"type":15,"tag":162,"props":3012,"children":3013},{"style":169},[3014],{"type":21,"value":644},{"type":15,"tag":162,"props":3016,"children":3017},{"style":175},[3018],{"type":21,"value":674},{"type":15,"tag":162,"props":3020,"children":3021},{"style":169},[3022],{"type":21,"value":182},{"type":15,"tag":162,"props":3024,"children":3026},{"class":164,"line":3025},34,[3027],{"type":15,"tag":162,"props":3028,"children":3029},{"emptyLinePlaceholder":8},[3030],{"type":21,"value":661},{"type":15,"tag":162,"props":3032,"children":3034},{"class":164,"line":3033},35,[3035,3039,3043],{"type":15,"tag":162,"props":3036,"children":3037},{"style":169},[3038],{"type":21,"value":172},{"type":15,"tag":162,"props":3040,"children":3041},{"style":175},[3042],{"type":21,"value":28},{"type":15,"tag":162,"props":3044,"children":3045},{"style":169},[3046],{"type":21,"value":182},{"type":15,"tag":162,"props":3048,"children":3050},{"class":164,"line":3049},36,[3051,3055],{"type":15,"tag":162,"props":3052,"children":3053},{"style":169},[3054],{"type":21,"value":191},{"type":15,"tag":162,"props":3056,"children":3057},{"style":175},[3058],{"type":21,"value":3059},"span\n",{"type":15,"tag":162,"props":3061,"children":3063},{"class":164,"line":3062},37,[3064,3069,3073],{"type":15,"tag":162,"props":3065,"children":3066},{"style":199},[3067],{"type":21,"value":3068},"    :class",{"type":15,"tag":162,"props":3070,"children":3071},{"style":169},[3072],{"type":21,"value":207},{"type":15,"tag":162,"props":3074,"children":3075},{"style":210},[3076],{"type":21,"value":3077},"\"\n",{"type":15,"tag":162,"props":3079,"children":3081},{"class":164,"line":3080},38,[3082],{"type":15,"tag":162,"props":3083,"children":3084},{"style":210},[3085],{"type":21,"value":3086},"      twMerge(\n",{"type":15,"tag":162,"props":3088,"children":3090},{"class":164,"line":3089},39,[3091],{"type":15,"tag":162,"props":3092,"children":3093},{"style":210},[3094],{"type":21,"value":3095},"        'relative inline-block overflow-hidden bg-neutral-300 text-primary-700 after:absolute after:w-2.5 after:h-full after:animate-line after:bg-current after:block',\n",{"type":15,"tag":162,"props":3097,"children":3099},{"class":164,"line":3098},40,[3100],{"type":15,"tag":162,"props":3101,"children":3102},{"style":210},[3103],{"type":21,"value":3104},"        sizeClasses[size],\n",{"type":15,"tag":162,"props":3106,"children":3108},{"class":164,"line":3107},41,[3109],{"type":15,"tag":162,"props":3110,"children":3111},{"style":210},[3112],{"type":21,"value":3113},"        $attrs.class,\n",{"type":15,"tag":162,"props":3115,"children":3117},{"class":164,"line":3116},42,[3118],{"type":15,"tag":162,"props":3119,"children":3120},{"style":210},[3121],{"type":21,"value":3122},"      )\n",{"type":15,"tag":162,"props":3124,"children":3126},{"class":164,"line":3125},43,[3127],{"type":15,"tag":162,"props":3128,"children":3129},{"style":210},[3130],{"type":21,"value":3131},"    \"\n",{"type":15,"tag":162,"props":3133,"children":3135},{"class":164,"line":3134},44,[3136,3141,3145],{"type":15,"tag":162,"props":3137,"children":3138},{"style":199},[3139],{"type":21,"value":3140},"    aria-live",{"type":15,"tag":162,"props":3142,"children":3143},{"style":169},[3144],{"type":21,"value":207},{"type":15,"tag":162,"props":3146,"children":3147},{"style":210},[3148],{"type":21,"value":3149},"\"polite\"\n",{"type":15,"tag":162,"props":3151,"children":3153},{"class":164,"line":3152},45,[3154,3159,3163],{"type":15,"tag":162,"props":3155,"children":3156},{"style":199},[3157],{"type":21,"value":3158},"    :aria-label",{"type":15,"tag":162,"props":3160,"children":3161},{"style":169},[3162],{"type":21,"value":207},{"type":15,"tag":162,"props":3164,"children":3165},{"style":210},[3166],{"type":21,"value":3167},"\"ariaLabel\"\n",{"type":15,"tag":162,"props":3169,"children":3171},{"class":164,"line":3170},46,[3172,3177,3181],{"type":15,"tag":162,"props":3173,"children":3174},{"style":199},[3175],{"type":21,"value":3176},"    data-testid",{"type":15,"tag":162,"props":3178,"children":3179},{"style":169},[3180],{"type":21,"value":207},{"type":15,"tag":162,"props":3182,"children":3183},{"style":210},[3184],{"type":21,"value":3185},"\"loader-linear\"\n",{"type":15,"tag":162,"props":3187,"children":3189},{"class":164,"line":3188},47,[3190,3195,3199],{"type":15,"tag":162,"props":3191,"children":3192},{"style":199},[3193],{"type":21,"value":3194},"    v-bind",{"type":15,"tag":162,"props":3196,"children":3197},{"style":169},[3198],{"type":21,"value":207},{"type":15,"tag":162,"props":3200,"children":3201},{"style":210},[3202],{"type":21,"value":3203},"\"attrsWithoutClass\"\n",{"type":15,"tag":162,"props":3205,"children":3207},{"class":164,"line":3206},48,[3208,3214],{"type":15,"tag":162,"props":3209,"children":3211},{"style":3210},"--shiki-default:#FFFFFF",[3212],{"type":21,"value":3213},"  \u002F",{"type":15,"tag":162,"props":3215,"children":3216},{"style":169},[3217],{"type":21,"value":182},{"type":15,"tag":162,"props":3219,"children":3221},{"class":164,"line":3220},49,[3222,3226,3230],{"type":15,"tag":162,"props":3223,"children":3224},{"style":169},[3225],{"type":21,"value":644},{"type":15,"tag":162,"props":3227,"children":3228},{"style":175},[3229],{"type":21,"value":28},{"type":15,"tag":162,"props":3231,"children":3232},{"style":169},[3233],{"type":21,"value":182},{"type":15,"tag":754,"props":3235,"children":3236},{},[3237],{"type":15,"tag":152,"props":3238,"children":3240},{"className":759,"code":3239,"language":761,"meta":9,"style":9},"import React from 'react';\nimport { SfLoaderLinearSize, SfLoaderSize, twMerge } from '@storefront-ui\u002Freact';\nimport type { SfLoaderLinearProps } from '@storefront-ui\u002Freact';\n\nconst sizeClasses = {\n  [SfLoaderLinearSize.minimal]: 'h-1',\n  [SfLoaderSize.xs]: 'h-4',\n  [SfLoaderSize.sm]: 'h-5',\n  [SfLoaderSize.base]: 'h-6',\n  [SfLoaderSize.lg]: 'h-7',\n  [SfLoaderSize.xl]: 'h-10',\n  [SfLoaderSize['2xl']]: 'h-14',\n  [SfLoaderSize['3xl']]: 'h-24',\n  [SfLoaderSize['4xl']]: 'h-48',\n};\n\nexport default function SfLoaderLinear({\n  size = SfLoaderSize.base,\n  ariaLabel = 'loading',\n  className,\n  ...attributes\n}: SfLoaderLinearProps): React.JSX.Element {\n  return (\n    \u003Cspan\n      className={twMerge(\n        'relative inline-block overflow-hidden bg-neutral-300 text-primary-700 after:absolute after:w-2.5 after:h-full after:animate-line after:bg-current after:block',\n        sizeClasses[size],\n        className,\n      )}\n      aria-live=\"polite\"\n      aria-label={ariaLabel}\n      data-testid=\"loader-linear\"\n      {...attributes}\n    \u002F>\n  );\n}\n\n",[3241],{"type":15,"tag":36,"props":3242,"children":3243},{"__ignoreMap":9},[3244,3270,3317,3354,3361,3380,3407,3434,3461,3488,3515,3542,3573,3604,3635,3642,3649,3673,3702,3722,3734,3747,3791,3802,3813,3839,3851,3872,3884,3896,3912,3936,3952,3974,3982,3989],{"type":15,"tag":162,"props":3245,"children":3246},{"class":164,"line":165},[3247,3251,3256,3261,3266],{"type":15,"tag":162,"props":3248,"children":3249},{"style":704},[3250],{"type":21,"value":707},{"type":15,"tag":162,"props":3252,"children":3253},{"style":175},[3254],{"type":21,"value":3255}," React",{"type":15,"tag":162,"props":3257,"children":3258},{"style":704},[3259],{"type":21,"value":3260}," from",{"type":15,"tag":162,"props":3262,"children":3263},{"style":210},[3264],{"type":21,"value":3265}," 'react'",{"type":15,"tag":162,"props":3267,"children":3268},{"style":169},[3269],{"type":21,"value":736},{"type":15,"tag":162,"props":3271,"children":3272},{"class":164,"line":185},[3273,3277,3281,3285,3289,3293,3297,3301,3305,3309,3313],{"type":15,"tag":162,"props":3274,"children":3275},{"style":704},[3276],{"type":21,"value":707},{"type":15,"tag":162,"props":3278,"children":3279},{"style":169},[3280],{"type":21,"value":712},{"type":15,"tag":162,"props":3282,"children":3283},{"style":175},[3284],{"type":21,"value":2044},{"type":15,"tag":162,"props":3286,"children":3287},{"style":169},[3288],{"type":21,"value":83},{"type":15,"tag":162,"props":3290,"children":3291},{"style":175},[3292],{"type":21,"value":2053},{"type":15,"tag":162,"props":3294,"children":3295},{"style":169},[3296],{"type":21,"value":83},{"type":15,"tag":162,"props":3298,"children":3299},{"style":175},[3300],{"type":21,"value":2690},{"type":15,"tag":162,"props":3302,"children":3303},{"style":169},[3304],{"type":21,"value":721},{"type":15,"tag":162,"props":3306,"children":3307},{"style":704},[3308],{"type":21,"value":726},{"type":15,"tag":162,"props":3310,"children":3311},{"style":210},[3312],{"type":21,"value":793},{"type":15,"tag":162,"props":3314,"children":3315},{"style":169},[3316],{"type":21,"value":736},{"type":15,"tag":162,"props":3318,"children":3319},{"class":164,"line":220},[3320,3324,3329,3333,3338,3342,3346,3350],{"type":15,"tag":162,"props":3321,"children":3322},{"style":704},[3323],{"type":21,"value":707},{"type":15,"tag":162,"props":3325,"children":3326},{"style":704},[3327],{"type":21,"value":3328}," type",{"type":15,"tag":162,"props":3330,"children":3331},{"style":169},[3332],{"type":21,"value":712},{"type":15,"tag":162,"props":3334,"children":3335},{"style":175},[3336],{"type":21,"value":3337},"SfLoaderLinearProps",{"type":15,"tag":162,"props":3339,"children":3340},{"style":169},[3341],{"type":21,"value":721},{"type":15,"tag":162,"props":3343,"children":3344},{"style":704},[3345],{"type":21,"value":726},{"type":15,"tag":162,"props":3347,"children":3348},{"style":210},[3349],{"type":21,"value":793},{"type":15,"tag":162,"props":3351,"children":3352},{"style":169},[3353],{"type":21,"value":736},{"type":15,"tag":162,"props":3355,"children":3356},{"class":164,"line":265},[3357],{"type":15,"tag":162,"props":3358,"children":3359},{"emptyLinePlaceholder":8},[3360],{"type":21,"value":661},{"type":15,"tag":162,"props":3362,"children":3363},{"class":164,"line":306},[3364,3368,3372,3376],{"type":15,"tag":162,"props":3365,"children":3366},{"style":704},[3367],{"type":21,"value":2269},{"type":15,"tag":162,"props":3369,"children":3370},{"style":888},[3371],{"type":21,"value":2274},{"type":15,"tag":162,"props":3373,"children":3374},{"style":866},[3375],{"type":21,"value":2279},{"type":15,"tag":162,"props":3377,"children":3378},{"style":169},[3379],{"type":21,"value":2284},{"type":15,"tag":162,"props":3381,"children":3382},{"class":164,"line":347},[3383,3387,3391,3395,3399,3403],{"type":15,"tag":162,"props":3384,"children":3385},{"style":169},[3386],{"type":21,"value":2292},{"type":15,"tag":162,"props":3388,"children":3389},{"style":888},[3390],{"type":21,"value":2044},{"type":15,"tag":162,"props":3392,"children":3393},{"style":175},[3394],{"type":21,"value":2301},{"type":15,"tag":162,"props":3396,"children":3397},{"style":169},[3398],{"type":21,"value":2306},{"type":15,"tag":162,"props":3400,"children":3401},{"style":210},[3402],{"type":21,"value":2311},{"type":15,"tag":162,"props":3404,"children":3405},{"style":169},[3406],{"type":21,"value":2316},{"type":15,"tag":162,"props":3408,"children":3409},{"class":164,"line":375},[3410,3414,3418,3422,3426,3430],{"type":15,"tag":162,"props":3411,"children":3412},{"style":169},[3413],{"type":21,"value":2292},{"type":15,"tag":162,"props":3415,"children":3416},{"style":888},[3417],{"type":21,"value":2053},{"type":15,"tag":162,"props":3419,"children":3420},{"style":175},[3421],{"type":21,"value":2332},{"type":15,"tag":162,"props":3423,"children":3424},{"style":169},[3425],{"type":21,"value":2306},{"type":15,"tag":162,"props":3427,"children":3428},{"style":210},[3429],{"type":21,"value":2341},{"type":15,"tag":162,"props":3431,"children":3432},{"style":169},[3433],{"type":21,"value":2316},{"type":15,"tag":162,"props":3435,"children":3436},{"class":164,"line":416},[3437,3441,3445,3449,3453,3457],{"type":15,"tag":162,"props":3438,"children":3439},{"style":169},[3440],{"type":21,"value":2292},{"type":15,"tag":162,"props":3442,"children":3443},{"style":888},[3444],{"type":21,"value":2053},{"type":15,"tag":162,"props":3446,"children":3447},{"style":175},[3448],{"type":21,"value":2361},{"type":15,"tag":162,"props":3450,"children":3451},{"style":169},[3452],{"type":21,"value":2306},{"type":15,"tag":162,"props":3454,"children":3455},{"style":210},[3456],{"type":21,"value":2370},{"type":15,"tag":162,"props":3458,"children":3459},{"style":169},[3460],{"type":21,"value":2316},{"type":15,"tag":162,"props":3462,"children":3463},{"class":164,"line":457},[3464,3468,3472,3476,3480,3484],{"type":15,"tag":162,"props":3465,"children":3466},{"style":169},[3467],{"type":21,"value":2292},{"type":15,"tag":162,"props":3469,"children":3470},{"style":888},[3471],{"type":21,"value":2053},{"type":15,"tag":162,"props":3473,"children":3474},{"style":175},[3475],{"type":21,"value":2390},{"type":15,"tag":162,"props":3477,"children":3478},{"style":169},[3479],{"type":21,"value":2306},{"type":15,"tag":162,"props":3481,"children":3482},{"style":210},[3483],{"type":21,"value":2399},{"type":15,"tag":162,"props":3485,"children":3486},{"style":169},[3487],{"type":21,"value":2316},{"type":15,"tag":162,"props":3489,"children":3490},{"class":164,"line":498},[3491,3495,3499,3503,3507,3511],{"type":15,"tag":162,"props":3492,"children":3493},{"style":169},[3494],{"type":21,"value":2292},{"type":15,"tag":162,"props":3496,"children":3497},{"style":888},[3498],{"type":21,"value":2053},{"type":15,"tag":162,"props":3500,"children":3501},{"style":175},[3502],{"type":21,"value":2419},{"type":15,"tag":162,"props":3504,"children":3505},{"style":169},[3506],{"type":21,"value":2306},{"type":15,"tag":162,"props":3508,"children":3509},{"style":210},[3510],{"type":21,"value":2428},{"type":15,"tag":162,"props":3512,"children":3513},{"style":169},[3514],{"type":21,"value":2316},{"type":15,"tag":162,"props":3516,"children":3517},{"class":164,"line":539},[3518,3522,3526,3530,3534,3538],{"type":15,"tag":162,"props":3519,"children":3520},{"style":169},[3521],{"type":21,"value":2292},{"type":15,"tag":162,"props":3523,"children":3524},{"style":888},[3525],{"type":21,"value":2053},{"type":15,"tag":162,"props":3527,"children":3528},{"style":175},[3529],{"type":21,"value":2448},{"type":15,"tag":162,"props":3531,"children":3532},{"style":169},[3533],{"type":21,"value":2306},{"type":15,"tag":162,"props":3535,"children":3536},{"style":210},[3537],{"type":21,"value":2457},{"type":15,"tag":162,"props":3539,"children":3540},{"style":169},[3541],{"type":21,"value":2316},{"type":15,"tag":162,"props":3543,"children":3544},{"class":164,"line":580},[3545,3549,3553,3557,3561,3565,3569],{"type":15,"tag":162,"props":3546,"children":3547},{"style":169},[3548],{"type":21,"value":2292},{"type":15,"tag":162,"props":3550,"children":3551},{"style":175},[3552],{"type":21,"value":2053},{"type":15,"tag":162,"props":3554,"children":3555},{"style":169},[3556],{"type":21,"value":2477},{"type":15,"tag":162,"props":3558,"children":3559},{"style":210},[3560],{"type":21,"value":124},{"type":15,"tag":162,"props":3562,"children":3563},{"style":169},[3564],{"type":21,"value":2486},{"type":15,"tag":162,"props":3566,"children":3567},{"style":210},[3568],{"type":21,"value":2491},{"type":15,"tag":162,"props":3570,"children":3571},{"style":169},[3572],{"type":21,"value":2316},{"type":15,"tag":162,"props":3574,"children":3575},{"class":164,"line":621},[3576,3580,3584,3588,3592,3596,3600],{"type":15,"tag":162,"props":3577,"children":3578},{"style":169},[3579],{"type":21,"value":2292},{"type":15,"tag":162,"props":3581,"children":3582},{"style":175},[3583],{"type":21,"value":2053},{"type":15,"tag":162,"props":3585,"children":3586},{"style":169},[3587],{"type":21,"value":2477},{"type":15,"tag":162,"props":3589,"children":3590},{"style":210},[3591],{"type":21,"value":131},{"type":15,"tag":162,"props":3593,"children":3594},{"style":169},[3595],{"type":21,"value":2486},{"type":15,"tag":162,"props":3597,"children":3598},{"style":210},[3599],{"type":21,"value":2523},{"type":15,"tag":162,"props":3601,"children":3602},{"style":169},[3603],{"type":21,"value":2316},{"type":15,"tag":162,"props":3605,"children":3606},{"class":164,"line":638},[3607,3611,3615,3619,3623,3627,3631],{"type":15,"tag":162,"props":3608,"children":3609},{"style":169},[3610],{"type":21,"value":2292},{"type":15,"tag":162,"props":3612,"children":3613},{"style":175},[3614],{"type":21,"value":2053},{"type":15,"tag":162,"props":3616,"children":3617},{"style":169},[3618],{"type":21,"value":2477},{"type":15,"tag":162,"props":3620,"children":3621},{"style":210},[3622],{"type":21,"value":138},{"type":15,"tag":162,"props":3624,"children":3625},{"style":169},[3626],{"type":21,"value":2486},{"type":15,"tag":162,"props":3628,"children":3629},{"style":210},[3630],{"type":21,"value":2555},{"type":15,"tag":162,"props":3632,"children":3633},{"style":169},[3634],{"type":21,"value":2316},{"type":15,"tag":162,"props":3636,"children":3637},{"class":164,"line":655},[3638],{"type":15,"tag":162,"props":3639,"children":3640},{"style":169},[3641],{"type":21,"value":2567},{"type":15,"tag":162,"props":3643,"children":3644},{"class":164,"line":664},[3645],{"type":15,"tag":162,"props":3646,"children":3647},{"emptyLinePlaceholder":8},[3648],{"type":21,"value":661},{"type":15,"tag":162,"props":3650,"children":3651},{"class":164,"line":700},[3652,3656,3660,3664,3669],{"type":15,"tag":162,"props":3653,"children":3654},{"style":704},[3655],{"type":21,"value":812},{"type":15,"tag":162,"props":3657,"children":3658},{"style":704},[3659],{"type":21,"value":817},{"type":15,"tag":162,"props":3661,"children":3662},{"style":704},[3663],{"type":21,"value":822},{"type":15,"tag":162,"props":3665,"children":3666},{"style":825},[3667],{"type":21,"value":3668}," SfLoaderLinear",{"type":15,"tag":162,"props":3670,"children":3671},{"style":169},[3672],{"type":21,"value":2736},{"type":15,"tag":162,"props":3674,"children":3675},{"class":164,"line":739},[3676,3681,3685,3690,3694,3698],{"type":15,"tag":162,"props":3677,"children":3679},{"style":3678},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[3680],{"type":21,"value":2745},{"type":15,"tag":162,"props":3682,"children":3683},{"style":866},[3684],{"type":21,"value":2279},{"type":15,"tag":162,"props":3686,"children":3687},{"style":888},[3688],{"type":21,"value":3689}," SfLoaderSize",{"type":15,"tag":162,"props":3691,"children":3692},{"style":169},[3693],{"type":21,"value":140},{"type":15,"tag":162,"props":3695,"children":3696},{"style":175},[3697],{"type":21,"value":2845},{"type":15,"tag":162,"props":3699,"children":3700},{"style":169},[3701],{"type":21,"value":2316},{"type":15,"tag":162,"props":3703,"children":3704},{"class":164,"line":2725},[3705,3709,3713,3718],{"type":15,"tag":162,"props":3706,"children":3707},{"style":3678},[3708],{"type":21,"value":2867},{"type":15,"tag":162,"props":3710,"children":3711},{"style":866},[3712],{"type":21,"value":2279},{"type":15,"tag":162,"props":3714,"children":3715},{"style":210},[3716],{"type":21,"value":3717}," 'loading'",{"type":15,"tag":162,"props":3719,"children":3720},{"style":169},[3721],{"type":21,"value":2316},{"type":15,"tag":162,"props":3723,"children":3724},{"class":164,"line":2739},[3725,3730],{"type":15,"tag":162,"props":3726,"children":3727},{"style":3678},[3728],{"type":21,"value":3729},"  className",{"type":15,"tag":162,"props":3731,"children":3732},{"style":169},[3733],{"type":21,"value":2316},{"type":15,"tag":162,"props":3735,"children":3736},{"class":164,"line":2753},[3737,3742],{"type":15,"tag":162,"props":3738,"children":3739},{"style":169},[3740],{"type":21,"value":3741},"  ...",{"type":15,"tag":162,"props":3743,"children":3744},{"style":3678},[3745],{"type":21,"value":3746},"attributes\n",{"type":15,"tag":162,"props":3748,"children":3749},{"class":164,"line":2822},[3750,3755,3759,3764,3769,3773,3778,3782,3787],{"type":15,"tag":162,"props":3751,"children":3752},{"style":169},[3753],{"type":21,"value":3754},"}: ",{"type":15,"tag":162,"props":3756,"children":3757},{"style":888},[3758],{"type":21,"value":3337},{"type":15,"tag":162,"props":3760,"children":3761},{"style":169},[3762],{"type":21,"value":3763},"): ",{"type":15,"tag":162,"props":3765,"children":3766},{"style":888},[3767],{"type":21,"value":3768},"React",{"type":15,"tag":162,"props":3770,"children":3771},{"style":169},[3772],{"type":21,"value":140},{"type":15,"tag":162,"props":3774,"children":3775},{"style":888},[3776],{"type":21,"value":3777},"JSX",{"type":15,"tag":162,"props":3779,"children":3780},{"style":169},[3781],{"type":21,"value":140},{"type":15,"tag":162,"props":3783,"children":3784},{"style":888},[3785],{"type":21,"value":3786},"Element",{"type":15,"tag":162,"props":3788,"children":3789},{"style":169},[3790],{"type":21,"value":2284},{"type":15,"tag":162,"props":3792,"children":3793},{"class":164,"line":2852},[3794,3798],{"type":15,"tag":162,"props":3795,"children":3796},{"style":704},[3797],{"type":21,"value":841},{"type":15,"tag":162,"props":3799,"children":3800},{"style":169},[3801],{"type":21,"value":846},{"type":15,"tag":162,"props":3803,"children":3804},{"class":164,"line":2861},[3805,3809],{"type":15,"tag":162,"props":3806,"children":3807},{"style":169},[3808],{"type":21,"value":226},{"type":15,"tag":162,"props":3810,"children":3811},{"style":175},[3812],{"type":21,"value":3059},{"type":15,"tag":162,"props":3814,"children":3815},{"class":164,"line":2874},[3816,3821,3825,3830,3834],{"type":15,"tag":162,"props":3817,"children":3818},{"style":860},[3819],{"type":21,"value":3820},"      className",{"type":15,"tag":162,"props":3822,"children":3823},{"style":866},[3824],{"type":21,"value":207},{"type":15,"tag":162,"props":3826,"children":3827},{"style":704},[3828],{"type":21,"value":3829},"{",{"type":15,"tag":162,"props":3831,"children":3832},{"style":825},[3833],{"type":21,"value":2690},{"type":15,"tag":162,"props":3835,"children":3836},{"style":169},[3837],{"type":21,"value":3838},"(\n",{"type":15,"tag":162,"props":3840,"children":3841},{"class":164,"line":2894},[3842,3847],{"type":15,"tag":162,"props":3843,"children":3844},{"style":210},[3845],{"type":21,"value":3846},"        'relative inline-block overflow-hidden bg-neutral-300 text-primary-700 after:absolute after:w-2.5 after:h-full after:animate-line after:bg-current after:block'",{"type":15,"tag":162,"props":3848,"children":3849},{"style":169},[3850],{"type":21,"value":2316},{"type":15,"tag":162,"props":3852,"children":3853},{"class":164,"line":2914},[3854,3859,3863,3867],{"type":15,"tag":162,"props":3855,"children":3856},{"style":175},[3857],{"type":21,"value":3858},"        sizeClasses",{"type":15,"tag":162,"props":3860,"children":3861},{"style":169},[3862],{"type":21,"value":2477},{"type":15,"tag":162,"props":3864,"children":3865},{"style":175},[3866],{"type":21,"value":73},{"type":15,"tag":162,"props":3868,"children":3869},{"style":169},[3870],{"type":21,"value":3871},"],\n",{"type":15,"tag":162,"props":3873,"children":3874},{"class":164,"line":2922},[3875,3880],{"type":15,"tag":162,"props":3876,"children":3877},{"style":175},[3878],{"type":21,"value":3879},"        className",{"type":15,"tag":162,"props":3881,"children":3882},{"style":169},[3883],{"type":21,"value":2316},{"type":15,"tag":162,"props":3885,"children":3886},{"class":164,"line":2931},[3887,3892],{"type":15,"tag":162,"props":3888,"children":3889},{"style":169},[3890],{"type":21,"value":3891},"      )",{"type":15,"tag":162,"props":3893,"children":3894},{"style":704},[3895],{"type":21,"value":1289},{"type":15,"tag":162,"props":3897,"children":3898},{"class":164,"line":2944},[3899,3904,3908],{"type":15,"tag":162,"props":3900,"children":3901},{"style":860},[3902],{"type":21,"value":3903},"      aria-live",{"type":15,"tag":162,"props":3905,"children":3906},{"style":866},[3907],{"type":21,"value":207},{"type":15,"tag":162,"props":3909,"children":3910},{"style":210},[3911],{"type":21,"value":3149},{"type":15,"tag":162,"props":3913,"children":3914},{"class":164,"line":2966},[3915,3920,3924,3928,3932],{"type":15,"tag":162,"props":3916,"children":3917},{"style":860},[3918],{"type":21,"value":3919},"      aria-label",{"type":15,"tag":162,"props":3921,"children":3922},{"style":866},[3923],{"type":21,"value":207},{"type":15,"tag":162,"props":3925,"children":3926},{"style":704},[3927],{"type":21,"value":3829},{"type":15,"tag":162,"props":3929,"children":3930},{"style":175},[3931],{"type":21,"value":2073},{"type":15,"tag":162,"props":3933,"children":3934},{"style":704},[3935],{"type":21,"value":1289},{"type":15,"tag":162,"props":3937,"children":3938},{"class":164,"line":2974},[3939,3944,3948],{"type":15,"tag":162,"props":3940,"children":3941},{"style":860},[3942],{"type":21,"value":3943},"      data-testid",{"type":15,"tag":162,"props":3945,"children":3946},{"style":866},[3947],{"type":21,"value":207},{"type":15,"tag":162,"props":3949,"children":3950},{"style":210},[3951],{"type":21,"value":3185},{"type":15,"tag":162,"props":3953,"children":3954},{"class":164,"line":3009},[3955,3960,3965,3970],{"type":15,"tag":162,"props":3956,"children":3957},{"style":704},[3958],{"type":21,"value":3959},"      {",{"type":15,"tag":162,"props":3961,"children":3962},{"style":169},[3963],{"type":21,"value":3964},"...",{"type":15,"tag":162,"props":3966,"children":3967},{"style":175},[3968],{"type":21,"value":3969},"attributes",{"type":15,"tag":162,"props":3971,"children":3972},{"style":704},[3973],{"type":21,"value":1289},{"type":15,"tag":162,"props":3975,"children":3976},{"class":164,"line":3025},[3977],{"type":15,"tag":162,"props":3978,"children":3979},{"style":169},[3980],{"type":21,"value":3981},"    \u002F>\n",{"type":15,"tag":162,"props":3983,"children":3984},{"class":164,"line":3033},[3985],{"type":15,"tag":162,"props":3986,"children":3987},{"style":169},[3988],{"type":21,"value":1281},{"type":15,"tag":162,"props":3990,"children":3991},{"class":164,"line":3049},[3992],{"type":15,"tag":162,"props":3993,"children":3994},{"style":169},[3995],{"type":21,"value":1289},{"type":15,"tag":3997,"props":3998,"children":3999},"style",{},[4000],{"type":21,"value":4001},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":9,"searchDepth":306,"depth":185,"links":4003},[4004,4008,4009,4010],{"id":47,"depth":185,"text":50,"children":4005},[4006,4007],{"id":54,"depth":220,"text":57},{"id":1292,"depth":220,"text":1295},{"id":1915,"depth":185,"text":1918},{"id":1966,"depth":185,"text":1969},{"id":1980,"depth":185,"text":1983},"markdown","content:_components:loaderlinear.md","content","_components\u002Floaderlinear.md","_components\u002Floaderlinear","md","default",[4019],{"_path":4020,"_dir":9,"_draft":7,"_partial":8,"_locale":9,"navigation":4021,"sidebarRoot":8,"_id":4024,"_type":4025,"title":4026,"_source":4013,"_file":4027,"_stem":4028,"_extension":4029},"\u002F_dir",{"title":4022,"icon":4023},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","_dir.yml","_dir","yml",{"nav":4031,"sidebarRoot":4033},[4032,4035,4047],{"title":4022,"_path":4033,"_id":4024,"layout":4034,"sidebarRoot":8,"icon":4023},"\u002F","fullscreen",{"title":4036,"_path":4037,"children":4038,"_id":4046,"layout":4017},"Getting Started","\u002Fgetting-started",[4039,4042],{"title":4040,"_path":4037,"_id":4041,"layout":4017},"Installation","content:2.getting-started:1.index.md",{"title":4043,"_path":4044,"_id":4045,"layout":4017},"Browser support","\u002Fgetting-started\u002Fbrowser-support","content:2.getting-started:2.browser-support.md","content:2.getting-started:_dir.yml",{"title":4048,"_path":4049,"children":4050},"Customization","\u002Fcustomization",[4051,4054,4058,4062],{"title":4052,"_path":1361,"_id":4053,"layout":4017},"Overriding Default Styles","content:3.customization:overriding-default-styles.md",{"title":4055,"_path":4056,"_id":4057,"layout":4017},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":4059,"_path":4060,"_id":4061,"layout":4017},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":4063,"_path":4064,"_id":4065,"layout":4017},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574914092]