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