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