[{"data":1,"prerenderedAt":9587},["ShallowReactive",2],{"reference":3,"content-query-SsWL8RoMWj":4,"sidebar-roots":9538,"$dNTcUNV7nV":9550},null,{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":9,"title":10,"description":9,"body":11,"_type":9532,"_id":9533,"_source":9534,"_file":9535,"_stem":9536,"_extension":9537,"layout":6109},"\u002F_components\u002Fchip","_components",false,true,"","Chip",{"type":12,"children":13,"toc":9518},"root",[14,22,41,9512],{"type":15,"tag":16,"props":17,"children":19},"element","h1",{"id":18},"chip",[20],{"type":21,"value":10},"text",{"type":15,"tag":23,"props":24,"children":25},"warning",{},[26,36],{"type":15,"tag":27,"props":28,"children":29},"template",{"v-slot:title":9},[30],{"type":15,"tag":31,"props":32,"children":33},"p",{},[34],{"type":21,"value":35},"This is an experimental component",{"type":15,"tag":31,"props":37,"children":38},{},[39],{"type":21,"value":40},"This component is shipped in our NPM package, but its API might change based on user feedback.",{"type":15,"tag":42,"props":43,"children":47},"tabs",{":titles":44,"className":45},"[\"Usage\", \"API\", \"Source Code\"]",[46],"mt-8",[48,5692,6160],{"type":15,"tag":27,"props":49,"children":50},{"v-slot:tab-1":9},[51,63,98,105,112,153,914,920,956,989,1788,1794,1806,3105,3111,3123,4861,4867,4885,5655,5661,5681,5687],{"type":15,"tag":31,"props":52,"children":53},{},[54,61],{"type":15,"tag":55,"props":56,"children":58},"code",{"className":57},[],[59],{"type":21,"value":60},"SfChip",{"type":21,"value":62}," is a toggleable input element. It can be a good alternative to toggle buttons, radio buttons, and single select menus.",{"type":15,"tag":31,"props":64,"children":65},{},[66,68,73,75,81,83,88,90,96],{"type":21,"value":67},"Internally, ",{"type":15,"tag":55,"props":69,"children":71},{"className":70},[],[72],{"type":21,"value":60},{"type":21,"value":74}," uses a hidden ",{"type":15,"tag":55,"props":76,"children":78},{"className":77},[],[79],{"type":21,"value":80},"\u003Cinput type=\"checkbox\">",{"type":21,"value":82}," element to handle the selection state. This means that ",{"type":15,"tag":55,"props":84,"children":86},{"className":85},[],[87],{"type":21,"value":60},{"type":21,"value":89}," can be used in a form alongside other form elements. If you want to add additional attributes to this hidden input, you can pass ",{"type":15,"tag":55,"props":91,"children":93},{"className":92},[],[94],{"type":21,"value":95},"inputProps",{"type":21,"value":97}," to the component.",{"type":15,"tag":99,"props":100,"children":102},"h2",{"id":101},"examples",[103],{"type":21,"value":104},"Examples",{"type":15,"tag":106,"props":107,"children":109},"h3",{"id":108},"sizes",[110],{"type":21,"value":111},"Sizes",{"type":15,"tag":31,"props":113,"children":114},{},[115,120,122,128,130,136,138,144,146,151],{"type":15,"tag":55,"props":116,"children":118},{"className":117},[],[119],{"type":21,"value":60},{"type":21,"value":121}," supports 2 sizes that can be set with the ",{"type":15,"tag":55,"props":123,"children":125},{"className":124},[],[126],{"type":21,"value":127},"size",{"type":21,"value":129}," prop: ",{"type":15,"tag":55,"props":131,"children":133},{"className":132},[],[134],{"type":21,"value":135},"'sm'",{"type":21,"value":137}," and ",{"type":15,"tag":55,"props":139,"children":141},{"className":140},[],[142],{"type":21,"value":143},"'base'",{"type":21,"value":145},". The default size is ",{"type":15,"tag":55,"props":147,"children":149},{"className":148},[],[150],{"type":21,"value":143},{"type":21,"value":152},".",{"type":15,"tag":154,"props":155,"children":157},"showcase",{"showcase-name":156},"Chip\u002FChipSizes",[158,619],{"type":15,"tag":159,"props":160,"children":161},"vue-only",{},[162],{"type":15,"tag":163,"props":164,"children":168},"pre",{"className":165,"code":166,"language":167,"meta":9,"style":9},"language-vue shiki shiki-themes one-dark-pro","\u003Ctemplate>\n \u003CSfChip size=\"sm\" class=\"mr-2\" v-model=\"chipSmallActive\"> Small \u003C\u002FSfChip>\n \u003CSfChip size=\"base\" class=\"mr-2\" v-model=\"chipBaseActive\"> Base \u003C\u002FSfChip>\n \u003CSfChip size=\"base\" v-model=\"chipDefaultActive\"> Default \u003C\u002FSfChip>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport { SfChip } from '@storefront-ui\u002Fvue';\n\nconst chipSmallActive = ref();\nconst chipBaseActive = ref();\nconst chipDefaultActive = ref();\n\u003C\u002Fscript>\n\n","vue",[169],{"type":15,"tag":55,"props":170,"children":171},{"__ignoreMap":9},[172,194,265,328,378,395,404,440,480,513,521,553,578,603],{"type":15,"tag":173,"props":174,"children":177},"span",{"class":175,"line":176},"line",1,[178,184,189],{"type":15,"tag":173,"props":179,"children":181},{"style":180},"--shiki-default:#ABB2BF",[182],{"type":21,"value":183},"\u003C",{"type":15,"tag":173,"props":185,"children":187},{"style":186},"--shiki-default:#E06C75",[188],{"type":21,"value":27},{"type":15,"tag":173,"props":190,"children":191},{"style":180},[192],{"type":21,"value":193},">\n",{"type":15,"tag":173,"props":195,"children":197},{"class":175,"line":196},2,[198,203,207,213,218,224,229,233,238,243,247,252,257,261],{"type":15,"tag":173,"props":199,"children":200},{"style":180},[201],{"type":21,"value":202}," \u003C",{"type":15,"tag":173,"props":204,"children":205},{"style":186},[206],{"type":21,"value":60},{"type":15,"tag":173,"props":208,"children":210},{"style":209},"--shiki-default:#D19A66",[211],{"type":21,"value":212}," size",{"type":15,"tag":173,"props":214,"children":215},{"style":180},[216],{"type":21,"value":217},"=",{"type":15,"tag":173,"props":219,"children":221},{"style":220},"--shiki-default:#98C379",[222],{"type":21,"value":223},"\"sm\"",{"type":15,"tag":173,"props":225,"children":226},{"style":209},[227],{"type":21,"value":228}," class",{"type":15,"tag":173,"props":230,"children":231},{"style":180},[232],{"type":21,"value":217},{"type":15,"tag":173,"props":234,"children":235},{"style":220},[236],{"type":21,"value":237},"\"mr-2\"",{"type":15,"tag":173,"props":239,"children":240},{"style":209},[241],{"type":21,"value":242}," v-model",{"type":15,"tag":173,"props":244,"children":245},{"style":180},[246],{"type":21,"value":217},{"type":15,"tag":173,"props":248,"children":249},{"style":220},[250],{"type":21,"value":251},"\"chipSmallActive\"",{"type":15,"tag":173,"props":253,"children":254},{"style":180},[255],{"type":21,"value":256},"> Small \u003C\u002F",{"type":15,"tag":173,"props":258,"children":259},{"style":186},[260],{"type":21,"value":60},{"type":15,"tag":173,"props":262,"children":263},{"style":180},[264],{"type":21,"value":193},{"type":15,"tag":173,"props":266,"children":268},{"class":175,"line":267},3,[269,273,277,281,285,290,294,298,302,306,310,315,320,324],{"type":15,"tag":173,"props":270,"children":271},{"style":180},[272],{"type":21,"value":202},{"type":15,"tag":173,"props":274,"children":275},{"style":186},[276],{"type":21,"value":60},{"type":15,"tag":173,"props":278,"children":279},{"style":209},[280],{"type":21,"value":212},{"type":15,"tag":173,"props":282,"children":283},{"style":180},[284],{"type":21,"value":217},{"type":15,"tag":173,"props":286,"children":287},{"style":220},[288],{"type":21,"value":289},"\"base\"",{"type":15,"tag":173,"props":291,"children":292},{"style":209},[293],{"type":21,"value":228},{"type":15,"tag":173,"props":295,"children":296},{"style":180},[297],{"type":21,"value":217},{"type":15,"tag":173,"props":299,"children":300},{"style":220},[301],{"type":21,"value":237},{"type":15,"tag":173,"props":303,"children":304},{"style":209},[305],{"type":21,"value":242},{"type":15,"tag":173,"props":307,"children":308},{"style":180},[309],{"type":21,"value":217},{"type":15,"tag":173,"props":311,"children":312},{"style":220},[313],{"type":21,"value":314},"\"chipBaseActive\"",{"type":15,"tag":173,"props":316,"children":317},{"style":180},[318],{"type":21,"value":319},"> Base \u003C\u002F",{"type":15,"tag":173,"props":321,"children":322},{"style":186},[323],{"type":21,"value":60},{"type":15,"tag":173,"props":325,"children":326},{"style":180},[327],{"type":21,"value":193},{"type":15,"tag":173,"props":329,"children":331},{"class":175,"line":330},4,[332,336,340,344,348,352,356,360,365,370,374],{"type":15,"tag":173,"props":333,"children":334},{"style":180},[335],{"type":21,"value":202},{"type":15,"tag":173,"props":337,"children":338},{"style":186},[339],{"type":21,"value":60},{"type":15,"tag":173,"props":341,"children":342},{"style":209},[343],{"type":21,"value":212},{"type":15,"tag":173,"props":345,"children":346},{"style":180},[347],{"type":21,"value":217},{"type":15,"tag":173,"props":349,"children":350},{"style":220},[351],{"type":21,"value":289},{"type":15,"tag":173,"props":353,"children":354},{"style":209},[355],{"type":21,"value":242},{"type":15,"tag":173,"props":357,"children":358},{"style":180},[359],{"type":21,"value":217},{"type":15,"tag":173,"props":361,"children":362},{"style":220},[363],{"type":21,"value":364},"\"chipDefaultActive\"",{"type":15,"tag":173,"props":366,"children":367},{"style":180},[368],{"type":21,"value":369},"> Default \u003C\u002F",{"type":15,"tag":173,"props":371,"children":372},{"style":186},[373],{"type":21,"value":60},{"type":15,"tag":173,"props":375,"children":376},{"style":180},[377],{"type":21,"value":193},{"type":15,"tag":173,"props":379,"children":381},{"class":175,"line":380},5,[382,387,391],{"type":15,"tag":173,"props":383,"children":384},{"style":180},[385],{"type":21,"value":386},"\u003C\u002F",{"type":15,"tag":173,"props":388,"children":389},{"style":186},[390],{"type":21,"value":27},{"type":15,"tag":173,"props":392,"children":393},{"style":180},[394],{"type":21,"value":193},{"type":15,"tag":173,"props":396,"children":398},{"class":175,"line":397},6,[399],{"type":15,"tag":173,"props":400,"children":401},{"emptyLinePlaceholder":8},[402],{"type":21,"value":403},"\n",{"type":15,"tag":173,"props":405,"children":407},{"class":175,"line":406},7,[408,412,417,422,426,431,436],{"type":15,"tag":173,"props":409,"children":410},{"style":180},[411],{"type":21,"value":183},{"type":15,"tag":173,"props":413,"children":414},{"style":186},[415],{"type":21,"value":416},"script",{"type":15,"tag":173,"props":418,"children":419},{"style":209},[420],{"type":21,"value":421}," lang",{"type":15,"tag":173,"props":423,"children":424},{"style":180},[425],{"type":21,"value":217},{"type":15,"tag":173,"props":427,"children":428},{"style":220},[429],{"type":21,"value":430},"\"ts\"",{"type":15,"tag":173,"props":432,"children":433},{"style":209},[434],{"type":21,"value":435}," setup",{"type":15,"tag":173,"props":437,"children":438},{"style":180},[439],{"type":21,"value":193},{"type":15,"tag":173,"props":441,"children":443},{"class":175,"line":442},8,[444,450,455,460,465,470,475],{"type":15,"tag":173,"props":445,"children":447},{"style":446},"--shiki-default:#C678DD",[448],{"type":21,"value":449},"import",{"type":15,"tag":173,"props":451,"children":452},{"style":180},[453],{"type":21,"value":454}," { ",{"type":15,"tag":173,"props":456,"children":457},{"style":186},[458],{"type":21,"value":459},"ref",{"type":15,"tag":173,"props":461,"children":462},{"style":180},[463],{"type":21,"value":464}," } ",{"type":15,"tag":173,"props":466,"children":467},{"style":446},[468],{"type":21,"value":469},"from",{"type":15,"tag":173,"props":471,"children":472},{"style":220},[473],{"type":21,"value":474}," 'vue'",{"type":15,"tag":173,"props":476,"children":477},{"style":180},[478],{"type":21,"value":479},";\n",{"type":15,"tag":173,"props":481,"children":483},{"class":175,"line":482},9,[484,488,492,496,500,504,509],{"type":15,"tag":173,"props":485,"children":486},{"style":446},[487],{"type":21,"value":449},{"type":15,"tag":173,"props":489,"children":490},{"style":180},[491],{"type":21,"value":454},{"type":15,"tag":173,"props":493,"children":494},{"style":186},[495],{"type":21,"value":60},{"type":15,"tag":173,"props":497,"children":498},{"style":180},[499],{"type":21,"value":464},{"type":15,"tag":173,"props":501,"children":502},{"style":446},[503],{"type":21,"value":469},{"type":15,"tag":173,"props":505,"children":506},{"style":220},[507],{"type":21,"value":508}," '@storefront-ui\u002Fvue'",{"type":15,"tag":173,"props":510,"children":511},{"style":180},[512],{"type":21,"value":479},{"type":15,"tag":173,"props":514,"children":516},{"class":175,"line":515},10,[517],{"type":15,"tag":173,"props":518,"children":519},{"emptyLinePlaceholder":8},[520],{"type":21,"value":403},{"type":15,"tag":173,"props":522,"children":524},{"class":175,"line":523},11,[525,530,536,542,548],{"type":15,"tag":173,"props":526,"children":527},{"style":446},[528],{"type":21,"value":529},"const",{"type":15,"tag":173,"props":531,"children":533},{"style":532},"--shiki-default:#E5C07B",[534],{"type":21,"value":535}," chipSmallActive",{"type":15,"tag":173,"props":537,"children":539},{"style":538},"--shiki-default:#56B6C2",[540],{"type":21,"value":541}," =",{"type":15,"tag":173,"props":543,"children":545},{"style":544},"--shiki-default:#61AFEF",[546],{"type":21,"value":547}," ref",{"type":15,"tag":173,"props":549,"children":550},{"style":180},[551],{"type":21,"value":552},"();\n",{"type":15,"tag":173,"props":554,"children":556},{"class":175,"line":555},12,[557,561,566,570,574],{"type":15,"tag":173,"props":558,"children":559},{"style":446},[560],{"type":21,"value":529},{"type":15,"tag":173,"props":562,"children":563},{"style":532},[564],{"type":21,"value":565}," chipBaseActive",{"type":15,"tag":173,"props":567,"children":568},{"style":538},[569],{"type":21,"value":541},{"type":15,"tag":173,"props":571,"children":572},{"style":544},[573],{"type":21,"value":547},{"type":15,"tag":173,"props":575,"children":576},{"style":180},[577],{"type":21,"value":552},{"type":15,"tag":173,"props":579,"children":581},{"class":175,"line":580},13,[582,586,591,595,599],{"type":15,"tag":173,"props":583,"children":584},{"style":446},[585],{"type":21,"value":529},{"type":15,"tag":173,"props":587,"children":588},{"style":532},[589],{"type":21,"value":590}," chipDefaultActive",{"type":15,"tag":173,"props":592,"children":593},{"style":538},[594],{"type":21,"value":541},{"type":15,"tag":173,"props":596,"children":597},{"style":544},[598],{"type":21,"value":547},{"type":15,"tag":173,"props":600,"children":601},{"style":180},[602],{"type":21,"value":552},{"type":15,"tag":173,"props":604,"children":606},{"class":175,"line":605},14,[607,611,615],{"type":15,"tag":173,"props":608,"children":609},{"style":180},[610],{"type":21,"value":386},{"type":15,"tag":173,"props":612,"children":613},{"style":186},[614],{"type":21,"value":416},{"type":15,"tag":173,"props":616,"children":617},{"style":180},[618],{"type":21,"value":193},{"type":15,"tag":620,"props":621,"children":622},"react-only",{},[623],{"type":15,"tag":163,"props":624,"children":628},{"className":625,"code":626,"language":627,"meta":9,"style":9},"language-tsx shiki shiki-themes one-dark-pro","import { SfChip } from '@storefront-ui\u002Freact';\n\nexport default function ChipSizes() {\n return (\n \u003Cdiv>\n \u003CSfChip size=\"sm\" className=\"mr-2\">\n Small\n \u003C\u002FSfChip>\n \u003CSfChip size=\"base\" className=\"mr-2\">\n Base\n \u003C\u002FSfChip>\n \u003CSfChip>Default\u003C\u002FSfChip>\n \u003C\u002Fdiv>\n );\n}\n","tsx",[629],{"type":15,"tag":55,"props":630,"children":631},{"__ignoreMap":9},[632,664,671,699,712,729,771,779,795,834,842,857,881,897,905],{"type":15,"tag":173,"props":633,"children":634},{"class":175,"line":176},[635,639,643,647,651,655,660],{"type":15,"tag":173,"props":636,"children":637},{"style":446},[638],{"type":21,"value":449},{"type":15,"tag":173,"props":640,"children":641},{"style":180},[642],{"type":21,"value":454},{"type":15,"tag":173,"props":644,"children":645},{"style":186},[646],{"type":21,"value":60},{"type":15,"tag":173,"props":648,"children":649},{"style":180},[650],{"type":21,"value":464},{"type":15,"tag":173,"props":652,"children":653},{"style":446},[654],{"type":21,"value":469},{"type":15,"tag":173,"props":656,"children":657},{"style":220},[658],{"type":21,"value":659}," '@storefront-ui\u002Freact'",{"type":15,"tag":173,"props":661,"children":662},{"style":180},[663],{"type":21,"value":479},{"type":15,"tag":173,"props":665,"children":666},{"class":175,"line":196},[667],{"type":15,"tag":173,"props":668,"children":669},{"emptyLinePlaceholder":8},[670],{"type":21,"value":403},{"type":15,"tag":173,"props":672,"children":673},{"class":175,"line":267},[674,679,684,689,694],{"type":15,"tag":173,"props":675,"children":676},{"style":446},[677],{"type":21,"value":678},"export",{"type":15,"tag":173,"props":680,"children":681},{"style":446},[682],{"type":21,"value":683}," default",{"type":15,"tag":173,"props":685,"children":686},{"style":446},[687],{"type":21,"value":688}," function",{"type":15,"tag":173,"props":690,"children":691},{"style":544},[692],{"type":21,"value":693}," ChipSizes",{"type":15,"tag":173,"props":695,"children":696},{"style":180},[697],{"type":21,"value":698},"() {\n",{"type":15,"tag":173,"props":700,"children":701},{"class":175,"line":330},[702,707],{"type":15,"tag":173,"props":703,"children":704},{"style":446},[705],{"type":21,"value":706}," return",{"type":15,"tag":173,"props":708,"children":709},{"style":180},[710],{"type":21,"value":711}," (\n",{"type":15,"tag":173,"props":713,"children":714},{"class":175,"line":380},[715,720,725],{"type":15,"tag":173,"props":716,"children":717},{"style":180},[718],{"type":21,"value":719}," \u003C",{"type":15,"tag":173,"props":721,"children":722},{"style":186},[723],{"type":21,"value":724},"div",{"type":15,"tag":173,"props":726,"children":727},{"style":180},[728],{"type":21,"value":193},{"type":15,"tag":173,"props":730,"children":731},{"class":175,"line":397},[732,737,741,746,750,754,759,763,767],{"type":15,"tag":173,"props":733,"children":734},{"style":180},[735],{"type":21,"value":736}," \u003C",{"type":15,"tag":173,"props":738,"children":739},{"style":532},[740],{"type":21,"value":60},{"type":15,"tag":173,"props":742,"children":744},{"style":743},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[745],{"type":21,"value":212},{"type":15,"tag":173,"props":747,"children":748},{"style":538},[749],{"type":21,"value":217},{"type":15,"tag":173,"props":751,"children":752},{"style":220},[753],{"type":21,"value":223},{"type":15,"tag":173,"props":755,"children":756},{"style":743},[757],{"type":21,"value":758}," className",{"type":15,"tag":173,"props":760,"children":761},{"style":538},[762],{"type":21,"value":217},{"type":15,"tag":173,"props":764,"children":765},{"style":220},[766],{"type":21,"value":237},{"type":15,"tag":173,"props":768,"children":769},{"style":180},[770],{"type":21,"value":193},{"type":15,"tag":173,"props":772,"children":773},{"class":175,"line":406},[774],{"type":15,"tag":173,"props":775,"children":776},{"style":180},[777],{"type":21,"value":778}," Small\n",{"type":15,"tag":173,"props":780,"children":781},{"class":175,"line":442},[782,787,791],{"type":15,"tag":173,"props":783,"children":784},{"style":180},[785],{"type":21,"value":786}," \u003C\u002F",{"type":15,"tag":173,"props":788,"children":789},{"style":532},[790],{"type":21,"value":60},{"type":15,"tag":173,"props":792,"children":793},{"style":180},[794],{"type":21,"value":193},{"type":15,"tag":173,"props":796,"children":797},{"class":175,"line":482},[798,802,806,810,814,818,822,826,830],{"type":15,"tag":173,"props":799,"children":800},{"style":180},[801],{"type":21,"value":736},{"type":15,"tag":173,"props":803,"children":804},{"style":532},[805],{"type":21,"value":60},{"type":15,"tag":173,"props":807,"children":808},{"style":743},[809],{"type":21,"value":212},{"type":15,"tag":173,"props":811,"children":812},{"style":538},[813],{"type":21,"value":217},{"type":15,"tag":173,"props":815,"children":816},{"style":220},[817],{"type":21,"value":289},{"type":15,"tag":173,"props":819,"children":820},{"style":743},[821],{"type":21,"value":758},{"type":15,"tag":173,"props":823,"children":824},{"style":538},[825],{"type":21,"value":217},{"type":15,"tag":173,"props":827,"children":828},{"style":220},[829],{"type":21,"value":237},{"type":15,"tag":173,"props":831,"children":832},{"style":180},[833],{"type":21,"value":193},{"type":15,"tag":173,"props":835,"children":836},{"class":175,"line":515},[837],{"type":15,"tag":173,"props":838,"children":839},{"style":180},[840],{"type":21,"value":841}," Base\n",{"type":15,"tag":173,"props":843,"children":844},{"class":175,"line":523},[845,849,853],{"type":15,"tag":173,"props":846,"children":847},{"style":180},[848],{"type":21,"value":786},{"type":15,"tag":173,"props":850,"children":851},{"style":532},[852],{"type":21,"value":60},{"type":15,"tag":173,"props":854,"children":855},{"style":180},[856],{"type":21,"value":193},{"type":15,"tag":173,"props":858,"children":859},{"class":175,"line":555},[860,864,868,873,877],{"type":15,"tag":173,"props":861,"children":862},{"style":180},[863],{"type":21,"value":736},{"type":15,"tag":173,"props":865,"children":866},{"style":532},[867],{"type":21,"value":60},{"type":15,"tag":173,"props":869,"children":870},{"style":180},[871],{"type":21,"value":872},">Default\u003C\u002F",{"type":15,"tag":173,"props":874,"children":875},{"style":532},[876],{"type":21,"value":60},{"type":15,"tag":173,"props":878,"children":879},{"style":180},[880],{"type":21,"value":193},{"type":15,"tag":173,"props":882,"children":883},{"class":175,"line":580},[884,889,893],{"type":15,"tag":173,"props":885,"children":886},{"style":180},[887],{"type":21,"value":888}," \u003C\u002F",{"type":15,"tag":173,"props":890,"children":891},{"style":186},[892],{"type":21,"value":724},{"type":15,"tag":173,"props":894,"children":895},{"style":180},[896],{"type":21,"value":193},{"type":15,"tag":173,"props":898,"children":899},{"class":175,"line":605},[900],{"type":15,"tag":173,"props":901,"children":902},{"style":180},[903],{"type":21,"value":904}," );\n",{"type":15,"tag":173,"props":906,"children":908},{"class":175,"line":907},15,[909],{"type":15,"tag":173,"props":910,"children":911},{"style":180},[912],{"type":21,"value":913},"}\n",{"type":15,"tag":106,"props":915,"children":917},{"id":916},"thumbnails",[918],{"type":21,"value":919},"Thumbnails",{"type":15,"tag":159,"props":921,"children":922},{},[923],{"type":15,"tag":31,"props":924,"children":925},{},[926,931,933,939,940,946,948,954],{"type":15,"tag":55,"props":927,"children":929},{"className":928},[],[930],{"type":21,"value":60},{"type":21,"value":932}," provides ",{"type":15,"tag":55,"props":934,"children":936},{"className":935},[],[937],{"type":21,"value":938},"prefix",{"type":21,"value":137},{"type":15,"tag":55,"props":941,"children":943},{"className":942},[],[944],{"type":21,"value":945},"suffix",{"type":21,"value":947}," slots that you can use to add custom content before\u002Fafter your default content. This can be useful for adding things like icons, badges, or ",{"type":15,"tag":55,"props":949,"children":951},{"className":950},[],[952],{"type":21,"value":953},"SfThumbnail",{"type":21,"value":955}," to your toggleable chip.",{"type":15,"tag":620,"props":957,"children":958},{},[959],{"type":15,"tag":31,"props":960,"children":961},{},[962,967,968,974,975,981,983,988],{"type":15,"tag":55,"props":963,"children":965},{"className":964},[],[966],{"type":21,"value":60},{"type":21,"value":932},{"type":15,"tag":55,"props":969,"children":971},{"className":970},[],[972],{"type":21,"value":973},"slotPrefix",{"type":21,"value":137},{"type":15,"tag":55,"props":976,"children":978},{"className":977},[],[979],{"type":21,"value":980},"slotSuffix",{"type":21,"value":982}," props that you can use to add custom content before\u002Fafter your default content. This can be useful for adding things like icons, badges, or ",{"type":15,"tag":55,"props":984,"children":986},{"className":985},[],[987],{"type":21,"value":953},{"type":21,"value":955},{"type":15,"tag":154,"props":990,"children":992},{"showcase-name":991},"Chip\u002FChipWithThumbnail",[993,1473],{"type":15,"tag":159,"props":994,"children":995},{},[996],{"type":15,"tag":163,"props":997,"children":999},{"className":165,"code":998,"language":167,"meta":9,"style":9},"\u003Ctemplate>\n \u003CSfChip size=\"sm\" class=\"mr-2\" v-model=\"chipRedActive\">\n \u003Ctemplate #prefix>\u003CSfThumbnail class=\"bg-red-500\" size=\"sm\" \u002F>\u003C\u002Ftemplate>\n Red\n \u003C\u002FSfChip>\n \u003CSfChip v-model=\"chipBlueActive\">\n \u003Ctemplate #prefix>\u003CSfThumbnail class=\"bg-secondary-400\" size=\"base\" \u002F>\u003C\u002Ftemplate>\n Blue\n \u003C\u002FSfChip>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport { SfChip, SfThumbnail } from '@storefront-ui\u002Fvue';\n\nconst chipRedActive = ref();\nconst chipBlueActive = ref();\n\u003C\u002Fscript>\n\n",[1000],{"type":15,"tag":55,"props":1001,"children":1002},{"__ignoreMap":9},[1003,1018,1070,1137,1145,1161,1189,1253,1261,1276,1291,1298,1329,1360,1400,1407,1432,1457],{"type":15,"tag":173,"props":1004,"children":1005},{"class":175,"line":176},[1006,1010,1014],{"type":15,"tag":173,"props":1007,"children":1008},{"style":180},[1009],{"type":21,"value":183},{"type":15,"tag":173,"props":1011,"children":1012},{"style":186},[1013],{"type":21,"value":27},{"type":15,"tag":173,"props":1015,"children":1016},{"style":180},[1017],{"type":21,"value":193},{"type":15,"tag":173,"props":1019,"children":1020},{"class":175,"line":196},[1021,1025,1029,1033,1037,1041,1045,1049,1053,1057,1061,1066],{"type":15,"tag":173,"props":1022,"children":1023},{"style":180},[1024],{"type":21,"value":202},{"type":15,"tag":173,"props":1026,"children":1027},{"style":186},[1028],{"type":21,"value":60},{"type":15,"tag":173,"props":1030,"children":1031},{"style":209},[1032],{"type":21,"value":212},{"type":15,"tag":173,"props":1034,"children":1035},{"style":180},[1036],{"type":21,"value":217},{"type":15,"tag":173,"props":1038,"children":1039},{"style":220},[1040],{"type":21,"value":223},{"type":15,"tag":173,"props":1042,"children":1043},{"style":209},[1044],{"type":21,"value":228},{"type":15,"tag":173,"props":1046,"children":1047},{"style":180},[1048],{"type":21,"value":217},{"type":15,"tag":173,"props":1050,"children":1051},{"style":220},[1052],{"type":21,"value":237},{"type":15,"tag":173,"props":1054,"children":1055},{"style":209},[1056],{"type":21,"value":242},{"type":15,"tag":173,"props":1058,"children":1059},{"style":180},[1060],{"type":21,"value":217},{"type":15,"tag":173,"props":1062,"children":1063},{"style":220},[1064],{"type":21,"value":1065},"\"chipRedActive\"",{"type":15,"tag":173,"props":1067,"children":1068},{"style":180},[1069],{"type":21,"value":193},{"type":15,"tag":173,"props":1071,"children":1072},{"class":175,"line":267},[1073,1077,1081,1086,1090,1095,1099,1103,1107,1112,1116,1120,1124,1129,1133],{"type":15,"tag":173,"props":1074,"children":1075},{"style":180},[1076],{"type":21,"value":719},{"type":15,"tag":173,"props":1078,"children":1079},{"style":186},[1080],{"type":21,"value":27},{"type":15,"tag":173,"props":1082,"children":1083},{"style":180},[1084],{"type":21,"value":1085}," #",{"type":15,"tag":173,"props":1087,"children":1088},{"style":209},[1089],{"type":21,"value":938},{"type":15,"tag":173,"props":1091,"children":1092},{"style":180},[1093],{"type":21,"value":1094},">\u003C",{"type":15,"tag":173,"props":1096,"children":1097},{"style":186},[1098],{"type":21,"value":953},{"type":15,"tag":173,"props":1100,"children":1101},{"style":209},[1102],{"type":21,"value":228},{"type":15,"tag":173,"props":1104,"children":1105},{"style":180},[1106],{"type":21,"value":217},{"type":15,"tag":173,"props":1108,"children":1109},{"style":220},[1110],{"type":21,"value":1111},"\"bg-red-500\"",{"type":15,"tag":173,"props":1113,"children":1114},{"style":209},[1115],{"type":21,"value":212},{"type":15,"tag":173,"props":1117,"children":1118},{"style":180},[1119],{"type":21,"value":217},{"type":15,"tag":173,"props":1121,"children":1122},{"style":220},[1123],{"type":21,"value":223},{"type":15,"tag":173,"props":1125,"children":1126},{"style":180},[1127],{"type":21,"value":1128}," \u002F>\u003C\u002F",{"type":15,"tag":173,"props":1130,"children":1131},{"style":186},[1132],{"type":21,"value":27},{"type":15,"tag":173,"props":1134,"children":1135},{"style":180},[1136],{"type":21,"value":193},{"type":15,"tag":173,"props":1138,"children":1139},{"class":175,"line":330},[1140],{"type":15,"tag":173,"props":1141,"children":1142},{"style":180},[1143],{"type":21,"value":1144}," Red\n",{"type":15,"tag":173,"props":1146,"children":1147},{"class":175,"line":380},[1148,1153,1157],{"type":15,"tag":173,"props":1149,"children":1150},{"style":180},[1151],{"type":21,"value":1152}," \u003C\u002F",{"type":15,"tag":173,"props":1154,"children":1155},{"style":186},[1156],{"type":21,"value":60},{"type":15,"tag":173,"props":1158,"children":1159},{"style":180},[1160],{"type":21,"value":193},{"type":15,"tag":173,"props":1162,"children":1163},{"class":175,"line":397},[1164,1168,1172,1176,1180,1185],{"type":15,"tag":173,"props":1165,"children":1166},{"style":180},[1167],{"type":21,"value":202},{"type":15,"tag":173,"props":1169,"children":1170},{"style":186},[1171],{"type":21,"value":60},{"type":15,"tag":173,"props":1173,"children":1174},{"style":209},[1175],{"type":21,"value":242},{"type":15,"tag":173,"props":1177,"children":1178},{"style":180},[1179],{"type":21,"value":217},{"type":15,"tag":173,"props":1181,"children":1182},{"style":220},[1183],{"type":21,"value":1184},"\"chipBlueActive\"",{"type":15,"tag":173,"props":1186,"children":1187},{"style":180},[1188],{"type":21,"value":193},{"type":15,"tag":173,"props":1190,"children":1191},{"class":175,"line":406},[1192,1196,1200,1204,1208,1212,1216,1220,1224,1229,1233,1237,1241,1245,1249],{"type":15,"tag":173,"props":1193,"children":1194},{"style":180},[1195],{"type":21,"value":719},{"type":15,"tag":173,"props":1197,"children":1198},{"style":186},[1199],{"type":21,"value":27},{"type":15,"tag":173,"props":1201,"children":1202},{"style":180},[1203],{"type":21,"value":1085},{"type":15,"tag":173,"props":1205,"children":1206},{"style":209},[1207],{"type":21,"value":938},{"type":15,"tag":173,"props":1209,"children":1210},{"style":180},[1211],{"type":21,"value":1094},{"type":15,"tag":173,"props":1213,"children":1214},{"style":186},[1215],{"type":21,"value":953},{"type":15,"tag":173,"props":1217,"children":1218},{"style":209},[1219],{"type":21,"value":228},{"type":15,"tag":173,"props":1221,"children":1222},{"style":180},[1223],{"type":21,"value":217},{"type":15,"tag":173,"props":1225,"children":1226},{"style":220},[1227],{"type":21,"value":1228},"\"bg-secondary-400\"",{"type":15,"tag":173,"props":1230,"children":1231},{"style":209},[1232],{"type":21,"value":212},{"type":15,"tag":173,"props":1234,"children":1235},{"style":180},[1236],{"type":21,"value":217},{"type":15,"tag":173,"props":1238,"children":1239},{"style":220},[1240],{"type":21,"value":289},{"type":15,"tag":173,"props":1242,"children":1243},{"style":180},[1244],{"type":21,"value":1128},{"type":15,"tag":173,"props":1246,"children":1247},{"style":186},[1248],{"type":21,"value":27},{"type":15,"tag":173,"props":1250,"children":1251},{"style":180},[1252],{"type":21,"value":193},{"type":15,"tag":173,"props":1254,"children":1255},{"class":175,"line":442},[1256],{"type":15,"tag":173,"props":1257,"children":1258},{"style":180},[1259],{"type":21,"value":1260}," Blue\n",{"type":15,"tag":173,"props":1262,"children":1263},{"class":175,"line":482},[1264,1268,1272],{"type":15,"tag":173,"props":1265,"children":1266},{"style":180},[1267],{"type":21,"value":1152},{"type":15,"tag":173,"props":1269,"children":1270},{"style":186},[1271],{"type":21,"value":60},{"type":15,"tag":173,"props":1273,"children":1274},{"style":180},[1275],{"type":21,"value":193},{"type":15,"tag":173,"props":1277,"children":1278},{"class":175,"line":515},[1279,1283,1287],{"type":15,"tag":173,"props":1280,"children":1281},{"style":180},[1282],{"type":21,"value":386},{"type":15,"tag":173,"props":1284,"children":1285},{"style":186},[1286],{"type":21,"value":27},{"type":15,"tag":173,"props":1288,"children":1289},{"style":180},[1290],{"type":21,"value":193},{"type":15,"tag":173,"props":1292,"children":1293},{"class":175,"line":523},[1294],{"type":15,"tag":173,"props":1295,"children":1296},{"emptyLinePlaceholder":8},[1297],{"type":21,"value":403},{"type":15,"tag":173,"props":1299,"children":1300},{"class":175,"line":555},[1301,1305,1309,1313,1317,1321,1325],{"type":15,"tag":173,"props":1302,"children":1303},{"style":180},[1304],{"type":21,"value":183},{"type":15,"tag":173,"props":1306,"children":1307},{"style":186},[1308],{"type":21,"value":416},{"type":15,"tag":173,"props":1310,"children":1311},{"style":209},[1312],{"type":21,"value":421},{"type":15,"tag":173,"props":1314,"children":1315},{"style":180},[1316],{"type":21,"value":217},{"type":15,"tag":173,"props":1318,"children":1319},{"style":220},[1320],{"type":21,"value":430},{"type":15,"tag":173,"props":1322,"children":1323},{"style":209},[1324],{"type":21,"value":435},{"type":15,"tag":173,"props":1326,"children":1327},{"style":180},[1328],{"type":21,"value":193},{"type":15,"tag":173,"props":1330,"children":1331},{"class":175,"line":580},[1332,1336,1340,1344,1348,1352,1356],{"type":15,"tag":173,"props":1333,"children":1334},{"style":446},[1335],{"type":21,"value":449},{"type":15,"tag":173,"props":1337,"children":1338},{"style":180},[1339],{"type":21,"value":454},{"type":15,"tag":173,"props":1341,"children":1342},{"style":186},[1343],{"type":21,"value":459},{"type":15,"tag":173,"props":1345,"children":1346},{"style":180},[1347],{"type":21,"value":464},{"type":15,"tag":173,"props":1349,"children":1350},{"style":446},[1351],{"type":21,"value":469},{"type":15,"tag":173,"props":1353,"children":1354},{"style":220},[1355],{"type":21,"value":474},{"type":15,"tag":173,"props":1357,"children":1358},{"style":180},[1359],{"type":21,"value":479},{"type":15,"tag":173,"props":1361,"children":1362},{"class":175,"line":605},[1363,1367,1371,1375,1380,1384,1388,1392,1396],{"type":15,"tag":173,"props":1364,"children":1365},{"style":446},[1366],{"type":21,"value":449},{"type":15,"tag":173,"props":1368,"children":1369},{"style":180},[1370],{"type":21,"value":454},{"type":15,"tag":173,"props":1372,"children":1373},{"style":186},[1374],{"type":21,"value":60},{"type":15,"tag":173,"props":1376,"children":1377},{"style":180},[1378],{"type":21,"value":1379},", ",{"type":15,"tag":173,"props":1381,"children":1382},{"style":186},[1383],{"type":21,"value":953},{"type":15,"tag":173,"props":1385,"children":1386},{"style":180},[1387],{"type":21,"value":464},{"type":15,"tag":173,"props":1389,"children":1390},{"style":446},[1391],{"type":21,"value":469},{"type":15,"tag":173,"props":1393,"children":1394},{"style":220},[1395],{"type":21,"value":508},{"type":15,"tag":173,"props":1397,"children":1398},{"style":180},[1399],{"type":21,"value":479},{"type":15,"tag":173,"props":1401,"children":1402},{"class":175,"line":907},[1403],{"type":15,"tag":173,"props":1404,"children":1405},{"emptyLinePlaceholder":8},[1406],{"type":21,"value":403},{"type":15,"tag":173,"props":1408,"children":1410},{"class":175,"line":1409},16,[1411,1415,1420,1424,1428],{"type":15,"tag":173,"props":1412,"children":1413},{"style":446},[1414],{"type":21,"value":529},{"type":15,"tag":173,"props":1416,"children":1417},{"style":532},[1418],{"type":21,"value":1419}," chipRedActive",{"type":15,"tag":173,"props":1421,"children":1422},{"style":538},[1423],{"type":21,"value":541},{"type":15,"tag":173,"props":1425,"children":1426},{"style":544},[1427],{"type":21,"value":547},{"type":15,"tag":173,"props":1429,"children":1430},{"style":180},[1431],{"type":21,"value":552},{"type":15,"tag":173,"props":1433,"children":1435},{"class":175,"line":1434},17,[1436,1440,1445,1449,1453],{"type":15,"tag":173,"props":1437,"children":1438},{"style":446},[1439],{"type":21,"value":529},{"type":15,"tag":173,"props":1441,"children":1442},{"style":532},[1443],{"type":21,"value":1444}," chipBlueActive",{"type":15,"tag":173,"props":1446,"children":1447},{"style":538},[1448],{"type":21,"value":541},{"type":15,"tag":173,"props":1450,"children":1451},{"style":544},[1452],{"type":21,"value":547},{"type":15,"tag":173,"props":1454,"children":1455},{"style":180},[1456],{"type":21,"value":552},{"type":15,"tag":173,"props":1458,"children":1460},{"class":175,"line":1459},18,[1461,1465,1469],{"type":15,"tag":173,"props":1462,"children":1463},{"style":180},[1464],{"type":21,"value":386},{"type":15,"tag":173,"props":1466,"children":1467},{"style":186},[1468],{"type":21,"value":416},{"type":15,"tag":173,"props":1470,"children":1471},{"style":180},[1472],{"type":21,"value":193},{"type":15,"tag":620,"props":1474,"children":1475},{},[1476],{"type":15,"tag":163,"props":1477,"children":1479},{"className":625,"code":1478,"language":627,"meta":9,"style":9},"import { SfChip, SfThumbnail } from '@storefront-ui\u002Freact';\n\nexport default function ChipWithThumbnail() {\n return (\n \u003C>\n \u003CSfChip size=\"sm\" className=\"mr-2\" slotPrefix={\u003CSfThumbnail className=\"bg-red-500\" size=\"sm\" \u002F>}>\n Red\n \u003C\u002FSfChip>\n \u003CSfChip slotPrefix={\u003CSfThumbnail className=\"bg-secondary-400\" size=\"base\" \u002F>}>Blue\u003C\u002FSfChip>\n \u003C\u002F>\n );\n}\n",[1480],{"type":15,"tag":55,"props":1481,"children":1482},{"__ignoreMap":9},[1483,1522,1529,1553,1564,1572,1667,1675,1690,1766,1774,1781],{"type":15,"tag":173,"props":1484,"children":1485},{"class":175,"line":176},[1486,1490,1494,1498,1502,1506,1510,1514,1518],{"type":15,"tag":173,"props":1487,"children":1488},{"style":446},[1489],{"type":21,"value":449},{"type":15,"tag":173,"props":1491,"children":1492},{"style":180},[1493],{"type":21,"value":454},{"type":15,"tag":173,"props":1495,"children":1496},{"style":186},[1497],{"type":21,"value":60},{"type":15,"tag":173,"props":1499,"children":1500},{"style":180},[1501],{"type":21,"value":1379},{"type":15,"tag":173,"props":1503,"children":1504},{"style":186},[1505],{"type":21,"value":953},{"type":15,"tag":173,"props":1507,"children":1508},{"style":180},[1509],{"type":21,"value":464},{"type":15,"tag":173,"props":1511,"children":1512},{"style":446},[1513],{"type":21,"value":469},{"type":15,"tag":173,"props":1515,"children":1516},{"style":220},[1517],{"type":21,"value":659},{"type":15,"tag":173,"props":1519,"children":1520},{"style":180},[1521],{"type":21,"value":479},{"type":15,"tag":173,"props":1523,"children":1524},{"class":175,"line":196},[1525],{"type":15,"tag":173,"props":1526,"children":1527},{"emptyLinePlaceholder":8},[1528],{"type":21,"value":403},{"type":15,"tag":173,"props":1530,"children":1531},{"class":175,"line":267},[1532,1536,1540,1544,1549],{"type":15,"tag":173,"props":1533,"children":1534},{"style":446},[1535],{"type":21,"value":678},{"type":15,"tag":173,"props":1537,"children":1538},{"style":446},[1539],{"type":21,"value":683},{"type":15,"tag":173,"props":1541,"children":1542},{"style":446},[1543],{"type":21,"value":688},{"type":15,"tag":173,"props":1545,"children":1546},{"style":544},[1547],{"type":21,"value":1548}," ChipWithThumbnail",{"type":15,"tag":173,"props":1550,"children":1551},{"style":180},[1552],{"type":21,"value":698},{"type":15,"tag":173,"props":1554,"children":1555},{"class":175,"line":330},[1556,1560],{"type":15,"tag":173,"props":1557,"children":1558},{"style":446},[1559],{"type":21,"value":706},{"type":15,"tag":173,"props":1561,"children":1562},{"style":180},[1563],{"type":21,"value":711},{"type":15,"tag":173,"props":1565,"children":1566},{"class":175,"line":380},[1567],{"type":15,"tag":173,"props":1568,"children":1569},{"style":180},[1570],{"type":21,"value":1571}," \u003C>\n",{"type":15,"tag":173,"props":1573,"children":1574},{"class":175,"line":397},[1575,1579,1583,1587,1591,1595,1599,1603,1607,1612,1616,1621,1625,1629,1633,1637,1641,1645,1649,1653,1658,1663],{"type":15,"tag":173,"props":1576,"children":1577},{"style":180},[1578],{"type":21,"value":736},{"type":15,"tag":173,"props":1580,"children":1581},{"style":532},[1582],{"type":21,"value":60},{"type":15,"tag":173,"props":1584,"children":1585},{"style":743},[1586],{"type":21,"value":212},{"type":15,"tag":173,"props":1588,"children":1589},{"style":538},[1590],{"type":21,"value":217},{"type":15,"tag":173,"props":1592,"children":1593},{"style":220},[1594],{"type":21,"value":223},{"type":15,"tag":173,"props":1596,"children":1597},{"style":743},[1598],{"type":21,"value":758},{"type":15,"tag":173,"props":1600,"children":1601},{"style":538},[1602],{"type":21,"value":217},{"type":15,"tag":173,"props":1604,"children":1605},{"style":220},[1606],{"type":21,"value":237},{"type":15,"tag":173,"props":1608,"children":1609},{"style":743},[1610],{"type":21,"value":1611}," slotPrefix",{"type":15,"tag":173,"props":1613,"children":1614},{"style":538},[1615],{"type":21,"value":217},{"type":15,"tag":173,"props":1617,"children":1618},{"style":446},[1619],{"type":21,"value":1620},"{",{"type":15,"tag":173,"props":1622,"children":1623},{"style":180},[1624],{"type":21,"value":183},{"type":15,"tag":173,"props":1626,"children":1627},{"style":532},[1628],{"type":21,"value":953},{"type":15,"tag":173,"props":1630,"children":1631},{"style":743},[1632],{"type":21,"value":758},{"type":15,"tag":173,"props":1634,"children":1635},{"style":538},[1636],{"type":21,"value":217},{"type":15,"tag":173,"props":1638,"children":1639},{"style":220},[1640],{"type":21,"value":1111},{"type":15,"tag":173,"props":1642,"children":1643},{"style":743},[1644],{"type":21,"value":212},{"type":15,"tag":173,"props":1646,"children":1647},{"style":538},[1648],{"type":21,"value":217},{"type":15,"tag":173,"props":1650,"children":1651},{"style":220},[1652],{"type":21,"value":223},{"type":15,"tag":173,"props":1654,"children":1655},{"style":180},[1656],{"type":21,"value":1657}," \u002F>",{"type":15,"tag":173,"props":1659,"children":1660},{"style":446},[1661],{"type":21,"value":1662},"}",{"type":15,"tag":173,"props":1664,"children":1665},{"style":180},[1666],{"type":21,"value":193},{"type":15,"tag":173,"props":1668,"children":1669},{"class":175,"line":406},[1670],{"type":15,"tag":173,"props":1671,"children":1672},{"style":180},[1673],{"type":21,"value":1674}," Red\n",{"type":15,"tag":173,"props":1676,"children":1677},{"class":175,"line":442},[1678,1682,1686],{"type":15,"tag":173,"props":1679,"children":1680},{"style":180},[1681],{"type":21,"value":786},{"type":15,"tag":173,"props":1683,"children":1684},{"style":532},[1685],{"type":21,"value":60},{"type":15,"tag":173,"props":1687,"children":1688},{"style":180},[1689],{"type":21,"value":193},{"type":15,"tag":173,"props":1691,"children":1692},{"class":175,"line":482},[1693,1697,1701,1705,1709,1713,1717,1721,1725,1729,1733,1737,1741,1745,1749,1753,1758,1762],{"type":15,"tag":173,"props":1694,"children":1695},{"style":180},[1696],{"type":21,"value":736},{"type":15,"tag":173,"props":1698,"children":1699},{"style":532},[1700],{"type":21,"value":60},{"type":15,"tag":173,"props":1702,"children":1703},{"style":743},[1704],{"type":21,"value":1611},{"type":15,"tag":173,"props":1706,"children":1707},{"style":538},[1708],{"type":21,"value":217},{"type":15,"tag":173,"props":1710,"children":1711},{"style":446},[1712],{"type":21,"value":1620},{"type":15,"tag":173,"props":1714,"children":1715},{"style":180},[1716],{"type":21,"value":183},{"type":15,"tag":173,"props":1718,"children":1719},{"style":532},[1720],{"type":21,"value":953},{"type":15,"tag":173,"props":1722,"children":1723},{"style":743},[1724],{"type":21,"value":758},{"type":15,"tag":173,"props":1726,"children":1727},{"style":538},[1728],{"type":21,"value":217},{"type":15,"tag":173,"props":1730,"children":1731},{"style":220},[1732],{"type":21,"value":1228},{"type":15,"tag":173,"props":1734,"children":1735},{"style":743},[1736],{"type":21,"value":212},{"type":15,"tag":173,"props":1738,"children":1739},{"style":538},[1740],{"type":21,"value":217},{"type":15,"tag":173,"props":1742,"children":1743},{"style":220},[1744],{"type":21,"value":289},{"type":15,"tag":173,"props":1746,"children":1747},{"style":180},[1748],{"type":21,"value":1657},{"type":15,"tag":173,"props":1750,"children":1751},{"style":446},[1752],{"type":21,"value":1662},{"type":15,"tag":173,"props":1754,"children":1755},{"style":180},[1756],{"type":21,"value":1757},">Blue\u003C\u002F",{"type":15,"tag":173,"props":1759,"children":1760},{"style":532},[1761],{"type":21,"value":60},{"type":15,"tag":173,"props":1763,"children":1764},{"style":180},[1765],{"type":21,"value":193},{"type":15,"tag":173,"props":1767,"children":1768},{"class":175,"line":515},[1769],{"type":15,"tag":173,"props":1770,"children":1771},{"style":180},[1772],{"type":21,"value":1773}," \u003C\u002F>\n",{"type":15,"tag":173,"props":1775,"children":1776},{"class":175,"line":523},[1777],{"type":15,"tag":173,"props":1778,"children":1779},{"style":180},[1780],{"type":21,"value":904},{"type":15,"tag":173,"props":1782,"children":1783},{"class":175,"line":555},[1784],{"type":15,"tag":173,"props":1785,"children":1786},{"style":180},[1787],{"type":21,"value":913},{"type":15,"tag":106,"props":1789,"children":1791},{"id":1790},"list-of-chips",[1792],{"type":21,"value":1793},"List of chips",{"type":15,"tag":31,"props":1795,"children":1796},{},[1797,1799,1804],{"type":21,"value":1798},"We can set attributes in the hidden checkbox input by passing an object to the ",{"type":15,"tag":55,"props":1800,"children":1802},{"className":1801},[],[1803],{"type":21,"value":95},{"type":21,"value":1805}," prop.",{"type":15,"tag":154,"props":1807,"children":1809},{"showcase-name":1808},"Chip\u002FListOfChips",[1810,2417],{"type":15,"tag":159,"props":1811,"children":1812},{},[1813],{"type":15,"tag":163,"props":1814,"children":1816},{"className":165,"code":1815,"language":167,"meta":9,"style":9},"\u003Ctemplate>\n \u003Cul class=\"flex flex-col flex-wrap gap-4 sm:flex-row\">\n \u003Cli v-for=\"({ label, value }, index) in chipValues\" :key=\"index\">\n \u003CSfChip :input-props=\"{ value: value }\">\n \u003Ctemplate #prefix>\n \u003CSfThumbnail\n :class=\"{\n 'bg-red-500': value === 'red',\n 'bg-blue-500': value === 'blue',\n 'bg-gray-500': value === 'gray',\n }\"\n \u002F>\n \u003C\u002Ftemplate>\n {{ label }}\n \u003C\u002FSfChip>\n \u003C\u002Fli>\n \u003C\u002Ful>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport { SfChip, SfThumbnail } from '@storefront-ui\u002Fvue';\n\nconst chipValues = ref([\n { label: 'Red', value: 'red' },\n { label: 'Blue', value: 'blue' },\n { label: 'Gray', value: 'gray' },\n]);\n\u003C\u002Fscript>\n\n",[1817],{"type":15,"tag":55,"props":1818,"children":1819},{"__ignoreMap":9},[1820,1835,1864,1908,1937,1961,1974,1991,1999,2007,2015,2023,2031,2047,2055,2070,2085,2100,2115,2123,2155,2187,2227,2235,2261,2308,2350,2392,2401],{"type":15,"tag":173,"props":1821,"children":1822},{"class":175,"line":176},[1823,1827,1831],{"type":15,"tag":173,"props":1824,"children":1825},{"style":180},[1826],{"type":21,"value":183},{"type":15,"tag":173,"props":1828,"children":1829},{"style":186},[1830],{"type":21,"value":27},{"type":15,"tag":173,"props":1832,"children":1833},{"style":180},[1834],{"type":21,"value":193},{"type":15,"tag":173,"props":1836,"children":1837},{"class":175,"line":196},[1838,1842,1847,1851,1855,1860],{"type":15,"tag":173,"props":1839,"children":1840},{"style":180},[1841],{"type":21,"value":202},{"type":15,"tag":173,"props":1843,"children":1844},{"style":186},[1845],{"type":21,"value":1846},"ul",{"type":15,"tag":173,"props":1848,"children":1849},{"style":209},[1850],{"type":21,"value":228},{"type":15,"tag":173,"props":1852,"children":1853},{"style":180},[1854],{"type":21,"value":217},{"type":15,"tag":173,"props":1856,"children":1857},{"style":220},[1858],{"type":21,"value":1859},"\"flex flex-col flex-wrap gap-4 sm:flex-row\"",{"type":15,"tag":173,"props":1861,"children":1862},{"style":180},[1863],{"type":21,"value":193},{"type":15,"tag":173,"props":1865,"children":1866},{"class":175,"line":267},[1867,1871,1876,1881,1885,1890,1895,1899,1904],{"type":15,"tag":173,"props":1868,"children":1869},{"style":180},[1870],{"type":21,"value":719},{"type":15,"tag":173,"props":1872,"children":1873},{"style":186},[1874],{"type":21,"value":1875},"li",{"type":15,"tag":173,"props":1877,"children":1878},{"style":209},[1879],{"type":21,"value":1880}," v-for",{"type":15,"tag":173,"props":1882,"children":1883},{"style":180},[1884],{"type":21,"value":217},{"type":15,"tag":173,"props":1886,"children":1887},{"style":220},[1888],{"type":21,"value":1889},"\"({ label, value }, index) in chipValues\"",{"type":15,"tag":173,"props":1891,"children":1892},{"style":209},[1893],{"type":21,"value":1894}," :key",{"type":15,"tag":173,"props":1896,"children":1897},{"style":180},[1898],{"type":21,"value":217},{"type":15,"tag":173,"props":1900,"children":1901},{"style":220},[1902],{"type":21,"value":1903},"\"index\"",{"type":15,"tag":173,"props":1905,"children":1906},{"style":180},[1907],{"type":21,"value":193},{"type":15,"tag":173,"props":1909,"children":1910},{"class":175,"line":330},[1911,1915,1919,1924,1928,1933],{"type":15,"tag":173,"props":1912,"children":1913},{"style":180},[1914],{"type":21,"value":736},{"type":15,"tag":173,"props":1916,"children":1917},{"style":186},[1918],{"type":21,"value":60},{"type":15,"tag":173,"props":1920,"children":1921},{"style":209},[1922],{"type":21,"value":1923}," :input-props",{"type":15,"tag":173,"props":1925,"children":1926},{"style":180},[1927],{"type":21,"value":217},{"type":15,"tag":173,"props":1929,"children":1930},{"style":220},[1931],{"type":21,"value":1932},"\"{ value: value }\"",{"type":15,"tag":173,"props":1934,"children":1935},{"style":180},[1936],{"type":21,"value":193},{"type":15,"tag":173,"props":1938,"children":1939},{"class":175,"line":380},[1940,1945,1949,1953,1957],{"type":15,"tag":173,"props":1941,"children":1942},{"style":180},[1943],{"type":21,"value":1944}," \u003C",{"type":15,"tag":173,"props":1946,"children":1947},{"style":186},[1948],{"type":21,"value":27},{"type":15,"tag":173,"props":1950,"children":1951},{"style":180},[1952],{"type":21,"value":1085},{"type":15,"tag":173,"props":1954,"children":1955},{"style":209},[1956],{"type":21,"value":938},{"type":15,"tag":173,"props":1958,"children":1959},{"style":180},[1960],{"type":21,"value":193},{"type":15,"tag":173,"props":1962,"children":1963},{"class":175,"line":397},[1964,1969],{"type":15,"tag":173,"props":1965,"children":1966},{"style":180},[1967],{"type":21,"value":1968}," \u003C",{"type":15,"tag":173,"props":1970,"children":1971},{"style":186},[1972],{"type":21,"value":1973},"SfThumbnail\n",{"type":15,"tag":173,"props":1975,"children":1976},{"class":175,"line":406},[1977,1982,1986],{"type":15,"tag":173,"props":1978,"children":1979},{"style":209},[1980],{"type":21,"value":1981}," :class",{"type":15,"tag":173,"props":1983,"children":1984},{"style":180},[1985],{"type":21,"value":217},{"type":15,"tag":173,"props":1987,"children":1988},{"style":220},[1989],{"type":21,"value":1990},"\"{\n",{"type":15,"tag":173,"props":1992,"children":1993},{"class":175,"line":442},[1994],{"type":15,"tag":173,"props":1995,"children":1996},{"style":220},[1997],{"type":21,"value":1998}," 'bg-red-500': value === 'red',\n",{"type":15,"tag":173,"props":2000,"children":2001},{"class":175,"line":482},[2002],{"type":15,"tag":173,"props":2003,"children":2004},{"style":220},[2005],{"type":21,"value":2006}," 'bg-blue-500': value === 'blue',\n",{"type":15,"tag":173,"props":2008,"children":2009},{"class":175,"line":515},[2010],{"type":15,"tag":173,"props":2011,"children":2012},{"style":220},[2013],{"type":21,"value":2014}," 'bg-gray-500': value === 'gray',\n",{"type":15,"tag":173,"props":2016,"children":2017},{"class":175,"line":523},[2018],{"type":15,"tag":173,"props":2019,"children":2020},{"style":220},[2021],{"type":21,"value":2022}," }\"\n",{"type":15,"tag":173,"props":2024,"children":2025},{"class":175,"line":555},[2026],{"type":15,"tag":173,"props":2027,"children":2028},{"style":180},[2029],{"type":21,"value":2030}," \u002F>\n",{"type":15,"tag":173,"props":2032,"children":2033},{"class":175,"line":580},[2034,2039,2043],{"type":15,"tag":173,"props":2035,"children":2036},{"style":180},[2037],{"type":21,"value":2038}," \u003C\u002F",{"type":15,"tag":173,"props":2040,"children":2041},{"style":186},[2042],{"type":21,"value":27},{"type":15,"tag":173,"props":2044,"children":2045},{"style":180},[2046],{"type":21,"value":193},{"type":15,"tag":173,"props":2048,"children":2049},{"class":175,"line":605},[2050],{"type":15,"tag":173,"props":2051,"children":2052},{"style":180},[2053],{"type":21,"value":2054}," {{ label }}\n",{"type":15,"tag":173,"props":2056,"children":2057},{"class":175,"line":907},[2058,2062,2066],{"type":15,"tag":173,"props":2059,"children":2060},{"style":180},[2061],{"type":21,"value":786},{"type":15,"tag":173,"props":2063,"children":2064},{"style":186},[2065],{"type":21,"value":60},{"type":15,"tag":173,"props":2067,"children":2068},{"style":180},[2069],{"type":21,"value":193},{"type":15,"tag":173,"props":2071,"children":2072},{"class":175,"line":1409},[2073,2077,2081],{"type":15,"tag":173,"props":2074,"children":2075},{"style":180},[2076],{"type":21,"value":888},{"type":15,"tag":173,"props":2078,"children":2079},{"style":186},[2080],{"type":21,"value":1875},{"type":15,"tag":173,"props":2082,"children":2083},{"style":180},[2084],{"type":21,"value":193},{"type":15,"tag":173,"props":2086,"children":2087},{"class":175,"line":1434},[2088,2092,2096],{"type":15,"tag":173,"props":2089,"children":2090},{"style":180},[2091],{"type":21,"value":1152},{"type":15,"tag":173,"props":2093,"children":2094},{"style":186},[2095],{"type":21,"value":1846},{"type":15,"tag":173,"props":2097,"children":2098},{"style":180},[2099],{"type":21,"value":193},{"type":15,"tag":173,"props":2101,"children":2102},{"class":175,"line":1459},[2103,2107,2111],{"type":15,"tag":173,"props":2104,"children":2105},{"style":180},[2106],{"type":21,"value":386},{"type":15,"tag":173,"props":2108,"children":2109},{"style":186},[2110],{"type":21,"value":27},{"type":15,"tag":173,"props":2112,"children":2113},{"style":180},[2114],{"type":21,"value":193},{"type":15,"tag":173,"props":2116,"children":2118},{"class":175,"line":2117},19,[2119],{"type":15,"tag":173,"props":2120,"children":2121},{"emptyLinePlaceholder":8},[2122],{"type":21,"value":403},{"type":15,"tag":173,"props":2124,"children":2126},{"class":175,"line":2125},20,[2127,2131,2135,2139,2143,2147,2151],{"type":15,"tag":173,"props":2128,"children":2129},{"style":180},[2130],{"type":21,"value":183},{"type":15,"tag":173,"props":2132,"children":2133},{"style":186},[2134],{"type":21,"value":416},{"type":15,"tag":173,"props":2136,"children":2137},{"style":209},[2138],{"type":21,"value":421},{"type":15,"tag":173,"props":2140,"children":2141},{"style":180},[2142],{"type":21,"value":217},{"type":15,"tag":173,"props":2144,"children":2145},{"style":220},[2146],{"type":21,"value":430},{"type":15,"tag":173,"props":2148,"children":2149},{"style":209},[2150],{"type":21,"value":435},{"type":15,"tag":173,"props":2152,"children":2153},{"style":180},[2154],{"type":21,"value":193},{"type":15,"tag":173,"props":2156,"children":2158},{"class":175,"line":2157},21,[2159,2163,2167,2171,2175,2179,2183],{"type":15,"tag":173,"props":2160,"children":2161},{"style":446},[2162],{"type":21,"value":449},{"type":15,"tag":173,"props":2164,"children":2165},{"style":180},[2166],{"type":21,"value":454},{"type":15,"tag":173,"props":2168,"children":2169},{"style":186},[2170],{"type":21,"value":459},{"type":15,"tag":173,"props":2172,"children":2173},{"style":180},[2174],{"type":21,"value":464},{"type":15,"tag":173,"props":2176,"children":2177},{"style":446},[2178],{"type":21,"value":469},{"type":15,"tag":173,"props":2180,"children":2181},{"style":220},[2182],{"type":21,"value":474},{"type":15,"tag":173,"props":2184,"children":2185},{"style":180},[2186],{"type":21,"value":479},{"type":15,"tag":173,"props":2188,"children":2190},{"class":175,"line":2189},22,[2191,2195,2199,2203,2207,2211,2215,2219,2223],{"type":15,"tag":173,"props":2192,"children":2193},{"style":446},[2194],{"type":21,"value":449},{"type":15,"tag":173,"props":2196,"children":2197},{"style":180},[2198],{"type":21,"value":454},{"type":15,"tag":173,"props":2200,"children":2201},{"style":186},[2202],{"type":21,"value":60},{"type":15,"tag":173,"props":2204,"children":2205},{"style":180},[2206],{"type":21,"value":1379},{"type":15,"tag":173,"props":2208,"children":2209},{"style":186},[2210],{"type":21,"value":953},{"type":15,"tag":173,"props":2212,"children":2213},{"style":180},[2214],{"type":21,"value":464},{"type":15,"tag":173,"props":2216,"children":2217},{"style":446},[2218],{"type":21,"value":469},{"type":15,"tag":173,"props":2220,"children":2221},{"style":220},[2222],{"type":21,"value":508},{"type":15,"tag":173,"props":2224,"children":2225},{"style":180},[2226],{"type":21,"value":479},{"type":15,"tag":173,"props":2228,"children":2230},{"class":175,"line":2229},23,[2231],{"type":15,"tag":173,"props":2232,"children":2233},{"emptyLinePlaceholder":8},[2234],{"type":21,"value":403},{"type":15,"tag":173,"props":2236,"children":2238},{"class":175,"line":2237},24,[2239,2243,2248,2252,2256],{"type":15,"tag":173,"props":2240,"children":2241},{"style":446},[2242],{"type":21,"value":529},{"type":15,"tag":173,"props":2244,"children":2245},{"style":532},[2246],{"type":21,"value":2247}," chipValues",{"type":15,"tag":173,"props":2249,"children":2250},{"style":538},[2251],{"type":21,"value":541},{"type":15,"tag":173,"props":2253,"children":2254},{"style":544},[2255],{"type":21,"value":547},{"type":15,"tag":173,"props":2257,"children":2258},{"style":180},[2259],{"type":21,"value":2260},"([\n",{"type":15,"tag":173,"props":2262,"children":2264},{"class":175,"line":2263},25,[2265,2270,2275,2280,2285,2289,2294,2298,2303],{"type":15,"tag":173,"props":2266,"children":2267},{"style":180},[2268],{"type":21,"value":2269}," { ",{"type":15,"tag":173,"props":2271,"children":2272},{"style":186},[2273],{"type":21,"value":2274},"label",{"type":15,"tag":173,"props":2276,"children":2277},{"style":180},[2278],{"type":21,"value":2279},": ",{"type":15,"tag":173,"props":2281,"children":2282},{"style":220},[2283],{"type":21,"value":2284},"'Red'",{"type":15,"tag":173,"props":2286,"children":2287},{"style":180},[2288],{"type":21,"value":1379},{"type":15,"tag":173,"props":2290,"children":2291},{"style":186},[2292],{"type":21,"value":2293},"value",{"type":15,"tag":173,"props":2295,"children":2296},{"style":180},[2297],{"type":21,"value":2279},{"type":15,"tag":173,"props":2299,"children":2300},{"style":220},[2301],{"type":21,"value":2302},"'red'",{"type":15,"tag":173,"props":2304,"children":2305},{"style":180},[2306],{"type":21,"value":2307}," },\n",{"type":15,"tag":173,"props":2309,"children":2311},{"class":175,"line":2310},26,[2312,2316,2320,2324,2329,2333,2337,2341,2346],{"type":15,"tag":173,"props":2313,"children":2314},{"style":180},[2315],{"type":21,"value":2269},{"type":15,"tag":173,"props":2317,"children":2318},{"style":186},[2319],{"type":21,"value":2274},{"type":15,"tag":173,"props":2321,"children":2322},{"style":180},[2323],{"type":21,"value":2279},{"type":15,"tag":173,"props":2325,"children":2326},{"style":220},[2327],{"type":21,"value":2328},"'Blue'",{"type":15,"tag":173,"props":2330,"children":2331},{"style":180},[2332],{"type":21,"value":1379},{"type":15,"tag":173,"props":2334,"children":2335},{"style":186},[2336],{"type":21,"value":2293},{"type":15,"tag":173,"props":2338,"children":2339},{"style":180},[2340],{"type":21,"value":2279},{"type":15,"tag":173,"props":2342,"children":2343},{"style":220},[2344],{"type":21,"value":2345},"'blue'",{"type":15,"tag":173,"props":2347,"children":2348},{"style":180},[2349],{"type":21,"value":2307},{"type":15,"tag":173,"props":2351,"children":2353},{"class":175,"line":2352},27,[2354,2358,2362,2366,2371,2375,2379,2383,2388],{"type":15,"tag":173,"props":2355,"children":2356},{"style":180},[2357],{"type":21,"value":2269},{"type":15,"tag":173,"props":2359,"children":2360},{"style":186},[2361],{"type":21,"value":2274},{"type":15,"tag":173,"props":2363,"children":2364},{"style":180},[2365],{"type":21,"value":2279},{"type":15,"tag":173,"props":2367,"children":2368},{"style":220},[2369],{"type":21,"value":2370},"'Gray'",{"type":15,"tag":173,"props":2372,"children":2373},{"style":180},[2374],{"type":21,"value":1379},{"type":15,"tag":173,"props":2376,"children":2377},{"style":186},[2378],{"type":21,"value":2293},{"type":15,"tag":173,"props":2380,"children":2381},{"style":180},[2382],{"type":21,"value":2279},{"type":15,"tag":173,"props":2384,"children":2385},{"style":220},[2386],{"type":21,"value":2387},"'gray'",{"type":15,"tag":173,"props":2389,"children":2390},{"style":180},[2391],{"type":21,"value":2307},{"type":15,"tag":173,"props":2393,"children":2395},{"class":175,"line":2394},28,[2396],{"type":15,"tag":173,"props":2397,"children":2398},{"style":180},[2399],{"type":21,"value":2400},"]);\n",{"type":15,"tag":173,"props":2402,"children":2404},{"class":175,"line":2403},29,[2405,2409,2413],{"type":15,"tag":173,"props":2406,"children":2407},{"style":180},[2408],{"type":21,"value":386},{"type":15,"tag":173,"props":2410,"children":2411},{"style":186},[2412],{"type":21,"value":416},{"type":15,"tag":173,"props":2414,"children":2415},{"style":180},[2416],{"type":21,"value":193},{"type":15,"tag":620,"props":2418,"children":2419},{},[2420],{"type":15,"tag":163,"props":2421,"children":2423},{"className":625,"code":2422,"language":627,"meta":9,"style":9},"import { SfChip, SfThumbnail } from '@storefront-ui\u002Freact';\nimport classNames from 'classnames';\n\nconst chipValues = [\n { label: 'Red', value: 'red' },\n { label: 'Blue', value: 'blue' },\n { label: 'Gray', value: 'gray' },\n];\n\nexport default function ChipList() {\n return (\n \u003Cul className=\"flex flex-wrap gap-4 sm:flex-row\">\n {chipValues.map(({ label, value }) => (\n \u003Cli key={value}>\n \u003CSfChip\n className=\"mr-2\"\n slotPrefix={\n \u003CSfThumbnail\n className={classNames({\n 'bg-red-500': value === 'red',\n 'bg-blue-500': value === 'blue',\n 'bg-gray-500': value === 'gray',\n })}\n \u002F>\n }\n >\n {label}\n \u003C\u002FSfChip>\n \u003C\u002Fli>\n ))}\n \u003C\u002Ful>\n );\n}\n",[2424],{"type":15,"tag":55,"props":2425,"children":2426},{"__ignoreMap":9},[2427,2466,2492,2499,2519,2558,2597,2636,2644,2651,2675,2686,2714,2768,2804,2816,2833,2850,2862,2888,2919,2948,2977,2989,2997,3005,3013,3029,3045,3060,3073,3089,3097],{"type":15,"tag":173,"props":2428,"children":2429},{"class":175,"line":176},[2430,2434,2438,2442,2446,2450,2454,2458,2462],{"type":15,"tag":173,"props":2431,"children":2432},{"style":446},[2433],{"type":21,"value":449},{"type":15,"tag":173,"props":2435,"children":2436},{"style":180},[2437],{"type":21,"value":454},{"type":15,"tag":173,"props":2439,"children":2440},{"style":186},[2441],{"type":21,"value":60},{"type":15,"tag":173,"props":2443,"children":2444},{"style":180},[2445],{"type":21,"value":1379},{"type":15,"tag":173,"props":2447,"children":2448},{"style":186},[2449],{"type":21,"value":953},{"type":15,"tag":173,"props":2451,"children":2452},{"style":180},[2453],{"type":21,"value":464},{"type":15,"tag":173,"props":2455,"children":2456},{"style":446},[2457],{"type":21,"value":469},{"type":15,"tag":173,"props":2459,"children":2460},{"style":220},[2461],{"type":21,"value":659},{"type":15,"tag":173,"props":2463,"children":2464},{"style":180},[2465],{"type":21,"value":479},{"type":15,"tag":173,"props":2467,"children":2468},{"class":175,"line":196},[2469,2473,2478,2483,2488],{"type":15,"tag":173,"props":2470,"children":2471},{"style":446},[2472],{"type":21,"value":449},{"type":15,"tag":173,"props":2474,"children":2475},{"style":186},[2476],{"type":21,"value":2477}," classNames",{"type":15,"tag":173,"props":2479,"children":2480},{"style":446},[2481],{"type":21,"value":2482}," from",{"type":15,"tag":173,"props":2484,"children":2485},{"style":220},[2486],{"type":21,"value":2487}," 'classnames'",{"type":15,"tag":173,"props":2489,"children":2490},{"style":180},[2491],{"type":21,"value":479},{"type":15,"tag":173,"props":2493,"children":2494},{"class":175,"line":267},[2495],{"type":15,"tag":173,"props":2496,"children":2497},{"emptyLinePlaceholder":8},[2498],{"type":21,"value":403},{"type":15,"tag":173,"props":2500,"children":2501},{"class":175,"line":330},[2502,2506,2510,2514],{"type":15,"tag":173,"props":2503,"children":2504},{"style":446},[2505],{"type":21,"value":529},{"type":15,"tag":173,"props":2507,"children":2508},{"style":532},[2509],{"type":21,"value":2247},{"type":15,"tag":173,"props":2511,"children":2512},{"style":538},[2513],{"type":21,"value":541},{"type":15,"tag":173,"props":2515,"children":2516},{"style":180},[2517],{"type":21,"value":2518}," [\n",{"type":15,"tag":173,"props":2520,"children":2521},{"class":175,"line":380},[2522,2526,2530,2534,2538,2542,2546,2550,2554],{"type":15,"tag":173,"props":2523,"children":2524},{"style":180},[2525],{"type":21,"value":2269},{"type":15,"tag":173,"props":2527,"children":2528},{"style":186},[2529],{"type":21,"value":2274},{"type":15,"tag":173,"props":2531,"children":2532},{"style":180},[2533],{"type":21,"value":2279},{"type":15,"tag":173,"props":2535,"children":2536},{"style":220},[2537],{"type":21,"value":2284},{"type":15,"tag":173,"props":2539,"children":2540},{"style":180},[2541],{"type":21,"value":1379},{"type":15,"tag":173,"props":2543,"children":2544},{"style":186},[2545],{"type":21,"value":2293},{"type":15,"tag":173,"props":2547,"children":2548},{"style":180},[2549],{"type":21,"value":2279},{"type":15,"tag":173,"props":2551,"children":2552},{"style":220},[2553],{"type":21,"value":2302},{"type":15,"tag":173,"props":2555,"children":2556},{"style":180},[2557],{"type":21,"value":2307},{"type":15,"tag":173,"props":2559,"children":2560},{"class":175,"line":397},[2561,2565,2569,2573,2577,2581,2585,2589,2593],{"type":15,"tag":173,"props":2562,"children":2563},{"style":180},[2564],{"type":21,"value":2269},{"type":15,"tag":173,"props":2566,"children":2567},{"style":186},[2568],{"type":21,"value":2274},{"type":15,"tag":173,"props":2570,"children":2571},{"style":180},[2572],{"type":21,"value":2279},{"type":15,"tag":173,"props":2574,"children":2575},{"style":220},[2576],{"type":21,"value":2328},{"type":15,"tag":173,"props":2578,"children":2579},{"style":180},[2580],{"type":21,"value":1379},{"type":15,"tag":173,"props":2582,"children":2583},{"style":186},[2584],{"type":21,"value":2293},{"type":15,"tag":173,"props":2586,"children":2587},{"style":180},[2588],{"type":21,"value":2279},{"type":15,"tag":173,"props":2590,"children":2591},{"style":220},[2592],{"type":21,"value":2345},{"type":15,"tag":173,"props":2594,"children":2595},{"style":180},[2596],{"type":21,"value":2307},{"type":15,"tag":173,"props":2598,"children":2599},{"class":175,"line":406},[2600,2604,2608,2612,2616,2620,2624,2628,2632],{"type":15,"tag":173,"props":2601,"children":2602},{"style":180},[2603],{"type":21,"value":2269},{"type":15,"tag":173,"props":2605,"children":2606},{"style":186},[2607],{"type":21,"value":2274},{"type":15,"tag":173,"props":2609,"children":2610},{"style":180},[2611],{"type":21,"value":2279},{"type":15,"tag":173,"props":2613,"children":2614},{"style":220},[2615],{"type":21,"value":2370},{"type":15,"tag":173,"props":2617,"children":2618},{"style":180},[2619],{"type":21,"value":1379},{"type":15,"tag":173,"props":2621,"children":2622},{"style":186},[2623],{"type":21,"value":2293},{"type":15,"tag":173,"props":2625,"children":2626},{"style":180},[2627],{"type":21,"value":2279},{"type":15,"tag":173,"props":2629,"children":2630},{"style":220},[2631],{"type":21,"value":2387},{"type":15,"tag":173,"props":2633,"children":2634},{"style":180},[2635],{"type":21,"value":2307},{"type":15,"tag":173,"props":2637,"children":2638},{"class":175,"line":442},[2639],{"type":15,"tag":173,"props":2640,"children":2641},{"style":180},[2642],{"type":21,"value":2643},"];\n",{"type":15,"tag":173,"props":2645,"children":2646},{"class":175,"line":482},[2647],{"type":15,"tag":173,"props":2648,"children":2649},{"emptyLinePlaceholder":8},[2650],{"type":21,"value":403},{"type":15,"tag":173,"props":2652,"children":2653},{"class":175,"line":515},[2654,2658,2662,2666,2671],{"type":15,"tag":173,"props":2655,"children":2656},{"style":446},[2657],{"type":21,"value":678},{"type":15,"tag":173,"props":2659,"children":2660},{"style":446},[2661],{"type":21,"value":683},{"type":15,"tag":173,"props":2663,"children":2664},{"style":446},[2665],{"type":21,"value":688},{"type":15,"tag":173,"props":2667,"children":2668},{"style":544},[2669],{"type":21,"value":2670}," ChipList",{"type":15,"tag":173,"props":2672,"children":2673},{"style":180},[2674],{"type":21,"value":698},{"type":15,"tag":173,"props":2676,"children":2677},{"class":175,"line":523},[2678,2682],{"type":15,"tag":173,"props":2679,"children":2680},{"style":446},[2681],{"type":21,"value":706},{"type":15,"tag":173,"props":2683,"children":2684},{"style":180},[2685],{"type":21,"value":711},{"type":15,"tag":173,"props":2687,"children":2688},{"class":175,"line":555},[2689,2693,2697,2701,2705,2710],{"type":15,"tag":173,"props":2690,"children":2691},{"style":180},[2692],{"type":21,"value":719},{"type":15,"tag":173,"props":2694,"children":2695},{"style":186},[2696],{"type":21,"value":1846},{"type":15,"tag":173,"props":2698,"children":2699},{"style":743},[2700],{"type":21,"value":758},{"type":15,"tag":173,"props":2702,"children":2703},{"style":538},[2704],{"type":21,"value":217},{"type":15,"tag":173,"props":2706,"children":2707},{"style":220},[2708],{"type":21,"value":2709},"\"flex flex-wrap gap-4 sm:flex-row\"",{"type":15,"tag":173,"props":2711,"children":2712},{"style":180},[2713],{"type":21,"value":193},{"type":15,"tag":173,"props":2715,"children":2716},{"class":175,"line":580},[2717,2722,2727,2731,2736,2741,2746,2750,2754,2759,2764],{"type":15,"tag":173,"props":2718,"children":2719},{"style":446},[2720],{"type":21,"value":2721}," {",{"type":15,"tag":173,"props":2723,"children":2724},{"style":532},[2725],{"type":21,"value":2726},"chipValues",{"type":15,"tag":173,"props":2728,"children":2729},{"style":180},[2730],{"type":21,"value":152},{"type":15,"tag":173,"props":2732,"children":2733},{"style":544},[2734],{"type":21,"value":2735},"map",{"type":15,"tag":173,"props":2737,"children":2738},{"style":180},[2739],{"type":21,"value":2740},"(({ ",{"type":15,"tag":173,"props":2742,"children":2744},{"style":2743},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[2745],{"type":21,"value":2274},{"type":15,"tag":173,"props":2747,"children":2748},{"style":180},[2749],{"type":21,"value":1379},{"type":15,"tag":173,"props":2751,"children":2752},{"style":2743},[2753],{"type":21,"value":2293},{"type":15,"tag":173,"props":2755,"children":2756},{"style":180},[2757],{"type":21,"value":2758}," }) ",{"type":15,"tag":173,"props":2760,"children":2761},{"style":446},[2762],{"type":21,"value":2763},"=>",{"type":15,"tag":173,"props":2765,"children":2766},{"style":180},[2767],{"type":21,"value":711},{"type":15,"tag":173,"props":2769,"children":2770},{"class":175,"line":605},[2771,2775,2779,2784,2788,2792,2796,2800],{"type":15,"tag":173,"props":2772,"children":2773},{"style":180},[2774],{"type":21,"value":1944},{"type":15,"tag":173,"props":2776,"children":2777},{"style":186},[2778],{"type":21,"value":1875},{"type":15,"tag":173,"props":2780,"children":2781},{"style":743},[2782],{"type":21,"value":2783}," key",{"type":15,"tag":173,"props":2785,"children":2786},{"style":538},[2787],{"type":21,"value":217},{"type":15,"tag":173,"props":2789,"children":2790},{"style":446},[2791],{"type":21,"value":1620},{"type":15,"tag":173,"props":2793,"children":2794},{"style":186},[2795],{"type":21,"value":2293},{"type":15,"tag":173,"props":2797,"children":2798},{"style":446},[2799],{"type":21,"value":1662},{"type":15,"tag":173,"props":2801,"children":2802},{"style":180},[2803],{"type":21,"value":193},{"type":15,"tag":173,"props":2805,"children":2806},{"class":175,"line":907},[2807,2811],{"type":15,"tag":173,"props":2808,"children":2809},{"style":180},[2810],{"type":21,"value":1968},{"type":15,"tag":173,"props":2812,"children":2813},{"style":532},[2814],{"type":21,"value":2815},"SfChip\n",{"type":15,"tag":173,"props":2817,"children":2818},{"class":175,"line":1409},[2819,2824,2828],{"type":15,"tag":173,"props":2820,"children":2821},{"style":743},[2822],{"type":21,"value":2823}," className",{"type":15,"tag":173,"props":2825,"children":2826},{"style":538},[2827],{"type":21,"value":217},{"type":15,"tag":173,"props":2829,"children":2830},{"style":220},[2831],{"type":21,"value":2832},"\"mr-2\"\n",{"type":15,"tag":173,"props":2834,"children":2835},{"class":175,"line":1434},[2836,2841,2845],{"type":15,"tag":173,"props":2837,"children":2838},{"style":743},[2839],{"type":21,"value":2840}," slotPrefix",{"type":15,"tag":173,"props":2842,"children":2843},{"style":538},[2844],{"type":21,"value":217},{"type":15,"tag":173,"props":2846,"children":2847},{"style":446},[2848],{"type":21,"value":2849},"{\n",{"type":15,"tag":173,"props":2851,"children":2852},{"class":175,"line":1459},[2853,2858],{"type":15,"tag":173,"props":2854,"children":2855},{"style":180},[2856],{"type":21,"value":2857}," \u003C",{"type":15,"tag":173,"props":2859,"children":2860},{"style":532},[2861],{"type":21,"value":1973},{"type":15,"tag":173,"props":2863,"children":2864},{"class":175,"line":2117},[2865,2870,2874,2878,2883],{"type":15,"tag":173,"props":2866,"children":2867},{"style":743},[2868],{"type":21,"value":2869}," className",{"type":15,"tag":173,"props":2871,"children":2872},{"style":538},[2873],{"type":21,"value":217},{"type":15,"tag":173,"props":2875,"children":2876},{"style":446},[2877],{"type":21,"value":1620},{"type":15,"tag":173,"props":2879,"children":2880},{"style":544},[2881],{"type":21,"value":2882},"classNames",{"type":15,"tag":173,"props":2884,"children":2885},{"style":180},[2886],{"type":21,"value":2887},"({\n",{"type":15,"tag":173,"props":2889,"children":2890},{"class":175,"line":2125},[2891,2896,2900,2904,2909,2914],{"type":15,"tag":173,"props":2892,"children":2893},{"style":220},[2894],{"type":21,"value":2895}," 'bg-red-500'",{"type":15,"tag":173,"props":2897,"children":2898},{"style":180},[2899],{"type":21,"value":2279},{"type":15,"tag":173,"props":2901,"children":2902},{"style":186},[2903],{"type":21,"value":2293},{"type":15,"tag":173,"props":2905,"children":2906},{"style":538},[2907],{"type":21,"value":2908}," ===",{"type":15,"tag":173,"props":2910,"children":2911},{"style":220},[2912],{"type":21,"value":2913}," 'red'",{"type":15,"tag":173,"props":2915,"children":2916},{"style":180},[2917],{"type":21,"value":2918},",\n",{"type":15,"tag":173,"props":2920,"children":2921},{"class":175,"line":2157},[2922,2927,2931,2935,2939,2944],{"type":15,"tag":173,"props":2923,"children":2924},{"style":220},[2925],{"type":21,"value":2926}," 'bg-blue-500'",{"type":15,"tag":173,"props":2928,"children":2929},{"style":180},[2930],{"type":21,"value":2279},{"type":15,"tag":173,"props":2932,"children":2933},{"style":186},[2934],{"type":21,"value":2293},{"type":15,"tag":173,"props":2936,"children":2937},{"style":538},[2938],{"type":21,"value":2908},{"type":15,"tag":173,"props":2940,"children":2941},{"style":220},[2942],{"type":21,"value":2943}," 'blue'",{"type":15,"tag":173,"props":2945,"children":2946},{"style":180},[2947],{"type":21,"value":2918},{"type":15,"tag":173,"props":2949,"children":2950},{"class":175,"line":2189},[2951,2956,2960,2964,2968,2973],{"type":15,"tag":173,"props":2952,"children":2953},{"style":220},[2954],{"type":21,"value":2955}," 'bg-gray-500'",{"type":15,"tag":173,"props":2957,"children":2958},{"style":180},[2959],{"type":21,"value":2279},{"type":15,"tag":173,"props":2961,"children":2962},{"style":186},[2963],{"type":21,"value":2293},{"type":15,"tag":173,"props":2965,"children":2966},{"style":538},[2967],{"type":21,"value":2908},{"type":15,"tag":173,"props":2969,"children":2970},{"style":220},[2971],{"type":21,"value":2972}," 'gray'",{"type":15,"tag":173,"props":2974,"children":2975},{"style":180},[2976],{"type":21,"value":2918},{"type":15,"tag":173,"props":2978,"children":2979},{"class":175,"line":2229},[2980,2985],{"type":15,"tag":173,"props":2981,"children":2982},{"style":180},[2983],{"type":21,"value":2984}," })",{"type":15,"tag":173,"props":2986,"children":2987},{"style":446},[2988],{"type":21,"value":913},{"type":15,"tag":173,"props":2990,"children":2991},{"class":175,"line":2237},[2992],{"type":15,"tag":173,"props":2993,"children":2994},{"style":180},[2995],{"type":21,"value":2996}," \u002F>\n",{"type":15,"tag":173,"props":2998,"children":2999},{"class":175,"line":2263},[3000],{"type":15,"tag":173,"props":3001,"children":3002},{"style":446},[3003],{"type":21,"value":3004}," }\n",{"type":15,"tag":173,"props":3006,"children":3007},{"class":175,"line":2310},[3008],{"type":15,"tag":173,"props":3009,"children":3010},{"style":180},[3011],{"type":21,"value":3012}," >\n",{"type":15,"tag":173,"props":3014,"children":3015},{"class":175,"line":2352},[3016,3021,3025],{"type":15,"tag":173,"props":3017,"children":3018},{"style":446},[3019],{"type":21,"value":3020}," {",{"type":15,"tag":173,"props":3022,"children":3023},{"style":186},[3024],{"type":21,"value":2274},{"type":15,"tag":173,"props":3026,"children":3027},{"style":446},[3028],{"type":21,"value":913},{"type":15,"tag":173,"props":3030,"children":3031},{"class":175,"line":2394},[3032,3037,3041],{"type":15,"tag":173,"props":3033,"children":3034},{"style":180},[3035],{"type":21,"value":3036}," \u003C\u002F",{"type":15,"tag":173,"props":3038,"children":3039},{"style":532},[3040],{"type":21,"value":60},{"type":15,"tag":173,"props":3042,"children":3043},{"style":180},[3044],{"type":21,"value":193},{"type":15,"tag":173,"props":3046,"children":3047},{"class":175,"line":2403},[3048,3052,3056],{"type":15,"tag":173,"props":3049,"children":3050},{"style":180},[3051],{"type":21,"value":2038},{"type":15,"tag":173,"props":3053,"children":3054},{"style":186},[3055],{"type":21,"value":1875},{"type":15,"tag":173,"props":3057,"children":3058},{"style":180},[3059],{"type":21,"value":193},{"type":15,"tag":173,"props":3061,"children":3063},{"class":175,"line":3062},30,[3064,3069],{"type":15,"tag":173,"props":3065,"children":3066},{"style":180},[3067],{"type":21,"value":3068}," ))",{"type":15,"tag":173,"props":3070,"children":3071},{"style":446},[3072],{"type":21,"value":913},{"type":15,"tag":173,"props":3074,"children":3076},{"class":175,"line":3075},31,[3077,3081,3085],{"type":15,"tag":173,"props":3078,"children":3079},{"style":180},[3080],{"type":21,"value":888},{"type":15,"tag":173,"props":3082,"children":3083},{"style":186},[3084],{"type":21,"value":1846},{"type":15,"tag":173,"props":3086,"children":3087},{"style":180},[3088],{"type":21,"value":193},{"type":15,"tag":173,"props":3090,"children":3092},{"class":175,"line":3091},32,[3093],{"type":15,"tag":173,"props":3094,"children":3095},{"style":180},[3096],{"type":21,"value":904},{"type":15,"tag":173,"props":3098,"children":3100},{"class":175,"line":3099},33,[3101],{"type":15,"tag":173,"props":3102,"children":3103},{"style":180},[3104],{"type":21,"value":913},{"type":15,"tag":106,"props":3106,"children":3108},{"id":3107},"deletable-behaviour",[3109],{"type":21,"value":3110},"Deletable behaviour",{"type":15,"tag":31,"props":3112,"children":3113},{},[3114,3116,3121],{"type":21,"value":3115},"By adding listeners for change events, we can make ",{"type":15,"tag":55,"props":3117,"children":3119},{"className":3118},[],[3120],{"type":21,"value":60},{"type":21,"value":3122}," act as a deletable item. All chips are active by default, and then, when a chip is clicked, we can remove it by its index in the array.",{"type":15,"tag":154,"props":3124,"children":3126},{"showcase-name":3125},"Chip\u002FDeletable",[3127,3940],{"type":15,"tag":159,"props":3128,"children":3129},{},[3130],{"type":15,"tag":163,"props":3131,"children":3133},{"className":165,"code":3132,"language":167,"meta":9,"style":9},"\u003Ctemplate>\n \u003Cul class=\"flex flex-wrap gap-4 sm:flex-row\">\n \u003Cli v-for=\"(item, index) in chipValues\" :key=\"item.value\">\n \u003CSfChip\n :input-props=\"{ value: item.value }\"\n @update:model-value=\"handleChipRemove(index)\"\n v-model=\"selectedValues\"\n >\n \u003Ctemplate #prefix>\u003CSfThumbnail :class=\"`bg-${item.value}-500`\" \u002F>\u003C\u002Ftemplate>\n {{ item.label }}\n \u003Ctemplate #suffix>\n \u003CSfIconCloseSm class=\"text-neutral-500 hover:text-primary-800 active:text-primary-900 disabled:opacity-20\" \u002F>\n \u003C\u002Ftemplate>\n \u003C\u002FSfChip>\n \u003C\u002Fli>\n \u003C\u002Ful>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport { SfChip, SfIconCloseSm, SfThumbnail } from '@storefront-ui\u002Fvue';\n\nconst chipValues = ref([\n { label: 'Red', value: 'red' },\n { label: 'Blue', value: 'blue' },\n { label: 'Gray', value: 'gray' },\n]);\nconst selectedValues = chipValues.value.map((item) => item.value);\nconst handleChipRemove = (index: number) => {\n chipValues.value.splice(index, 1);\n};\n\u003C\u002Fscript>\n\n",[3134],{"type":15,"tag":55,"props":3135,"children":3136},{"__ignoreMap":9},[3137,3152,3179,3220,3231,3248,3265,3282,3290,3343,3351,3374,3404,3419,3434,3449,3464,3479,3486,3517,3548,3595,3602,3625,3664,3703,3742,3749,3822,3870,3917,3925],{"type":15,"tag":173,"props":3138,"children":3139},{"class":175,"line":176},[3140,3144,3148],{"type":15,"tag":173,"props":3141,"children":3142},{"style":180},[3143],{"type":21,"value":183},{"type":15,"tag":173,"props":3145,"children":3146},{"style":186},[3147],{"type":21,"value":27},{"type":15,"tag":173,"props":3149,"children":3150},{"style":180},[3151],{"type":21,"value":193},{"type":15,"tag":173,"props":3153,"children":3154},{"class":175,"line":196},[3155,3159,3163,3167,3171,3175],{"type":15,"tag":173,"props":3156,"children":3157},{"style":180},[3158],{"type":21,"value":202},{"type":15,"tag":173,"props":3160,"children":3161},{"style":186},[3162],{"type":21,"value":1846},{"type":15,"tag":173,"props":3164,"children":3165},{"style":209},[3166],{"type":21,"value":228},{"type":15,"tag":173,"props":3168,"children":3169},{"style":180},[3170],{"type":21,"value":217},{"type":15,"tag":173,"props":3172,"children":3173},{"style":220},[3174],{"type":21,"value":2709},{"type":15,"tag":173,"props":3176,"children":3177},{"style":180},[3178],{"type":21,"value":193},{"type":15,"tag":173,"props":3180,"children":3181},{"class":175,"line":267},[3182,3186,3190,3194,3198,3203,3207,3211,3216],{"type":15,"tag":173,"props":3183,"children":3184},{"style":180},[3185],{"type":21,"value":719},{"type":15,"tag":173,"props":3187,"children":3188},{"style":186},[3189],{"type":21,"value":1875},{"type":15,"tag":173,"props":3191,"children":3192},{"style":209},[3193],{"type":21,"value":1880},{"type":15,"tag":173,"props":3195,"children":3196},{"style":180},[3197],{"type":21,"value":217},{"type":15,"tag":173,"props":3199,"children":3200},{"style":220},[3201],{"type":21,"value":3202},"\"(item, index) in chipValues\"",{"type":15,"tag":173,"props":3204,"children":3205},{"style":209},[3206],{"type":21,"value":1894},{"type":15,"tag":173,"props":3208,"children":3209},{"style":180},[3210],{"type":21,"value":217},{"type":15,"tag":173,"props":3212,"children":3213},{"style":220},[3214],{"type":21,"value":3215},"\"item.value\"",{"type":15,"tag":173,"props":3217,"children":3218},{"style":180},[3219],{"type":21,"value":193},{"type":15,"tag":173,"props":3221,"children":3222},{"class":175,"line":330},[3223,3227],{"type":15,"tag":173,"props":3224,"children":3225},{"style":180},[3226],{"type":21,"value":736},{"type":15,"tag":173,"props":3228,"children":3229},{"style":186},[3230],{"type":21,"value":2815},{"type":15,"tag":173,"props":3232,"children":3233},{"class":175,"line":380},[3234,3239,3243],{"type":15,"tag":173,"props":3235,"children":3236},{"style":209},[3237],{"type":21,"value":3238}," :input-props",{"type":15,"tag":173,"props":3240,"children":3241},{"style":180},[3242],{"type":21,"value":217},{"type":15,"tag":173,"props":3244,"children":3245},{"style":220},[3246],{"type":21,"value":3247},"\"{ value: item.value }\"\n",{"type":15,"tag":173,"props":3249,"children":3250},{"class":175,"line":397},[3251,3256,3260],{"type":15,"tag":173,"props":3252,"children":3253},{"style":209},[3254],{"type":21,"value":3255}," @update:model-value",{"type":15,"tag":173,"props":3257,"children":3258},{"style":180},[3259],{"type":21,"value":217},{"type":15,"tag":173,"props":3261,"children":3262},{"style":220},[3263],{"type":21,"value":3264},"\"handleChipRemove(index)\"\n",{"type":15,"tag":173,"props":3266,"children":3267},{"class":175,"line":406},[3268,3273,3277],{"type":15,"tag":173,"props":3269,"children":3270},{"style":209},[3271],{"type":21,"value":3272}," v-model",{"type":15,"tag":173,"props":3274,"children":3275},{"style":180},[3276],{"type":21,"value":217},{"type":15,"tag":173,"props":3278,"children":3279},{"style":220},[3280],{"type":21,"value":3281},"\"selectedValues\"\n",{"type":15,"tag":173,"props":3283,"children":3284},{"class":175,"line":442},[3285],{"type":15,"tag":173,"props":3286,"children":3287},{"style":180},[3288],{"type":21,"value":3289}," >\n",{"type":15,"tag":173,"props":3291,"children":3292},{"class":175,"line":482},[3293,3297,3301,3305,3309,3313,3317,3322,3326,3331,3335,3339],{"type":15,"tag":173,"props":3294,"children":3295},{"style":180},[3296],{"type":21,"value":1944},{"type":15,"tag":173,"props":3298,"children":3299},{"style":186},[3300],{"type":21,"value":27},{"type":15,"tag":173,"props":3302,"children":3303},{"style":180},[3304],{"type":21,"value":1085},{"type":15,"tag":173,"props":3306,"children":3307},{"style":209},[3308],{"type":21,"value":938},{"type":15,"tag":173,"props":3310,"children":3311},{"style":180},[3312],{"type":21,"value":1094},{"type":15,"tag":173,"props":3314,"children":3315},{"style":186},[3316],{"type":21,"value":953},{"type":15,"tag":173,"props":3318,"children":3319},{"style":209},[3320],{"type":21,"value":3321}," :class",{"type":15,"tag":173,"props":3323,"children":3324},{"style":180},[3325],{"type":21,"value":217},{"type":15,"tag":173,"props":3327,"children":3328},{"style":220},[3329],{"type":21,"value":3330},"\"`bg-${item.value}-500`\"",{"type":15,"tag":173,"props":3332,"children":3333},{"style":180},[3334],{"type":21,"value":1128},{"type":15,"tag":173,"props":3336,"children":3337},{"style":186},[3338],{"type":21,"value":27},{"type":15,"tag":173,"props":3340,"children":3341},{"style":180},[3342],{"type":21,"value":193},{"type":15,"tag":173,"props":3344,"children":3345},{"class":175,"line":515},[3346],{"type":15,"tag":173,"props":3347,"children":3348},{"style":180},[3349],{"type":21,"value":3350}," {{ item.label }}\n",{"type":15,"tag":173,"props":3352,"children":3353},{"class":175,"line":523},[3354,3358,3362,3366,3370],{"type":15,"tag":173,"props":3355,"children":3356},{"style":180},[3357],{"type":21,"value":1944},{"type":15,"tag":173,"props":3359,"children":3360},{"style":186},[3361],{"type":21,"value":27},{"type":15,"tag":173,"props":3363,"children":3364},{"style":180},[3365],{"type":21,"value":1085},{"type":15,"tag":173,"props":3367,"children":3368},{"style":209},[3369],{"type":21,"value":945},{"type":15,"tag":173,"props":3371,"children":3372},{"style":180},[3373],{"type":21,"value":193},{"type":15,"tag":173,"props":3375,"children":3376},{"class":175,"line":555},[3377,3381,3386,3390,3394,3399],{"type":15,"tag":173,"props":3378,"children":3379},{"style":180},[3380],{"type":21,"value":1968},{"type":15,"tag":173,"props":3382,"children":3383},{"style":186},[3384],{"type":21,"value":3385},"SfIconCloseSm",{"type":15,"tag":173,"props":3387,"children":3388},{"style":209},[3389],{"type":21,"value":228},{"type":15,"tag":173,"props":3391,"children":3392},{"style":180},[3393],{"type":21,"value":217},{"type":15,"tag":173,"props":3395,"children":3396},{"style":220},[3397],{"type":21,"value":3398},"\"text-neutral-500 hover:text-primary-800 active:text-primary-900 disabled:opacity-20\"",{"type":15,"tag":173,"props":3400,"children":3401},{"style":180},[3402],{"type":21,"value":3403}," \u002F>\n",{"type":15,"tag":173,"props":3405,"children":3406},{"class":175,"line":580},[3407,3411,3415],{"type":15,"tag":173,"props":3408,"children":3409},{"style":180},[3410],{"type":21,"value":2038},{"type":15,"tag":173,"props":3412,"children":3413},{"style":186},[3414],{"type":21,"value":27},{"type":15,"tag":173,"props":3416,"children":3417},{"style":180},[3418],{"type":21,"value":193},{"type":15,"tag":173,"props":3420,"children":3421},{"class":175,"line":605},[3422,3426,3430],{"type":15,"tag":173,"props":3423,"children":3424},{"style":180},[3425],{"type":21,"value":786},{"type":15,"tag":173,"props":3427,"children":3428},{"style":186},[3429],{"type":21,"value":60},{"type":15,"tag":173,"props":3431,"children":3432},{"style":180},[3433],{"type":21,"value":193},{"type":15,"tag":173,"props":3435,"children":3436},{"class":175,"line":907},[3437,3441,3445],{"type":15,"tag":173,"props":3438,"children":3439},{"style":180},[3440],{"type":21,"value":888},{"type":15,"tag":173,"props":3442,"children":3443},{"style":186},[3444],{"type":21,"value":1875},{"type":15,"tag":173,"props":3446,"children":3447},{"style":180},[3448],{"type":21,"value":193},{"type":15,"tag":173,"props":3450,"children":3451},{"class":175,"line":1409},[3452,3456,3460],{"type":15,"tag":173,"props":3453,"children":3454},{"style":180},[3455],{"type":21,"value":1152},{"type":15,"tag":173,"props":3457,"children":3458},{"style":186},[3459],{"type":21,"value":1846},{"type":15,"tag":173,"props":3461,"children":3462},{"style":180},[3463],{"type":21,"value":193},{"type":15,"tag":173,"props":3465,"children":3466},{"class":175,"line":1434},[3467,3471,3475],{"type":15,"tag":173,"props":3468,"children":3469},{"style":180},[3470],{"type":21,"value":386},{"type":15,"tag":173,"props":3472,"children":3473},{"style":186},[3474],{"type":21,"value":27},{"type":15,"tag":173,"props":3476,"children":3477},{"style":180},[3478],{"type":21,"value":193},{"type":15,"tag":173,"props":3480,"children":3481},{"class":175,"line":1459},[3482],{"type":15,"tag":173,"props":3483,"children":3484},{"emptyLinePlaceholder":8},[3485],{"type":21,"value":403},{"type":15,"tag":173,"props":3487,"children":3488},{"class":175,"line":2117},[3489,3493,3497,3501,3505,3509,3513],{"type":15,"tag":173,"props":3490,"children":3491},{"style":180},[3492],{"type":21,"value":183},{"type":15,"tag":173,"props":3494,"children":3495},{"style":186},[3496],{"type":21,"value":416},{"type":15,"tag":173,"props":3498,"children":3499},{"style":209},[3500],{"type":21,"value":421},{"type":15,"tag":173,"props":3502,"children":3503},{"style":180},[3504],{"type":21,"value":217},{"type":15,"tag":173,"props":3506,"children":3507},{"style":220},[3508],{"type":21,"value":430},{"type":15,"tag":173,"props":3510,"children":3511},{"style":209},[3512],{"type":21,"value":435},{"type":15,"tag":173,"props":3514,"children":3515},{"style":180},[3516],{"type":21,"value":193},{"type":15,"tag":173,"props":3518,"children":3519},{"class":175,"line":2125},[3520,3524,3528,3532,3536,3540,3544],{"type":15,"tag":173,"props":3521,"children":3522},{"style":446},[3523],{"type":21,"value":449},{"type":15,"tag":173,"props":3525,"children":3526},{"style":180},[3527],{"type":21,"value":454},{"type":15,"tag":173,"props":3529,"children":3530},{"style":186},[3531],{"type":21,"value":459},{"type":15,"tag":173,"props":3533,"children":3534},{"style":180},[3535],{"type":21,"value":464},{"type":15,"tag":173,"props":3537,"children":3538},{"style":446},[3539],{"type":21,"value":469},{"type":15,"tag":173,"props":3541,"children":3542},{"style":220},[3543],{"type":21,"value":474},{"type":15,"tag":173,"props":3545,"children":3546},{"style":180},[3547],{"type":21,"value":479},{"type":15,"tag":173,"props":3549,"children":3550},{"class":175,"line":2157},[3551,3555,3559,3563,3567,3571,3575,3579,3583,3587,3591],{"type":15,"tag":173,"props":3552,"children":3553},{"style":446},[3554],{"type":21,"value":449},{"type":15,"tag":173,"props":3556,"children":3557},{"style":180},[3558],{"type":21,"value":454},{"type":15,"tag":173,"props":3560,"children":3561},{"style":186},[3562],{"type":21,"value":60},{"type":15,"tag":173,"props":3564,"children":3565},{"style":180},[3566],{"type":21,"value":1379},{"type":15,"tag":173,"props":3568,"children":3569},{"style":186},[3570],{"type":21,"value":3385},{"type":15,"tag":173,"props":3572,"children":3573},{"style":180},[3574],{"type":21,"value":1379},{"type":15,"tag":173,"props":3576,"children":3577},{"style":186},[3578],{"type":21,"value":953},{"type":15,"tag":173,"props":3580,"children":3581},{"style":180},[3582],{"type":21,"value":464},{"type":15,"tag":173,"props":3584,"children":3585},{"style":446},[3586],{"type":21,"value":469},{"type":15,"tag":173,"props":3588,"children":3589},{"style":220},[3590],{"type":21,"value":508},{"type":15,"tag":173,"props":3592,"children":3593},{"style":180},[3594],{"type":21,"value":479},{"type":15,"tag":173,"props":3596,"children":3597},{"class":175,"line":2189},[3598],{"type":15,"tag":173,"props":3599,"children":3600},{"emptyLinePlaceholder":8},[3601],{"type":21,"value":403},{"type":15,"tag":173,"props":3603,"children":3604},{"class":175,"line":2229},[3605,3609,3613,3617,3621],{"type":15,"tag":173,"props":3606,"children":3607},{"style":446},[3608],{"type":21,"value":529},{"type":15,"tag":173,"props":3610,"children":3611},{"style":532},[3612],{"type":21,"value":2247},{"type":15,"tag":173,"props":3614,"children":3615},{"style":538},[3616],{"type":21,"value":541},{"type":15,"tag":173,"props":3618,"children":3619},{"style":544},[3620],{"type":21,"value":547},{"type":15,"tag":173,"props":3622,"children":3623},{"style":180},[3624],{"type":21,"value":2260},{"type":15,"tag":173,"props":3626,"children":3627},{"class":175,"line":2237},[3628,3632,3636,3640,3644,3648,3652,3656,3660],{"type":15,"tag":173,"props":3629,"children":3630},{"style":180},[3631],{"type":21,"value":2269},{"type":15,"tag":173,"props":3633,"children":3634},{"style":186},[3635],{"type":21,"value":2274},{"type":15,"tag":173,"props":3637,"children":3638},{"style":180},[3639],{"type":21,"value":2279},{"type":15,"tag":173,"props":3641,"children":3642},{"style":220},[3643],{"type":21,"value":2284},{"type":15,"tag":173,"props":3645,"children":3646},{"style":180},[3647],{"type":21,"value":1379},{"type":15,"tag":173,"props":3649,"children":3650},{"style":186},[3651],{"type":21,"value":2293},{"type":15,"tag":173,"props":3653,"children":3654},{"style":180},[3655],{"type":21,"value":2279},{"type":15,"tag":173,"props":3657,"children":3658},{"style":220},[3659],{"type":21,"value":2302},{"type":15,"tag":173,"props":3661,"children":3662},{"style":180},[3663],{"type":21,"value":2307},{"type":15,"tag":173,"props":3665,"children":3666},{"class":175,"line":2263},[3667,3671,3675,3679,3683,3687,3691,3695,3699],{"type":15,"tag":173,"props":3668,"children":3669},{"style":180},[3670],{"type":21,"value":2269},{"type":15,"tag":173,"props":3672,"children":3673},{"style":186},[3674],{"type":21,"value":2274},{"type":15,"tag":173,"props":3676,"children":3677},{"style":180},[3678],{"type":21,"value":2279},{"type":15,"tag":173,"props":3680,"children":3681},{"style":220},[3682],{"type":21,"value":2328},{"type":15,"tag":173,"props":3684,"children":3685},{"style":180},[3686],{"type":21,"value":1379},{"type":15,"tag":173,"props":3688,"children":3689},{"style":186},[3690],{"type":21,"value":2293},{"type":15,"tag":173,"props":3692,"children":3693},{"style":180},[3694],{"type":21,"value":2279},{"type":15,"tag":173,"props":3696,"children":3697},{"style":220},[3698],{"type":21,"value":2345},{"type":15,"tag":173,"props":3700,"children":3701},{"style":180},[3702],{"type":21,"value":2307},{"type":15,"tag":173,"props":3704,"children":3705},{"class":175,"line":2310},[3706,3710,3714,3718,3722,3726,3730,3734,3738],{"type":15,"tag":173,"props":3707,"children":3708},{"style":180},[3709],{"type":21,"value":2269},{"type":15,"tag":173,"props":3711,"children":3712},{"style":186},[3713],{"type":21,"value":2274},{"type":15,"tag":173,"props":3715,"children":3716},{"style":180},[3717],{"type":21,"value":2279},{"type":15,"tag":173,"props":3719,"children":3720},{"style":220},[3721],{"type":21,"value":2370},{"type":15,"tag":173,"props":3723,"children":3724},{"style":180},[3725],{"type":21,"value":1379},{"type":15,"tag":173,"props":3727,"children":3728},{"style":186},[3729],{"type":21,"value":2293},{"type":15,"tag":173,"props":3731,"children":3732},{"style":180},[3733],{"type":21,"value":2279},{"type":15,"tag":173,"props":3735,"children":3736},{"style":220},[3737],{"type":21,"value":2387},{"type":15,"tag":173,"props":3739,"children":3740},{"style":180},[3741],{"type":21,"value":2307},{"type":15,"tag":173,"props":3743,"children":3744},{"class":175,"line":2352},[3745],{"type":15,"tag":173,"props":3746,"children":3747},{"style":180},[3748],{"type":21,"value":2400},{"type":15,"tag":173,"props":3750,"children":3751},{"class":175,"line":2394},[3752,3756,3761,3765,3769,3773,3777,3781,3785,3790,3795,3800,3804,3809,3813,3817],{"type":15,"tag":173,"props":3753,"children":3754},{"style":446},[3755],{"type":21,"value":529},{"type":15,"tag":173,"props":3757,"children":3758},{"style":532},[3759],{"type":21,"value":3760}," selectedValues",{"type":15,"tag":173,"props":3762,"children":3763},{"style":538},[3764],{"type":21,"value":541},{"type":15,"tag":173,"props":3766,"children":3767},{"style":532},[3768],{"type":21,"value":2247},{"type":15,"tag":173,"props":3770,"children":3771},{"style":180},[3772],{"type":21,"value":152},{"type":15,"tag":173,"props":3774,"children":3775},{"style":532},[3776],{"type":21,"value":2293},{"type":15,"tag":173,"props":3778,"children":3779},{"style":180},[3780],{"type":21,"value":152},{"type":15,"tag":173,"props":3782,"children":3783},{"style":544},[3784],{"type":21,"value":2735},{"type":15,"tag":173,"props":3786,"children":3787},{"style":180},[3788],{"type":21,"value":3789},"((",{"type":15,"tag":173,"props":3791,"children":3792},{"style":2743},[3793],{"type":21,"value":3794},"item",{"type":15,"tag":173,"props":3796,"children":3797},{"style":180},[3798],{"type":21,"value":3799},") ",{"type":15,"tag":173,"props":3801,"children":3802},{"style":446},[3803],{"type":21,"value":2763},{"type":15,"tag":173,"props":3805,"children":3806},{"style":532},[3807],{"type":21,"value":3808}," item",{"type":15,"tag":173,"props":3810,"children":3811},{"style":180},[3812],{"type":21,"value":152},{"type":15,"tag":173,"props":3814,"children":3815},{"style":186},[3816],{"type":21,"value":2293},{"type":15,"tag":173,"props":3818,"children":3819},{"style":180},[3820],{"type":21,"value":3821},");\n",{"type":15,"tag":173,"props":3823,"children":3824},{"class":175,"line":2403},[3825,3829,3834,3838,3843,3848,3852,3857,3861,3865],{"type":15,"tag":173,"props":3826,"children":3827},{"style":446},[3828],{"type":21,"value":529},{"type":15,"tag":173,"props":3830,"children":3831},{"style":544},[3832],{"type":21,"value":3833}," handleChipRemove",{"type":15,"tag":173,"props":3835,"children":3836},{"style":538},[3837],{"type":21,"value":541},{"type":15,"tag":173,"props":3839,"children":3840},{"style":180},[3841],{"type":21,"value":3842}," (",{"type":15,"tag":173,"props":3844,"children":3845},{"style":2743},[3846],{"type":21,"value":3847},"index",{"type":15,"tag":173,"props":3849,"children":3850},{"style":180},[3851],{"type":21,"value":2279},{"type":15,"tag":173,"props":3853,"children":3854},{"style":532},[3855],{"type":21,"value":3856},"number",{"type":15,"tag":173,"props":3858,"children":3859},{"style":180},[3860],{"type":21,"value":3799},{"type":15,"tag":173,"props":3862,"children":3863},{"style":446},[3864],{"type":21,"value":2763},{"type":15,"tag":173,"props":3866,"children":3867},{"style":180},[3868],{"type":21,"value":3869}," {\n",{"type":15,"tag":173,"props":3871,"children":3872},{"class":175,"line":3062},[3873,3878,3882,3886,3890,3895,3900,3904,3908,3913],{"type":15,"tag":173,"props":3874,"children":3875},{"style":532},[3876],{"type":21,"value":3877}," chipValues",{"type":15,"tag":173,"props":3879,"children":3880},{"style":180},[3881],{"type":21,"value":152},{"type":15,"tag":173,"props":3883,"children":3884},{"style":532},[3885],{"type":21,"value":2293},{"type":15,"tag":173,"props":3887,"children":3888},{"style":180},[3889],{"type":21,"value":152},{"type":15,"tag":173,"props":3891,"children":3892},{"style":544},[3893],{"type":21,"value":3894},"splice",{"type":15,"tag":173,"props":3896,"children":3897},{"style":180},[3898],{"type":21,"value":3899},"(",{"type":15,"tag":173,"props":3901,"children":3902},{"style":186},[3903],{"type":21,"value":3847},{"type":15,"tag":173,"props":3905,"children":3906},{"style":180},[3907],{"type":21,"value":1379},{"type":15,"tag":173,"props":3909,"children":3910},{"style":209},[3911],{"type":21,"value":3912},"1",{"type":15,"tag":173,"props":3914,"children":3915},{"style":180},[3916],{"type":21,"value":3821},{"type":15,"tag":173,"props":3918,"children":3919},{"class":175,"line":3075},[3920],{"type":15,"tag":173,"props":3921,"children":3922},{"style":180},[3923],{"type":21,"value":3924},"};\n",{"type":15,"tag":173,"props":3926,"children":3927},{"class":175,"line":3091},[3928,3932,3936],{"type":15,"tag":173,"props":3929,"children":3930},{"style":180},[3931],{"type":21,"value":386},{"type":15,"tag":173,"props":3933,"children":3934},{"style":186},[3935],{"type":21,"value":416},{"type":15,"tag":173,"props":3937,"children":3938},{"style":180},[3939],{"type":21,"value":193},{"type":15,"tag":620,"props":3941,"children":3942},{},[3943],{"type":15,"tag":163,"props":3944,"children":3946},{"className":625,"code":3945,"language":627,"meta":9,"style":9},"import { SfChip, SfThumbnail, SfIconCloseSm } from '@storefront-ui\u002Freact';\nimport { useState } from 'react';\n\nconst chipValues = [\n { label: 'Red', value: 'red' },\n { label: 'Blue', value: 'blue' },\n { label: 'Gray', value: 'gray' },\n];\n\nexport default function DeletableChips() {\n const [chipList, setChipList] = useState(chipValues);\n const handleRemoveChip = (val: string) => {\n const newList = chipList.filter((item) => item.value !== val);\n\n setChipList(newList);\n };\n\n return (\n \u003Cul className=\"flex flex-wrap gap-4 sm:flex-row\">\n {chipList.map(({ label, value }) => (\n \u003Cli key={value}>\n \u003CSfChip\n className=\"mr-2\"\n inputProps={{ checked: true, onChange: () => handleRemoveChip(value) }}\n slotPrefix={\u003CSfThumbnail className={`bg-${value}-500`} \u002F>}\n slotSuffix={\n \u003CSfIconCloseSm className=\"text-neutral-500 hover:text-primary-800 active:text-primary-900 disabled:opacity-20\" \u002F>\n }\n >\n {label}\n \u003C\u002FSfChip>\n \u003C\u002Fli>\n ))}\n \u003C\u002Ful>\n );\n}\n",[3947],{"type":15,"tag":55,"props":3948,"children":3949},{"__ignoreMap":9},[3950,3997,4030,4037,4056,4095,4134,4173,4180,4187,4211,4264,4310,4383,4390,4411,4419,4426,4437,4464,4511,4546,4557,4572,4646,4716,4732,4759,4766,4773,4788,4803,4818,4829,4845,4853],{"type":15,"tag":173,"props":3951,"children":3952},{"class":175,"line":176},[3953,3957,3961,3965,3969,3973,3977,3981,3985,3989,3993],{"type":15,"tag":173,"props":3954,"children":3955},{"style":446},[3956],{"type":21,"value":449},{"type":15,"tag":173,"props":3958,"children":3959},{"style":180},[3960],{"type":21,"value":454},{"type":15,"tag":173,"props":3962,"children":3963},{"style":186},[3964],{"type":21,"value":60},{"type":15,"tag":173,"props":3966,"children":3967},{"style":180},[3968],{"type":21,"value":1379},{"type":15,"tag":173,"props":3970,"children":3971},{"style":186},[3972],{"type":21,"value":953},{"type":15,"tag":173,"props":3974,"children":3975},{"style":180},[3976],{"type":21,"value":1379},{"type":15,"tag":173,"props":3978,"children":3979},{"style":186},[3980],{"type":21,"value":3385},{"type":15,"tag":173,"props":3982,"children":3983},{"style":180},[3984],{"type":21,"value":464},{"type":15,"tag":173,"props":3986,"children":3987},{"style":446},[3988],{"type":21,"value":469},{"type":15,"tag":173,"props":3990,"children":3991},{"style":220},[3992],{"type":21,"value":659},{"type":15,"tag":173,"props":3994,"children":3995},{"style":180},[3996],{"type":21,"value":479},{"type":15,"tag":173,"props":3998,"children":3999},{"class":175,"line":196},[4000,4004,4008,4013,4017,4021,4026],{"type":15,"tag":173,"props":4001,"children":4002},{"style":446},[4003],{"type":21,"value":449},{"type":15,"tag":173,"props":4005,"children":4006},{"style":180},[4007],{"type":21,"value":454},{"type":15,"tag":173,"props":4009,"children":4010},{"style":186},[4011],{"type":21,"value":4012},"useState",{"type":15,"tag":173,"props":4014,"children":4015},{"style":180},[4016],{"type":21,"value":464},{"type":15,"tag":173,"props":4018,"children":4019},{"style":446},[4020],{"type":21,"value":469},{"type":15,"tag":173,"props":4022,"children":4023},{"style":220},[4024],{"type":21,"value":4025}," 'react'",{"type":15,"tag":173,"props":4027,"children":4028},{"style":180},[4029],{"type":21,"value":479},{"type":15,"tag":173,"props":4031,"children":4032},{"class":175,"line":267},[4033],{"type":15,"tag":173,"props":4034,"children":4035},{"emptyLinePlaceholder":8},[4036],{"type":21,"value":403},{"type":15,"tag":173,"props":4038,"children":4039},{"class":175,"line":330},[4040,4044,4048,4052],{"type":15,"tag":173,"props":4041,"children":4042},{"style":446},[4043],{"type":21,"value":529},{"type":15,"tag":173,"props":4045,"children":4046},{"style":532},[4047],{"type":21,"value":2247},{"type":15,"tag":173,"props":4049,"children":4050},{"style":538},[4051],{"type":21,"value":541},{"type":15,"tag":173,"props":4053,"children":4054},{"style":180},[4055],{"type":21,"value":2518},{"type":15,"tag":173,"props":4057,"children":4058},{"class":175,"line":380},[4059,4063,4067,4071,4075,4079,4083,4087,4091],{"type":15,"tag":173,"props":4060,"children":4061},{"style":180},[4062],{"type":21,"value":2269},{"type":15,"tag":173,"props":4064,"children":4065},{"style":186},[4066],{"type":21,"value":2274},{"type":15,"tag":173,"props":4068,"children":4069},{"style":180},[4070],{"type":21,"value":2279},{"type":15,"tag":173,"props":4072,"children":4073},{"style":220},[4074],{"type":21,"value":2284},{"type":15,"tag":173,"props":4076,"children":4077},{"style":180},[4078],{"type":21,"value":1379},{"type":15,"tag":173,"props":4080,"children":4081},{"style":186},[4082],{"type":21,"value":2293},{"type":15,"tag":173,"props":4084,"children":4085},{"style":180},[4086],{"type":21,"value":2279},{"type":15,"tag":173,"props":4088,"children":4089},{"style":220},[4090],{"type":21,"value":2302},{"type":15,"tag":173,"props":4092,"children":4093},{"style":180},[4094],{"type":21,"value":2307},{"type":15,"tag":173,"props":4096,"children":4097},{"class":175,"line":397},[4098,4102,4106,4110,4114,4118,4122,4126,4130],{"type":15,"tag":173,"props":4099,"children":4100},{"style":180},[4101],{"type":21,"value":2269},{"type":15,"tag":173,"props":4103,"children":4104},{"style":186},[4105],{"type":21,"value":2274},{"type":15,"tag":173,"props":4107,"children":4108},{"style":180},[4109],{"type":21,"value":2279},{"type":15,"tag":173,"props":4111,"children":4112},{"style":220},[4113],{"type":21,"value":2328},{"type":15,"tag":173,"props":4115,"children":4116},{"style":180},[4117],{"type":21,"value":1379},{"type":15,"tag":173,"props":4119,"children":4120},{"style":186},[4121],{"type":21,"value":2293},{"type":15,"tag":173,"props":4123,"children":4124},{"style":180},[4125],{"type":21,"value":2279},{"type":15,"tag":173,"props":4127,"children":4128},{"style":220},[4129],{"type":21,"value":2345},{"type":15,"tag":173,"props":4131,"children":4132},{"style":180},[4133],{"type":21,"value":2307},{"type":15,"tag":173,"props":4135,"children":4136},{"class":175,"line":406},[4137,4141,4145,4149,4153,4157,4161,4165,4169],{"type":15,"tag":173,"props":4138,"children":4139},{"style":180},[4140],{"type":21,"value":2269},{"type":15,"tag":173,"props":4142,"children":4143},{"style":186},[4144],{"type":21,"value":2274},{"type":15,"tag":173,"props":4146,"children":4147},{"style":180},[4148],{"type":21,"value":2279},{"type":15,"tag":173,"props":4150,"children":4151},{"style":220},[4152],{"type":21,"value":2370},{"type":15,"tag":173,"props":4154,"children":4155},{"style":180},[4156],{"type":21,"value":1379},{"type":15,"tag":173,"props":4158,"children":4159},{"style":186},[4160],{"type":21,"value":2293},{"type":15,"tag":173,"props":4162,"children":4163},{"style":180},[4164],{"type":21,"value":2279},{"type":15,"tag":173,"props":4166,"children":4167},{"style":220},[4168],{"type":21,"value":2387},{"type":15,"tag":173,"props":4170,"children":4171},{"style":180},[4172],{"type":21,"value":2307},{"type":15,"tag":173,"props":4174,"children":4175},{"class":175,"line":442},[4176],{"type":15,"tag":173,"props":4177,"children":4178},{"style":180},[4179],{"type":21,"value":2643},{"type":15,"tag":173,"props":4181,"children":4182},{"class":175,"line":482},[4183],{"type":15,"tag":173,"props":4184,"children":4185},{"emptyLinePlaceholder":8},[4186],{"type":21,"value":403},{"type":15,"tag":173,"props":4188,"children":4189},{"class":175,"line":515},[4190,4194,4198,4202,4207],{"type":15,"tag":173,"props":4191,"children":4192},{"style":446},[4193],{"type":21,"value":678},{"type":15,"tag":173,"props":4195,"children":4196},{"style":446},[4197],{"type":21,"value":683},{"type":15,"tag":173,"props":4199,"children":4200},{"style":446},[4201],{"type":21,"value":688},{"type":15,"tag":173,"props":4203,"children":4204},{"style":544},[4205],{"type":21,"value":4206}," DeletableChips",{"type":15,"tag":173,"props":4208,"children":4209},{"style":180},[4210],{"type":21,"value":698},{"type":15,"tag":173,"props":4212,"children":4213},{"class":175,"line":523},[4214,4219,4224,4229,4233,4238,4243,4247,4252,4256,4260],{"type":15,"tag":173,"props":4215,"children":4216},{"style":446},[4217],{"type":21,"value":4218}," const",{"type":15,"tag":173,"props":4220,"children":4221},{"style":180},[4222],{"type":21,"value":4223}," [",{"type":15,"tag":173,"props":4225,"children":4226},{"style":532},[4227],{"type":21,"value":4228},"chipList",{"type":15,"tag":173,"props":4230,"children":4231},{"style":180},[4232],{"type":21,"value":1379},{"type":15,"tag":173,"props":4234,"children":4235},{"style":532},[4236],{"type":21,"value":4237},"setChipList",{"type":15,"tag":173,"props":4239,"children":4240},{"style":180},[4241],{"type":21,"value":4242},"] ",{"type":15,"tag":173,"props":4244,"children":4245},{"style":538},[4246],{"type":21,"value":217},{"type":15,"tag":173,"props":4248,"children":4249},{"style":544},[4250],{"type":21,"value":4251}," useState",{"type":15,"tag":173,"props":4253,"children":4254},{"style":180},[4255],{"type":21,"value":3899},{"type":15,"tag":173,"props":4257,"children":4258},{"style":186},[4259],{"type":21,"value":2726},{"type":15,"tag":173,"props":4261,"children":4262},{"style":180},[4263],{"type":21,"value":3821},{"type":15,"tag":173,"props":4265,"children":4266},{"class":175,"line":555},[4267,4271,4276,4280,4284,4289,4293,4298,4302,4306],{"type":15,"tag":173,"props":4268,"children":4269},{"style":446},[4270],{"type":21,"value":4218},{"type":15,"tag":173,"props":4272,"children":4273},{"style":544},[4274],{"type":21,"value":4275}," handleRemoveChip",{"type":15,"tag":173,"props":4277,"children":4278},{"style":538},[4279],{"type":21,"value":541},{"type":15,"tag":173,"props":4281,"children":4282},{"style":180},[4283],{"type":21,"value":3842},{"type":15,"tag":173,"props":4285,"children":4286},{"style":2743},[4287],{"type":21,"value":4288},"val",{"type":15,"tag":173,"props":4290,"children":4291},{"style":180},[4292],{"type":21,"value":2279},{"type":15,"tag":173,"props":4294,"children":4295},{"style":532},[4296],{"type":21,"value":4297},"string",{"type":15,"tag":173,"props":4299,"children":4300},{"style":180},[4301],{"type":21,"value":3799},{"type":15,"tag":173,"props":4303,"children":4304},{"style":446},[4305],{"type":21,"value":2763},{"type":15,"tag":173,"props":4307,"children":4308},{"style":180},[4309],{"type":21,"value":3869},{"type":15,"tag":173,"props":4311,"children":4312},{"class":175,"line":580},[4313,4318,4323,4327,4332,4336,4341,4345,4349,4353,4357,4361,4365,4369,4374,4379],{"type":15,"tag":173,"props":4314,"children":4315},{"style":446},[4316],{"type":21,"value":4317}," const",{"type":15,"tag":173,"props":4319,"children":4320},{"style":532},[4321],{"type":21,"value":4322}," newList",{"type":15,"tag":173,"props":4324,"children":4325},{"style":538},[4326],{"type":21,"value":541},{"type":15,"tag":173,"props":4328,"children":4329},{"style":532},[4330],{"type":21,"value":4331}," chipList",{"type":15,"tag":173,"props":4333,"children":4334},{"style":180},[4335],{"type":21,"value":152},{"type":15,"tag":173,"props":4337,"children":4338},{"style":544},[4339],{"type":21,"value":4340},"filter",{"type":15,"tag":173,"props":4342,"children":4343},{"style":180},[4344],{"type":21,"value":3789},{"type":15,"tag":173,"props":4346,"children":4347},{"style":2743},[4348],{"type":21,"value":3794},{"type":15,"tag":173,"props":4350,"children":4351},{"style":180},[4352],{"type":21,"value":3799},{"type":15,"tag":173,"props":4354,"children":4355},{"style":446},[4356],{"type":21,"value":2763},{"type":15,"tag":173,"props":4358,"children":4359},{"style":532},[4360],{"type":21,"value":3808},{"type":15,"tag":173,"props":4362,"children":4363},{"style":180},[4364],{"type":21,"value":152},{"type":15,"tag":173,"props":4366,"children":4367},{"style":186},[4368],{"type":21,"value":2293},{"type":15,"tag":173,"props":4370,"children":4371},{"style":538},[4372],{"type":21,"value":4373}," !==",{"type":15,"tag":173,"props":4375,"children":4376},{"style":186},[4377],{"type":21,"value":4378}," val",{"type":15,"tag":173,"props":4380,"children":4381},{"style":180},[4382],{"type":21,"value":3821},{"type":15,"tag":173,"props":4384,"children":4385},{"class":175,"line":605},[4386],{"type":15,"tag":173,"props":4387,"children":4388},{"emptyLinePlaceholder":8},[4389],{"type":21,"value":403},{"type":15,"tag":173,"props":4391,"children":4392},{"class":175,"line":907},[4393,4398,4402,4407],{"type":15,"tag":173,"props":4394,"children":4395},{"style":544},[4396],{"type":21,"value":4397}," setChipList",{"type":15,"tag":173,"props":4399,"children":4400},{"style":180},[4401],{"type":21,"value":3899},{"type":15,"tag":173,"props":4403,"children":4404},{"style":186},[4405],{"type":21,"value":4406},"newList",{"type":15,"tag":173,"props":4408,"children":4409},{"style":180},[4410],{"type":21,"value":3821},{"type":15,"tag":173,"props":4412,"children":4413},{"class":175,"line":1409},[4414],{"type":15,"tag":173,"props":4415,"children":4416},{"style":180},[4417],{"type":21,"value":4418}," };\n",{"type":15,"tag":173,"props":4420,"children":4421},{"class":175,"line":1434},[4422],{"type":15,"tag":173,"props":4423,"children":4424},{"emptyLinePlaceholder":8},[4425],{"type":21,"value":403},{"type":15,"tag":173,"props":4427,"children":4428},{"class":175,"line":1459},[4429,4433],{"type":15,"tag":173,"props":4430,"children":4431},{"style":446},[4432],{"type":21,"value":706},{"type":15,"tag":173,"props":4434,"children":4435},{"style":180},[4436],{"type":21,"value":711},{"type":15,"tag":173,"props":4438,"children":4439},{"class":175,"line":2117},[4440,4444,4448,4452,4456,4460],{"type":15,"tag":173,"props":4441,"children":4442},{"style":180},[4443],{"type":21,"value":719},{"type":15,"tag":173,"props":4445,"children":4446},{"style":186},[4447],{"type":21,"value":1846},{"type":15,"tag":173,"props":4449,"children":4450},{"style":743},[4451],{"type":21,"value":758},{"type":15,"tag":173,"props":4453,"children":4454},{"style":538},[4455],{"type":21,"value":217},{"type":15,"tag":173,"props":4457,"children":4458},{"style":220},[4459],{"type":21,"value":2709},{"type":15,"tag":173,"props":4461,"children":4462},{"style":180},[4463],{"type":21,"value":193},{"type":15,"tag":173,"props":4465,"children":4466},{"class":175,"line":2125},[4467,4471,4475,4479,4483,4487,4491,4495,4499,4503,4507],{"type":15,"tag":173,"props":4468,"children":4469},{"style":446},[4470],{"type":21,"value":2721},{"type":15,"tag":173,"props":4472,"children":4473},{"style":532},[4474],{"type":21,"value":4228},{"type":15,"tag":173,"props":4476,"children":4477},{"style":180},[4478],{"type":21,"value":152},{"type":15,"tag":173,"props":4480,"children":4481},{"style":544},[4482],{"type":21,"value":2735},{"type":15,"tag":173,"props":4484,"children":4485},{"style":180},[4486],{"type":21,"value":2740},{"type":15,"tag":173,"props":4488,"children":4489},{"style":2743},[4490],{"type":21,"value":2274},{"type":15,"tag":173,"props":4492,"children":4493},{"style":180},[4494],{"type":21,"value":1379},{"type":15,"tag":173,"props":4496,"children":4497},{"style":2743},[4498],{"type":21,"value":2293},{"type":15,"tag":173,"props":4500,"children":4501},{"style":180},[4502],{"type":21,"value":2758},{"type":15,"tag":173,"props":4504,"children":4505},{"style":446},[4506],{"type":21,"value":2763},{"type":15,"tag":173,"props":4508,"children":4509},{"style":180},[4510],{"type":21,"value":711},{"type":15,"tag":173,"props":4512,"children":4513},{"class":175,"line":2157},[4514,4518,4522,4526,4530,4534,4538,4542],{"type":15,"tag":173,"props":4515,"children":4516},{"style":180},[4517],{"type":21,"value":1944},{"type":15,"tag":173,"props":4519,"children":4520},{"style":186},[4521],{"type":21,"value":1875},{"type":15,"tag":173,"props":4523,"children":4524},{"style":743},[4525],{"type":21,"value":2783},{"type":15,"tag":173,"props":4527,"children":4528},{"style":538},[4529],{"type":21,"value":217},{"type":15,"tag":173,"props":4531,"children":4532},{"style":446},[4533],{"type":21,"value":1620},{"type":15,"tag":173,"props":4535,"children":4536},{"style":186},[4537],{"type":21,"value":2293},{"type":15,"tag":173,"props":4539,"children":4540},{"style":446},[4541],{"type":21,"value":1662},{"type":15,"tag":173,"props":4543,"children":4544},{"style":180},[4545],{"type":21,"value":193},{"type":15,"tag":173,"props":4547,"children":4548},{"class":175,"line":2189},[4549,4553],{"type":15,"tag":173,"props":4550,"children":4551},{"style":180},[4552],{"type":21,"value":1968},{"type":15,"tag":173,"props":4554,"children":4555},{"style":532},[4556],{"type":21,"value":2815},{"type":15,"tag":173,"props":4558,"children":4559},{"class":175,"line":2229},[4560,4564,4568],{"type":15,"tag":173,"props":4561,"children":4562},{"style":743},[4563],{"type":21,"value":2823},{"type":15,"tag":173,"props":4565,"children":4566},{"style":538},[4567],{"type":21,"value":217},{"type":15,"tag":173,"props":4569,"children":4570},{"style":220},[4571],{"type":21,"value":2832},{"type":15,"tag":173,"props":4573,"children":4574},{"class":175,"line":2237},[4575,4580,4584,4588,4593,4598,4602,4607,4611,4616,4621,4625,4629,4633,4637,4642],{"type":15,"tag":173,"props":4576,"children":4577},{"style":743},[4578],{"type":21,"value":4579}," inputProps",{"type":15,"tag":173,"props":4581,"children":4582},{"style":538},[4583],{"type":21,"value":217},{"type":15,"tag":173,"props":4585,"children":4586},{"style":446},[4587],{"type":21,"value":1620},{"type":15,"tag":173,"props":4589,"children":4590},{"style":180},[4591],{"type":21,"value":4592},"{ ",{"type":15,"tag":173,"props":4594,"children":4595},{"style":186},[4596],{"type":21,"value":4597},"checked",{"type":15,"tag":173,"props":4599,"children":4600},{"style":180},[4601],{"type":21,"value":2279},{"type":15,"tag":173,"props":4603,"children":4604},{"style":209},[4605],{"type":21,"value":4606},"true",{"type":15,"tag":173,"props":4608,"children":4609},{"style":180},[4610],{"type":21,"value":1379},{"type":15,"tag":173,"props":4612,"children":4613},{"style":544},[4614],{"type":21,"value":4615},"onChange",{"type":15,"tag":173,"props":4617,"children":4618},{"style":180},[4619],{"type":21,"value":4620},": () ",{"type":15,"tag":173,"props":4622,"children":4623},{"style":446},[4624],{"type":21,"value":2763},{"type":15,"tag":173,"props":4626,"children":4627},{"style":544},[4628],{"type":21,"value":4275},{"type":15,"tag":173,"props":4630,"children":4631},{"style":180},[4632],{"type":21,"value":3899},{"type":15,"tag":173,"props":4634,"children":4635},{"style":186},[4636],{"type":21,"value":2293},{"type":15,"tag":173,"props":4638,"children":4639},{"style":180},[4640],{"type":21,"value":4641},") }",{"type":15,"tag":173,"props":4643,"children":4644},{"style":446},[4645],{"type":21,"value":913},{"type":15,"tag":173,"props":4647,"children":4648},{"class":175,"line":2263},[4649,4653,4657,4661,4665,4669,4673,4677,4681,4686,4691,4695,4699,4704,4708,4712],{"type":15,"tag":173,"props":4650,"children":4651},{"style":743},[4652],{"type":21,"value":2840},{"type":15,"tag":173,"props":4654,"children":4655},{"style":538},[4656],{"type":21,"value":217},{"type":15,"tag":173,"props":4658,"children":4659},{"style":446},[4660],{"type":21,"value":1620},{"type":15,"tag":173,"props":4662,"children":4663},{"style":180},[4664],{"type":21,"value":183},{"type":15,"tag":173,"props":4666,"children":4667},{"style":532},[4668],{"type":21,"value":953},{"type":15,"tag":173,"props":4670,"children":4671},{"style":743},[4672],{"type":21,"value":758},{"type":15,"tag":173,"props":4674,"children":4675},{"style":538},[4676],{"type":21,"value":217},{"type":15,"tag":173,"props":4678,"children":4679},{"style":446},[4680],{"type":21,"value":1620},{"type":15,"tag":173,"props":4682,"children":4683},{"style":220},[4684],{"type":21,"value":4685},"`bg-",{"type":15,"tag":173,"props":4687,"children":4688},{"style":446},[4689],{"type":21,"value":4690},"${",{"type":15,"tag":173,"props":4692,"children":4693},{"style":186},[4694],{"type":21,"value":2293},{"type":15,"tag":173,"props":4696,"children":4697},{"style":446},[4698],{"type":21,"value":1662},{"type":15,"tag":173,"props":4700,"children":4701},{"style":220},[4702],{"type":21,"value":4703},"-500`",{"type":15,"tag":173,"props":4705,"children":4706},{"style":446},[4707],{"type":21,"value":1662},{"type":15,"tag":173,"props":4709,"children":4710},{"style":180},[4711],{"type":21,"value":1657},{"type":15,"tag":173,"props":4713,"children":4714},{"style":446},[4715],{"type":21,"value":913},{"type":15,"tag":173,"props":4717,"children":4718},{"class":175,"line":2310},[4719,4724,4728],{"type":15,"tag":173,"props":4720,"children":4721},{"style":743},[4722],{"type":21,"value":4723}," slotSuffix",{"type":15,"tag":173,"props":4725,"children":4726},{"style":538},[4727],{"type":21,"value":217},{"type":15,"tag":173,"props":4729,"children":4730},{"style":446},[4731],{"type":21,"value":2849},{"type":15,"tag":173,"props":4733,"children":4734},{"class":175,"line":2352},[4735,4739,4743,4747,4751,4755],{"type":15,"tag":173,"props":4736,"children":4737},{"style":180},[4738],{"type":21,"value":2857},{"type":15,"tag":173,"props":4740,"children":4741},{"style":532},[4742],{"type":21,"value":3385},{"type":15,"tag":173,"props":4744,"children":4745},{"style":743},[4746],{"type":21,"value":758},{"type":15,"tag":173,"props":4748,"children":4749},{"style":538},[4750],{"type":21,"value":217},{"type":15,"tag":173,"props":4752,"children":4753},{"style":220},[4754],{"type":21,"value":3398},{"type":15,"tag":173,"props":4756,"children":4757},{"style":180},[4758],{"type":21,"value":3403},{"type":15,"tag":173,"props":4760,"children":4761},{"class":175,"line":2394},[4762],{"type":15,"tag":173,"props":4763,"children":4764},{"style":446},[4765],{"type":21,"value":3004},{"type":15,"tag":173,"props":4767,"children":4768},{"class":175,"line":2403},[4769],{"type":15,"tag":173,"props":4770,"children":4771},{"style":180},[4772],{"type":21,"value":3012},{"type":15,"tag":173,"props":4774,"children":4775},{"class":175,"line":3062},[4776,4780,4784],{"type":15,"tag":173,"props":4777,"children":4778},{"style":446},[4779],{"type":21,"value":3020},{"type":15,"tag":173,"props":4781,"children":4782},{"style":186},[4783],{"type":21,"value":2274},{"type":15,"tag":173,"props":4785,"children":4786},{"style":446},[4787],{"type":21,"value":913},{"type":15,"tag":173,"props":4789,"children":4790},{"class":175,"line":3075},[4791,4795,4799],{"type":15,"tag":173,"props":4792,"children":4793},{"style":180},[4794],{"type":21,"value":3036},{"type":15,"tag":173,"props":4796,"children":4797},{"style":532},[4798],{"type":21,"value":60},{"type":15,"tag":173,"props":4800,"children":4801},{"style":180},[4802],{"type":21,"value":193},{"type":15,"tag":173,"props":4804,"children":4805},{"class":175,"line":3091},[4806,4810,4814],{"type":15,"tag":173,"props":4807,"children":4808},{"style":180},[4809],{"type":21,"value":2038},{"type":15,"tag":173,"props":4811,"children":4812},{"style":186},[4813],{"type":21,"value":1875},{"type":15,"tag":173,"props":4815,"children":4816},{"style":180},[4817],{"type":21,"value":193},{"type":15,"tag":173,"props":4819,"children":4820},{"class":175,"line":3099},[4821,4825],{"type":15,"tag":173,"props":4822,"children":4823},{"style":180},[4824],{"type":21,"value":3068},{"type":15,"tag":173,"props":4826,"children":4827},{"style":446},[4828],{"type":21,"value":913},{"type":15,"tag":173,"props":4830,"children":4832},{"class":175,"line":4831},34,[4833,4837,4841],{"type":15,"tag":173,"props":4834,"children":4835},{"style":180},[4836],{"type":21,"value":888},{"type":15,"tag":173,"props":4838,"children":4839},{"style":186},[4840],{"type":21,"value":1846},{"type":15,"tag":173,"props":4842,"children":4843},{"style":180},[4844],{"type":21,"value":193},{"type":15,"tag":173,"props":4846,"children":4848},{"class":175,"line":4847},35,[4849],{"type":15,"tag":173,"props":4850,"children":4851},{"style":180},[4852],{"type":21,"value":904},{"type":15,"tag":173,"props":4854,"children":4856},{"class":175,"line":4855},36,[4857],{"type":15,"tag":173,"props":4858,"children":4859},{"style":180},[4860],{"type":21,"value":913},{"type":15,"tag":106,"props":4862,"children":4864},{"id":4863},"rounded-chip",[4865],{"type":21,"value":4866},"Rounded chip",{"type":15,"tag":31,"props":4868,"children":4869},{},[4870,4875,4877,4883],{"type":15,"tag":55,"props":4871,"children":4873},{"className":4872},[],[4874],{"type":21,"value":60},{"type":21,"value":4876}," accepts a ",{"type":15,"tag":55,"props":4878,"children":4880},{"className":4879},[],[4881],{"type":21,"value":4882},"square",{"type":21,"value":4884}," prop that will set equal paddings on all sides of the chip.",{"type":15,"tag":154,"props":4886,"children":4888},{"showcase-name":4887},"Chip\u002FWithoutLabel",[4889,5342],{"type":15,"tag":159,"props":4890,"children":4891},{},[4892],{"type":15,"tag":163,"props":4893,"children":4895},{"className":165,"code":4894,"language":167,"meta":9,"style":9},"\u003Ctemplate>\n \u003CSfChip size=\"sm\" square class=\"mr-2\" v-model=\"chipRedActive\">\n \u003CSfThumbnail class=\"bg-red-500\" size=\"sm\" aria-label=\"Red thumbnail chip\" \u002F>\n \u003C\u002FSfChip>\n \u003CSfChip square v-model=\"chipBlueActive\">\n \u003CSfThumbnail class=\"bg-blue-500\" color=\"blue\" size=\"base\" aria-label=\"Blue thumbnail chip\" \u002F>\n \u003C\u002FSfChip>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport { SfChip, SfThumbnail } from '@storefront-ui\u002Fvue';\n\nconst chipRedActive = ref();\nconst chipBlueActive = ref();\n\u003C\u002Fscript>\n\n",[4896],{"type":15,"tag":55,"props":4897,"children":4898},{"__ignoreMap":9},[4899,4914,4970,5023,5038,5069,5136,5151,5166,5173,5204,5235,5274,5281,5304,5327],{"type":15,"tag":173,"props":4900,"children":4901},{"class":175,"line":176},[4902,4906,4910],{"type":15,"tag":173,"props":4903,"children":4904},{"style":180},[4905],{"type":21,"value":183},{"type":15,"tag":173,"props":4907,"children":4908},{"style":186},[4909],{"type":21,"value":27},{"type":15,"tag":173,"props":4911,"children":4912},{"style":180},[4913],{"type":21,"value":193},{"type":15,"tag":173,"props":4915,"children":4916},{"class":175,"line":196},[4917,4921,4925,4929,4933,4937,4942,4946,4950,4954,4958,4962,4966],{"type":15,"tag":173,"props":4918,"children":4919},{"style":180},[4920],{"type":21,"value":202},{"type":15,"tag":173,"props":4922,"children":4923},{"style":186},[4924],{"type":21,"value":60},{"type":15,"tag":173,"props":4926,"children":4927},{"style":209},[4928],{"type":21,"value":212},{"type":15,"tag":173,"props":4930,"children":4931},{"style":180},[4932],{"type":21,"value":217},{"type":15,"tag":173,"props":4934,"children":4935},{"style":220},[4936],{"type":21,"value":223},{"type":15,"tag":173,"props":4938,"children":4939},{"style":209},[4940],{"type":21,"value":4941}," square",{"type":15,"tag":173,"props":4943,"children":4944},{"style":209},[4945],{"type":21,"value":228},{"type":15,"tag":173,"props":4947,"children":4948},{"style":180},[4949],{"type":21,"value":217},{"type":15,"tag":173,"props":4951,"children":4952},{"style":220},[4953],{"type":21,"value":237},{"type":15,"tag":173,"props":4955,"children":4956},{"style":209},[4957],{"type":21,"value":242},{"type":15,"tag":173,"props":4959,"children":4960},{"style":180},[4961],{"type":21,"value":217},{"type":15,"tag":173,"props":4963,"children":4964},{"style":220},[4965],{"type":21,"value":1065},{"type":15,"tag":173,"props":4967,"children":4968},{"style":180},[4969],{"type":21,"value":193},{"type":15,"tag":173,"props":4971,"children":4972},{"class":175,"line":267},[4973,4977,4981,4985,4989,4993,4997,5001,5005,5010,5014,5019],{"type":15,"tag":173,"props":4974,"children":4975},{"style":180},[4976],{"type":21,"value":719},{"type":15,"tag":173,"props":4978,"children":4979},{"style":186},[4980],{"type":21,"value":953},{"type":15,"tag":173,"props":4982,"children":4983},{"style":209},[4984],{"type":21,"value":228},{"type":15,"tag":173,"props":4986,"children":4987},{"style":180},[4988],{"type":21,"value":217},{"type":15,"tag":173,"props":4990,"children":4991},{"style":220},[4992],{"type":21,"value":1111},{"type":15,"tag":173,"props":4994,"children":4995},{"style":209},[4996],{"type":21,"value":212},{"type":15,"tag":173,"props":4998,"children":4999},{"style":180},[5000],{"type":21,"value":217},{"type":15,"tag":173,"props":5002,"children":5003},{"style":220},[5004],{"type":21,"value":223},{"type":15,"tag":173,"props":5006,"children":5007},{"style":209},[5008],{"type":21,"value":5009}," aria-label",{"type":15,"tag":173,"props":5011,"children":5012},{"style":180},[5013],{"type":21,"value":217},{"type":15,"tag":173,"props":5015,"children":5016},{"style":220},[5017],{"type":21,"value":5018},"\"Red thumbnail chip\"",{"type":15,"tag":173,"props":5020,"children":5021},{"style":180},[5022],{"type":21,"value":3403},{"type":15,"tag":173,"props":5024,"children":5025},{"class":175,"line":330},[5026,5030,5034],{"type":15,"tag":173,"props":5027,"children":5028},{"style":180},[5029],{"type":21,"value":1152},{"type":15,"tag":173,"props":5031,"children":5032},{"style":186},[5033],{"type":21,"value":60},{"type":15,"tag":173,"props":5035,"children":5036},{"style":180},[5037],{"type":21,"value":193},{"type":15,"tag":173,"props":5039,"children":5040},{"class":175,"line":380},[5041,5045,5049,5053,5057,5061,5065],{"type":15,"tag":173,"props":5042,"children":5043},{"style":180},[5044],{"type":21,"value":202},{"type":15,"tag":173,"props":5046,"children":5047},{"style":186},[5048],{"type":21,"value":60},{"type":15,"tag":173,"props":5050,"children":5051},{"style":209},[5052],{"type":21,"value":4941},{"type":15,"tag":173,"props":5054,"children":5055},{"style":209},[5056],{"type":21,"value":242},{"type":15,"tag":173,"props":5058,"children":5059},{"style":180},[5060],{"type":21,"value":217},{"type":15,"tag":173,"props":5062,"children":5063},{"style":220},[5064],{"type":21,"value":1184},{"type":15,"tag":173,"props":5066,"children":5067},{"style":180},[5068],{"type":21,"value":193},{"type":15,"tag":173,"props":5070,"children":5071},{"class":175,"line":397},[5072,5076,5080,5084,5088,5093,5098,5102,5107,5111,5115,5119,5123,5127,5132],{"type":15,"tag":173,"props":5073,"children":5074},{"style":180},[5075],{"type":21,"value":719},{"type":15,"tag":173,"props":5077,"children":5078},{"style":186},[5079],{"type":21,"value":953},{"type":15,"tag":173,"props":5081,"children":5082},{"style":209},[5083],{"type":21,"value":228},{"type":15,"tag":173,"props":5085,"children":5086},{"style":180},[5087],{"type":21,"value":217},{"type":15,"tag":173,"props":5089,"children":5090},{"style":220},[5091],{"type":21,"value":5092},"\"bg-blue-500\"",{"type":15,"tag":173,"props":5094,"children":5095},{"style":209},[5096],{"type":21,"value":5097}," color",{"type":15,"tag":173,"props":5099,"children":5100},{"style":180},[5101],{"type":21,"value":217},{"type":15,"tag":173,"props":5103,"children":5104},{"style":220},[5105],{"type":21,"value":5106},"\"blue\"",{"type":15,"tag":173,"props":5108,"children":5109},{"style":209},[5110],{"type":21,"value":212},{"type":15,"tag":173,"props":5112,"children":5113},{"style":180},[5114],{"type":21,"value":217},{"type":15,"tag":173,"props":5116,"children":5117},{"style":220},[5118],{"type":21,"value":289},{"type":15,"tag":173,"props":5120,"children":5121},{"style":209},[5122],{"type":21,"value":5009},{"type":15,"tag":173,"props":5124,"children":5125},{"style":180},[5126],{"type":21,"value":217},{"type":15,"tag":173,"props":5128,"children":5129},{"style":220},[5130],{"type":21,"value":5131},"\"Blue thumbnail chip\"",{"type":15,"tag":173,"props":5133,"children":5134},{"style":180},[5135],{"type":21,"value":3403},{"type":15,"tag":173,"props":5137,"children":5138},{"class":175,"line":406},[5139,5143,5147],{"type":15,"tag":173,"props":5140,"children":5141},{"style":180},[5142],{"type":21,"value":1152},{"type":15,"tag":173,"props":5144,"children":5145},{"style":186},[5146],{"type":21,"value":60},{"type":15,"tag":173,"props":5148,"children":5149},{"style":180},[5150],{"type":21,"value":193},{"type":15,"tag":173,"props":5152,"children":5153},{"class":175,"line":442},[5154,5158,5162],{"type":15,"tag":173,"props":5155,"children":5156},{"style":180},[5157],{"type":21,"value":386},{"type":15,"tag":173,"props":5159,"children":5160},{"style":186},[5161],{"type":21,"value":27},{"type":15,"tag":173,"props":5163,"children":5164},{"style":180},[5165],{"type":21,"value":193},{"type":15,"tag":173,"props":5167,"children":5168},{"class":175,"line":482},[5169],{"type":15,"tag":173,"props":5170,"children":5171},{"emptyLinePlaceholder":8},[5172],{"type":21,"value":403},{"type":15,"tag":173,"props":5174,"children":5175},{"class":175,"line":515},[5176,5180,5184,5188,5192,5196,5200],{"type":15,"tag":173,"props":5177,"children":5178},{"style":180},[5179],{"type":21,"value":183},{"type":15,"tag":173,"props":5181,"children":5182},{"style":186},[5183],{"type":21,"value":416},{"type":15,"tag":173,"props":5185,"children":5186},{"style":209},[5187],{"type":21,"value":421},{"type":15,"tag":173,"props":5189,"children":5190},{"style":180},[5191],{"type":21,"value":217},{"type":15,"tag":173,"props":5193,"children":5194},{"style":220},[5195],{"type":21,"value":430},{"type":15,"tag":173,"props":5197,"children":5198},{"style":209},[5199],{"type":21,"value":435},{"type":15,"tag":173,"props":5201,"children":5202},{"style":180},[5203],{"type":21,"value":193},{"type":15,"tag":173,"props":5205,"children":5206},{"class":175,"line":523},[5207,5211,5215,5219,5223,5227,5231],{"type":15,"tag":173,"props":5208,"children":5209},{"style":446},[5210],{"type":21,"value":449},{"type":15,"tag":173,"props":5212,"children":5213},{"style":180},[5214],{"type":21,"value":454},{"type":15,"tag":173,"props":5216,"children":5217},{"style":186},[5218],{"type":21,"value":459},{"type":15,"tag":173,"props":5220,"children":5221},{"style":180},[5222],{"type":21,"value":464},{"type":15,"tag":173,"props":5224,"children":5225},{"style":446},[5226],{"type":21,"value":469},{"type":15,"tag":173,"props":5228,"children":5229},{"style":220},[5230],{"type":21,"value":474},{"type":15,"tag":173,"props":5232,"children":5233},{"style":180},[5234],{"type":21,"value":479},{"type":15,"tag":173,"props":5236,"children":5237},{"class":175,"line":555},[5238,5242,5246,5250,5254,5258,5262,5266,5270],{"type":15,"tag":173,"props":5239,"children":5240},{"style":446},[5241],{"type":21,"value":449},{"type":15,"tag":173,"props":5243,"children":5244},{"style":180},[5245],{"type":21,"value":454},{"type":15,"tag":173,"props":5247,"children":5248},{"style":186},[5249],{"type":21,"value":60},{"type":15,"tag":173,"props":5251,"children":5252},{"style":180},[5253],{"type":21,"value":1379},{"type":15,"tag":173,"props":5255,"children":5256},{"style":186},[5257],{"type":21,"value":953},{"type":15,"tag":173,"props":5259,"children":5260},{"style":180},[5261],{"type":21,"value":464},{"type":15,"tag":173,"props":5263,"children":5264},{"style":446},[5265],{"type":21,"value":469},{"type":15,"tag":173,"props":5267,"children":5268},{"style":220},[5269],{"type":21,"value":508},{"type":15,"tag":173,"props":5271,"children":5272},{"style":180},[5273],{"type":21,"value":479},{"type":15,"tag":173,"props":5275,"children":5276},{"class":175,"line":580},[5277],{"type":15,"tag":173,"props":5278,"children":5279},{"emptyLinePlaceholder":8},[5280],{"type":21,"value":403},{"type":15,"tag":173,"props":5282,"children":5283},{"class":175,"line":605},[5284,5288,5292,5296,5300],{"type":15,"tag":173,"props":5285,"children":5286},{"style":446},[5287],{"type":21,"value":529},{"type":15,"tag":173,"props":5289,"children":5290},{"style":532},[5291],{"type":21,"value":1419},{"type":15,"tag":173,"props":5293,"children":5294},{"style":538},[5295],{"type":21,"value":541},{"type":15,"tag":173,"props":5297,"children":5298},{"style":544},[5299],{"type":21,"value":547},{"type":15,"tag":173,"props":5301,"children":5302},{"style":180},[5303],{"type":21,"value":552},{"type":15,"tag":173,"props":5305,"children":5306},{"class":175,"line":907},[5307,5311,5315,5319,5323],{"type":15,"tag":173,"props":5308,"children":5309},{"style":446},[5310],{"type":21,"value":529},{"type":15,"tag":173,"props":5312,"children":5313},{"style":532},[5314],{"type":21,"value":1444},{"type":15,"tag":173,"props":5316,"children":5317},{"style":538},[5318],{"type":21,"value":541},{"type":15,"tag":173,"props":5320,"children":5321},{"style":544},[5322],{"type":21,"value":547},{"type":15,"tag":173,"props":5324,"children":5325},{"style":180},[5326],{"type":21,"value":552},{"type":15,"tag":173,"props":5328,"children":5329},{"class":175,"line":1409},[5330,5334,5338],{"type":15,"tag":173,"props":5331,"children":5332},{"style":180},[5333],{"type":21,"value":386},{"type":15,"tag":173,"props":5335,"children":5336},{"style":186},[5337],{"type":21,"value":416},{"type":15,"tag":173,"props":5339,"children":5340},{"style":180},[5341],{"type":21,"value":193},{"type":15,"tag":620,"props":5343,"children":5344},{},[5345],{"type":15,"tag":163,"props":5346,"children":5348},{"className":625,"code":5347,"language":627,"meta":9,"style":9},"import { SfChip, SfThumbnail } from '@storefront-ui\u002Freact';\n\nexport default function SquareChips() {\n return (\n \u003C>\n \u003CSfChip size=\"sm\" className=\"mr-2\" square>\n \u003CSfThumbnail className=\"bg-red-500\" size=\"sm\" aria-label=\"Red thumbnail chip\" \u002F>\n \u003C\u002FSfChip>\n \u003CSfChip square>\n \u003CSfThumbnail className=\"bg-blue-500\" size=\"base\" aria-label=\"Blue thumbnail chip\" \u002F>\n \u003C\u002FSfChip>\n \u003C\u002F>\n );\n}\n",[5349],{"type":15,"tag":55,"props":5350,"children":5351},{"__ignoreMap":9},[5352,5391,5398,5422,5433,5440,5483,5534,5549,5568,5619,5634,5641,5648],{"type":15,"tag":173,"props":5353,"children":5354},{"class":175,"line":176},[5355,5359,5363,5367,5371,5375,5379,5383,5387],{"type":15,"tag":173,"props":5356,"children":5357},{"style":446},[5358],{"type":21,"value":449},{"type":15,"tag":173,"props":5360,"children":5361},{"style":180},[5362],{"type":21,"value":454},{"type":15,"tag":173,"props":5364,"children":5365},{"style":186},[5366],{"type":21,"value":60},{"type":15,"tag":173,"props":5368,"children":5369},{"style":180},[5370],{"type":21,"value":1379},{"type":15,"tag":173,"props":5372,"children":5373},{"style":186},[5374],{"type":21,"value":953},{"type":15,"tag":173,"props":5376,"children":5377},{"style":180},[5378],{"type":21,"value":464},{"type":15,"tag":173,"props":5380,"children":5381},{"style":446},[5382],{"type":21,"value":469},{"type":15,"tag":173,"props":5384,"children":5385},{"style":220},[5386],{"type":21,"value":659},{"type":15,"tag":173,"props":5388,"children":5389},{"style":180},[5390],{"type":21,"value":479},{"type":15,"tag":173,"props":5392,"children":5393},{"class":175,"line":196},[5394],{"type":15,"tag":173,"props":5395,"children":5396},{"emptyLinePlaceholder":8},[5397],{"type":21,"value":403},{"type":15,"tag":173,"props":5399,"children":5400},{"class":175,"line":267},[5401,5405,5409,5413,5418],{"type":15,"tag":173,"props":5402,"children":5403},{"style":446},[5404],{"type":21,"value":678},{"type":15,"tag":173,"props":5406,"children":5407},{"style":446},[5408],{"type":21,"value":683},{"type":15,"tag":173,"props":5410,"children":5411},{"style":446},[5412],{"type":21,"value":688},{"type":15,"tag":173,"props":5414,"children":5415},{"style":544},[5416],{"type":21,"value":5417}," SquareChips",{"type":15,"tag":173,"props":5419,"children":5420},{"style":180},[5421],{"type":21,"value":698},{"type":15,"tag":173,"props":5423,"children":5424},{"class":175,"line":330},[5425,5429],{"type":15,"tag":173,"props":5426,"children":5427},{"style":446},[5428],{"type":21,"value":706},{"type":15,"tag":173,"props":5430,"children":5431},{"style":180},[5432],{"type":21,"value":711},{"type":15,"tag":173,"props":5434,"children":5435},{"class":175,"line":380},[5436],{"type":15,"tag":173,"props":5437,"children":5438},{"style":180},[5439],{"type":21,"value":1571},{"type":15,"tag":173,"props":5441,"children":5442},{"class":175,"line":397},[5443,5447,5451,5455,5459,5463,5467,5471,5475,5479],{"type":15,"tag":173,"props":5444,"children":5445},{"style":180},[5446],{"type":21,"value":736},{"type":15,"tag":173,"props":5448,"children":5449},{"style":532},[5450],{"type":21,"value":60},{"type":15,"tag":173,"props":5452,"children":5453},{"style":743},[5454],{"type":21,"value":212},{"type":15,"tag":173,"props":5456,"children":5457},{"style":538},[5458],{"type":21,"value":217},{"type":15,"tag":173,"props":5460,"children":5461},{"style":220},[5462],{"type":21,"value":223},{"type":15,"tag":173,"props":5464,"children":5465},{"style":743},[5466],{"type":21,"value":758},{"type":15,"tag":173,"props":5468,"children":5469},{"style":538},[5470],{"type":21,"value":217},{"type":15,"tag":173,"props":5472,"children":5473},{"style":220},[5474],{"type":21,"value":237},{"type":15,"tag":173,"props":5476,"children":5477},{"style":743},[5478],{"type":21,"value":4941},{"type":15,"tag":173,"props":5480,"children":5481},{"style":180},[5482],{"type":21,"value":193},{"type":15,"tag":173,"props":5484,"children":5485},{"class":175,"line":406},[5486,5490,5494,5498,5502,5506,5510,5514,5518,5522,5526,5530],{"type":15,"tag":173,"props":5487,"children":5488},{"style":180},[5489],{"type":21,"value":1944},{"type":15,"tag":173,"props":5491,"children":5492},{"style":532},[5493],{"type":21,"value":953},{"type":15,"tag":173,"props":5495,"children":5496},{"style":743},[5497],{"type":21,"value":758},{"type":15,"tag":173,"props":5499,"children":5500},{"style":538},[5501],{"type":21,"value":217},{"type":15,"tag":173,"props":5503,"children":5504},{"style":220},[5505],{"type":21,"value":1111},{"type":15,"tag":173,"props":5507,"children":5508},{"style":743},[5509],{"type":21,"value":212},{"type":15,"tag":173,"props":5511,"children":5512},{"style":538},[5513],{"type":21,"value":217},{"type":15,"tag":173,"props":5515,"children":5516},{"style":220},[5517],{"type":21,"value":223},{"type":15,"tag":173,"props":5519,"children":5520},{"style":743},[5521],{"type":21,"value":5009},{"type":15,"tag":173,"props":5523,"children":5524},{"style":538},[5525],{"type":21,"value":217},{"type":15,"tag":173,"props":5527,"children":5528},{"style":220},[5529],{"type":21,"value":5018},{"type":15,"tag":173,"props":5531,"children":5532},{"style":180},[5533],{"type":21,"value":3403},{"type":15,"tag":173,"props":5535,"children":5536},{"class":175,"line":442},[5537,5541,5545],{"type":15,"tag":173,"props":5538,"children":5539},{"style":180},[5540],{"type":21,"value":786},{"type":15,"tag":173,"props":5542,"children":5543},{"style":532},[5544],{"type":21,"value":60},{"type":15,"tag":173,"props":5546,"children":5547},{"style":180},[5548],{"type":21,"value":193},{"type":15,"tag":173,"props":5550,"children":5551},{"class":175,"line":482},[5552,5556,5560,5564],{"type":15,"tag":173,"props":5553,"children":5554},{"style":180},[5555],{"type":21,"value":736},{"type":15,"tag":173,"props":5557,"children":5558},{"style":532},[5559],{"type":21,"value":60},{"type":15,"tag":173,"props":5561,"children":5562},{"style":743},[5563],{"type":21,"value":4941},{"type":15,"tag":173,"props":5565,"children":5566},{"style":180},[5567],{"type":21,"value":193},{"type":15,"tag":173,"props":5569,"children":5570},{"class":175,"line":515},[5571,5575,5579,5583,5587,5591,5595,5599,5603,5607,5611,5615],{"type":15,"tag":173,"props":5572,"children":5573},{"style":180},[5574],{"type":21,"value":1944},{"type":15,"tag":173,"props":5576,"children":5577},{"style":532},[5578],{"type":21,"value":953},{"type":15,"tag":173,"props":5580,"children":5581},{"style":743},[5582],{"type":21,"value":758},{"type":15,"tag":173,"props":5584,"children":5585},{"style":538},[5586],{"type":21,"value":217},{"type":15,"tag":173,"props":5588,"children":5589},{"style":220},[5590],{"type":21,"value":5092},{"type":15,"tag":173,"props":5592,"children":5593},{"style":743},[5594],{"type":21,"value":212},{"type":15,"tag":173,"props":5596,"children":5597},{"style":538},[5598],{"type":21,"value":217},{"type":15,"tag":173,"props":5600,"children":5601},{"style":220},[5602],{"type":21,"value":289},{"type":15,"tag":173,"props":5604,"children":5605},{"style":743},[5606],{"type":21,"value":5009},{"type":15,"tag":173,"props":5608,"children":5609},{"style":538},[5610],{"type":21,"value":217},{"type":15,"tag":173,"props":5612,"children":5613},{"style":220},[5614],{"type":21,"value":5131},{"type":15,"tag":173,"props":5616,"children":5617},{"style":180},[5618],{"type":21,"value":3403},{"type":15,"tag":173,"props":5620,"children":5621},{"class":175,"line":523},[5622,5626,5630],{"type":15,"tag":173,"props":5623,"children":5624},{"style":180},[5625],{"type":21,"value":786},{"type":15,"tag":173,"props":5627,"children":5628},{"style":532},[5629],{"type":21,"value":60},{"type":15,"tag":173,"props":5631,"children":5632},{"style":180},[5633],{"type":21,"value":193},{"type":15,"tag":173,"props":5635,"children":5636},{"class":175,"line":555},[5637],{"type":15,"tag":173,"props":5638,"children":5639},{"style":180},[5640],{"type":21,"value":1773},{"type":15,"tag":173,"props":5642,"children":5643},{"class":175,"line":580},[5644],{"type":15,"tag":173,"props":5645,"children":5646},{"style":180},[5647],{"type":21,"value":904},{"type":15,"tag":173,"props":5649,"children":5650},{"class":175,"line":605},[5651],{"type":15,"tag":173,"props":5652,"children":5653},{"style":180},[5654],{"type":21,"value":913},{"type":15,"tag":99,"props":5656,"children":5658},{"id":5657},"accessibility-notes",[5659],{"type":21,"value":5660},"Accessibility notes",{"type":15,"tag":31,"props":5662,"children":5663},{},[5664,5666,5671,5673,5679],{"type":21,"value":5665},"When using ",{"type":15,"tag":55,"props":5667,"children":5669},{"className":5668},[],[5670],{"type":21,"value":60},{"type":21,"value":5672}," without any text label\u002Fdescription inside, you should specify an ",{"type":15,"tag":55,"props":5674,"children":5676},{"className":5675},[],[5677],{"type":21,"value":5678},"aria-label",{"type":21,"value":5680}," on the component so that it can be understood by people using screen readers.",{"type":15,"tag":99,"props":5682,"children":5684},{"id":5683},"playground",[5685],{"type":21,"value":5686},"Playground",{"type":15,"tag":5688,"props":5689,"children":5691},"generate",{"style":5690},"height: 380px",[],{"type":15,"tag":27,"props":5693,"children":5694},{"v-slot:tab-2":9},[5695,5701,5907],{"type":15,"tag":99,"props":5696,"children":5698},{"id":5697},"props",[5699],{"type":21,"value":5700},"Props",{"type":15,"tag":620,"props":5702,"children":5703},{},[5704],{"type":15,"tag":5705,"props":5706,"children":5707},"table",{},[5708,5737],{"type":15,"tag":5709,"props":5710,"children":5711},"thead",{},[5712],{"type":15,"tag":5713,"props":5714,"children":5715},"tr",{},[5716,5722,5727,5732],{"type":15,"tag":5717,"props":5718,"children":5719},"th",{},[5720],{"type":21,"value":5721},"Prop name",{"type":15,"tag":5717,"props":5723,"children":5724},{},[5725],{"type":21,"value":5726},"Type",{"type":15,"tag":5717,"props":5728,"children":5729},{},[5730],{"type":21,"value":5731},"Default value",{"type":15,"tag":5717,"props":5733,"children":5734},{},[5735],{"type":21,"value":5736},"Possible values",{"type":15,"tag":5738,"props":5739,"children":5740},"tbody",{},[5741,5783,5815,5847,5880],{"type":15,"tag":5713,"props":5742,"children":5743},{},[5744,5753,5761,5769],{"type":15,"tag":5745,"props":5746,"children":5747},"td",{},[5748],{"type":15,"tag":55,"props":5749,"children":5751},{"className":5750},[],[5752],{"type":21,"value":127},{"type":15,"tag":5745,"props":5754,"children":5755},{},[5756],{"type":15,"tag":55,"props":5757,"children":5759},{"className":5758},[],[5760],{"type":21,"value":4297},{"type":15,"tag":5745,"props":5762,"children":5763},{},[5764],{"type":15,"tag":55,"props":5765,"children":5767},{"className":5766},[],[5768],{"type":21,"value":143},{"type":15,"tag":5745,"props":5770,"children":5771},{},[5772,5777,5778],{"type":15,"tag":55,"props":5773,"children":5775},{"className":5774},[],[5776],{"type":21,"value":135},{"type":21,"value":1379},{"type":15,"tag":55,"props":5779,"children":5781},{"className":5780},[],[5782],{"type":21,"value":143},{"type":15,"tag":5713,"props":5784,"children":5785},{},[5786,5794,5803,5812],{"type":15,"tag":5745,"props":5787,"children":5788},{},[5789],{"type":15,"tag":55,"props":5790,"children":5792},{"className":5791},[],[5793],{"type":21,"value":4882},{"type":15,"tag":5745,"props":5795,"children":5796},{},[5797],{"type":15,"tag":55,"props":5798,"children":5800},{"className":5799},[],[5801],{"type":21,"value":5802},"boolean",{"type":15,"tag":5745,"props":5804,"children":5805},{},[5806],{"type":15,"tag":55,"props":5807,"children":5809},{"className":5808},[],[5810],{"type":21,"value":5811},"false",{"type":15,"tag":5745,"props":5813,"children":5814},{},[],{"type":15,"tag":5713,"props":5816,"children":5817},{},[5818,5826,5835,5838],{"type":15,"tag":5745,"props":5819,"children":5820},{},[5821],{"type":15,"tag":55,"props":5822,"children":5824},{"className":5823},[],[5825],{"type":21,"value":95},{"type":15,"tag":5745,"props":5827,"children":5828},{},[5829],{"type":15,"tag":55,"props":5830,"children":5832},{"className":5831},[],[5833],{"type":21,"value":5834},"InputHTMLAttributes",{"type":15,"tag":5745,"props":5836,"children":5837},{},[],{"type":15,"tag":5745,"props":5839,"children":5840},{},[5841],{"type":15,"tag":55,"props":5842,"children":5844},{"className":5843},[],[5845],{"type":21,"value":5846},"{ disabled: true }",{"type":15,"tag":5713,"props":5848,"children":5849},{},[5850,5859,5868,5877],{"type":15,"tag":5745,"props":5851,"children":5852},{},[5853],{"type":15,"tag":55,"props":5854,"children":5856},{"className":5855},[],[5857],{"type":21,"value":5858},"onSelected",{"type":15,"tag":5745,"props":5860,"children":5861},{},[5862],{"type":15,"tag":55,"props":5863,"children":5865},{"className":5864},[],[5866],{"type":21,"value":5867},"Function",{"type":15,"tag":5745,"props":5869,"children":5870},{},[5871],{"type":15,"tag":55,"props":5872,"children":5874},{"className":5873},[],[5875],{"type":21,"value":5876},"(event?: ChangeEvent\u003CHTMLInputElement>) => void",{"type":15,"tag":5745,"props":5878,"children":5879},{},[],{"type":15,"tag":5713,"props":5881,"children":5882},{},[5883,5892,5901,5904],{"type":15,"tag":5745,"props":5884,"children":5885},{},[5886],{"type":15,"tag":55,"props":5887,"children":5889},{"className":5888},[],[5890],{"type":21,"value":5891},"children",{"type":15,"tag":5745,"props":5893,"children":5894},{},[5895],{"type":15,"tag":55,"props":5896,"children":5898},{"className":5897},[],[5899],{"type":21,"value":5900},"ReactNode",{"type":15,"tag":5745,"props":5902,"children":5903},{},[],{"type":15,"tag":5745,"props":5905,"children":5906},{},[],{"type":15,"tag":159,"props":5908,"children":5909},{},[5910,6070,6076,6115,6121],{"type":15,"tag":5705,"props":5911,"children":5912},{},[5913,5935],{"type":15,"tag":5709,"props":5914,"children":5915},{},[5916],{"type":15,"tag":5713,"props":5917,"children":5918},{},[5919,5923,5927,5931],{"type":15,"tag":5717,"props":5920,"children":5921},{},[5922],{"type":21,"value":5721},{"type":15,"tag":5717,"props":5924,"children":5925},{},[5926],{"type":21,"value":5726},{"type":15,"tag":5717,"props":5928,"children":5929},{},[5930],{"type":21,"value":5731},{"type":15,"tag":5717,"props":5932,"children":5933},{},[5934],{"type":21,"value":5736},{"type":15,"tag":5738,"props":5936,"children":5937},{},[5938,5979,6009,6039],{"type":15,"tag":5713,"props":5939,"children":5940},{},[5941,5949,5957,5965],{"type":15,"tag":5745,"props":5942,"children":5943},{},[5944],{"type":15,"tag":55,"props":5945,"children":5947},{"className":5946},[],[5948],{"type":21,"value":127},{"type":15,"tag":5745,"props":5950,"children":5951},{},[5952],{"type":15,"tag":55,"props":5953,"children":5955},{"className":5954},[],[5956],{"type":21,"value":4297},{"type":15,"tag":5745,"props":5958,"children":5959},{},[5960],{"type":15,"tag":55,"props":5961,"children":5963},{"className":5962},[],[5964],{"type":21,"value":143},{"type":15,"tag":5745,"props":5966,"children":5967},{},[5968,5973,5974],{"type":15,"tag":55,"props":5969,"children":5971},{"className":5970},[],[5972],{"type":21,"value":135},{"type":21,"value":1379},{"type":15,"tag":55,"props":5975,"children":5977},{"className":5976},[],[5978],{"type":21,"value":143},{"type":15,"tag":5713,"props":5980,"children":5981},{},[5982,5990,5998,6006],{"type":15,"tag":5745,"props":5983,"children":5984},{},[5985],{"type":15,"tag":55,"props":5986,"children":5988},{"className":5987},[],[5989],{"type":21,"value":4882},{"type":15,"tag":5745,"props":5991,"children":5992},{},[5993],{"type":15,"tag":55,"props":5994,"children":5996},{"className":5995},[],[5997],{"type":21,"value":5802},{"type":15,"tag":5745,"props":5999,"children":6000},{},[6001],{"type":15,"tag":55,"props":6002,"children":6004},{"className":6003},[],[6005],{"type":21,"value":5811},{"type":15,"tag":5745,"props":6007,"children":6008},{},[],{"type":15,"tag":5713,"props":6010,"children":6011},{},[6012,6020,6028,6031],{"type":15,"tag":5745,"props":6013,"children":6014},{},[6015],{"type":15,"tag":55,"props":6016,"children":6018},{"className":6017},[],[6019],{"type":21,"value":95},{"type":15,"tag":5745,"props":6021,"children":6022},{},[6023],{"type":15,"tag":55,"props":6024,"children":6026},{"className":6025},[],[6027],{"type":21,"value":5834},{"type":15,"tag":5745,"props":6029,"children":6030},{},[],{"type":15,"tag":5745,"props":6032,"children":6033},{},[6034],{"type":15,"tag":55,"props":6035,"children":6037},{"className":6036},[],[6038],{"type":21,"value":5846},{"type":15,"tag":5713,"props":6040,"children":6041},{},[6042,6051,6059,6067],{"type":15,"tag":5745,"props":6043,"children":6044},{},[6045],{"type":15,"tag":55,"props":6046,"children":6048},{"className":6047},[],[6049],{"type":21,"value":6050},"modelValue",{"type":15,"tag":5745,"props":6052,"children":6053},{},[6054],{"type":15,"tag":55,"props":6055,"children":6057},{"className":6056},[],[6058],{"type":21,"value":5802},{"type":15,"tag":5745,"props":6060,"children":6061},{},[6062],{"type":15,"tag":55,"props":6063,"children":6065},{"className":6064},[],[6066],{"type":21,"value":5811},{"type":15,"tag":5745,"props":6068,"children":6069},{},[],{"type":15,"tag":99,"props":6071,"children":6073},{"id":6072},"slots",[6074],{"type":21,"value":6075},"Slots",{"type":15,"tag":5705,"props":6077,"children":6078},{},[6079,6095],{"type":15,"tag":5709,"props":6080,"children":6081},{},[6082],{"type":15,"tag":5713,"props":6083,"children":6084},{},[6085,6090],{"type":15,"tag":5717,"props":6086,"children":6087},{},[6088],{"type":21,"value":6089},"Slot name",{"type":15,"tag":5717,"props":6091,"children":6092},{},[6093],{"type":21,"value":6094},"Description",{"type":15,"tag":5738,"props":6096,"children":6097},{},[6098],{"type":15,"tag":5713,"props":6099,"children":6100},{},[6101,6110],{"type":15,"tag":5745,"props":6102,"children":6103},{},[6104],{"type":15,"tag":55,"props":6105,"children":6107},{"className":6106},[],[6108],{"type":21,"value":6109},"default",{"type":15,"tag":5745,"props":6111,"children":6112},{},[6113],{"type":21,"value":6114},"Replaces content inside chip",{"type":15,"tag":99,"props":6116,"children":6118},{"id":6117},"events",[6119],{"type":21,"value":6120},"Events",{"type":15,"tag":5705,"props":6122,"children":6123},{},[6124,6140],{"type":15,"tag":5709,"props":6125,"children":6126},{},[6127],{"type":15,"tag":5713,"props":6128,"children":6129},{},[6130,6135],{"type":15,"tag":5717,"props":6131,"children":6132},{},[6133],{"type":21,"value":6134},"Event name",{"type":15,"tag":5717,"props":6136,"children":6137},{},[6138],{"type":21,"value":6139},"Trigger",{"type":15,"tag":5738,"props":6141,"children":6142},{},[6143],{"type":15,"tag":5713,"props":6144,"children":6145},{},[6146,6155],{"type":15,"tag":5745,"props":6147,"children":6148},{},[6149],{"type":15,"tag":55,"props":6150,"children":6152},{"className":6151},[],[6153],{"type":21,"value":6154},"update:modelValue",{"type":15,"tag":5745,"props":6156,"children":6157},{},[6158],{"type":21,"value":6159},"triggers v-model update event",{"type":15,"tag":27,"props":6161,"children":6162},{"v-slot:tab-3":9},[6163,6168,8128],{"type":15,"tag":6164,"props":6165,"children":6167},"partial",{"content":6166},"block-callout",[],{"type":15,"tag":159,"props":6169,"children":6170},{},[6171],{"type":15,"tag":163,"props":6172,"children":6174},{"className":165,"code":6173,"language":167,"meta":9,"style":9},"\u003Cscript lang=\"ts\">\nconst sizeClasses = {\n [SfChipSize.sm]: 'text-sm py-1.5 gap-1.5',\n [SfChipSize.base]: 'text-base py-2 gap-2',\n};\n\u003C\u002Fscript>\n\u003Cscript lang=\"ts\" setup>\nimport { type PropType, type InputHTMLAttributes, useId, toRefs, computed } from 'vue';\nimport { SfChipSize, useSlotsRef, twMerge, useTwMergeRoot } from '@storefront-ui\u002Fvue';\n\nconst props = defineProps({\n size: {\n type: String as PropType\u003C`${SfChipSize}`>,\n default: SfChipSize.base,\n },\n modelValue: {\n type: [String, Array, Boolean] as PropType\u003CInputHTMLAttributes['checked']>,\n default: false,\n },\n inputProps: {\n type: Object as PropType\u003CInputHTMLAttributes>,\n default: null,\n },\n square: {\n type: Boolean,\n default: false,\n },\n});\ndefineOptions({\n inheritAttrs: false,\n});\nconst { attrsWithoutClass } = useTwMergeRoot();\n\nconst { size, square, modelValue } = toRefs(props);\nconst emit = defineEmits\u003C{\n (event: 'update:modelValue', param: InputHTMLAttributes['checked']): void;\n}>();\nconst slots = useSlotsRef();\nconst inputId = useId();\n\nconst onSelected = computed({\n get: () => modelValue?.value,\n set: (value) => emit('update:modelValue', value),\n});\n\nconst paddingForSize = computed(() => {\n switch (size.value) {\n case SfChipSize.sm:\n return square.value\n ? ['px-1.5']\n : [slots.value.prefix ? 'pl-1.5' : 'pl-3', slots.value.suffix ? 'pr-1.5' : 'pr-3'];\n default:\n return square.value ? ['px-2'] : [slots.value.prefix ? 'pl-2' : 'pl-4', slots.value.suffix ? 'pr-2' : 'pr-4'];\n }\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Cinput\n :id=\"inputId\"\n :class=\"twMerge('absolute w-0 outline-hidden appearance-none peer', inputProps?.class)\"\n type=\"checkbox\"\n v-model=\"onSelected\"\n v-bind=\"inputProps\"\n \u002F>\n \u003Clabel\n :for=\"inputId\"\n :class=\"\n twMerge(\n 'cursor-pointer ring-1 ring-neutral-200 ring-inset rounded-full inline-flex items-center transition duration-300 justify-center outline-offset-2 outline-secondary-600 peer-next-checked:ring-2 peer-next-checked:ring-primary-700 hover:bg-primary-100 peer-next-hover:ring-primary-200 active:bg-primary-200 peer-next-active:ring-primary-300 peer-next-disabled:cursor-not-allowed peer-next-disabled:bg-disabled-100 peer-next-disabled:opacity-50 peer-next-disabled:ring-1 peer-next-disabled:ring-disabled-200 peer-next-disabled:hover:ring-disabled-200 peer-next-checked:hover:ring-primary-700 peer-next-checked:active:ring-primary-700 peer-next-focus-visible:outline',\n sizeClasses[size],\n ...paddingForSize,\n $attrs.class,\n )\n \"\n data-testid=\"chip\"\n v-bind=\"attrsWithoutClass\"\n >\n \u003Cslot v-if=\"$slots.prefix\" name=\"prefix\" \u002F>\n \u003Cslot \u002F>\n \u003Cslot v-if=\"$slots.suffix\" name=\"suffix\" \u002F>\n \u003C\u002Flabel>\n\u003C\u002Ftemplate>\n\n",[6175],{"type":15,"tag":55,"props":6176,"children":6177},{"__ignoreMap":9},[6178,6205,6225,6257,6286,6293,6308,6339,6416,6474,6481,6506,6519,6575,6604,6612,6624,6694,6713,6720,6732,6768,6788,6795,6807,6826,6845,6852,6860,6872,6892,6899,6932,6939,6995,7021,7082,7091,7117,7143,7151,7177,7212,7263,7271,7279,7313,7343,7371,7393,7416,7515,7527,7657,7666,7674,7690,7698,7714,7727,7745,7763,7780,7798,7816,7825,7838,7855,7872,7881,7890,7899,7908,7917,7926,7935,7953,7970,7979,8030,8050,8096,8112],{"type":15,"tag":173,"props":6179,"children":6180},{"class":175,"line":176},[6181,6185,6189,6193,6197,6201],{"type":15,"tag":173,"props":6182,"children":6183},{"style":180},[6184],{"type":21,"value":183},{"type":15,"tag":173,"props":6186,"children":6187},{"style":186},[6188],{"type":21,"value":416},{"type":15,"tag":173,"props":6190,"children":6191},{"style":209},[6192],{"type":21,"value":421},{"type":15,"tag":173,"props":6194,"children":6195},{"style":180},[6196],{"type":21,"value":217},{"type":15,"tag":173,"props":6198,"children":6199},{"style":220},[6200],{"type":21,"value":430},{"type":15,"tag":173,"props":6202,"children":6203},{"style":180},[6204],{"type":21,"value":193},{"type":15,"tag":173,"props":6206,"children":6207},{"class":175,"line":196},[6208,6212,6217,6221],{"type":15,"tag":173,"props":6209,"children":6210},{"style":446},[6211],{"type":21,"value":529},{"type":15,"tag":173,"props":6213,"children":6214},{"style":532},[6215],{"type":21,"value":6216}," sizeClasses",{"type":15,"tag":173,"props":6218,"children":6219},{"style":538},[6220],{"type":21,"value":541},{"type":15,"tag":173,"props":6222,"children":6223},{"style":180},[6224],{"type":21,"value":3869},{"type":15,"tag":173,"props":6226,"children":6227},{"class":175,"line":267},[6228,6233,6238,6243,6248,6253],{"type":15,"tag":173,"props":6229,"children":6230},{"style":180},[6231],{"type":21,"value":6232}," [",{"type":15,"tag":173,"props":6234,"children":6235},{"style":532},[6236],{"type":21,"value":6237},"SfChipSize",{"type":15,"tag":173,"props":6239,"children":6240},{"style":186},[6241],{"type":21,"value":6242},".sm",{"type":15,"tag":173,"props":6244,"children":6245},{"style":180},[6246],{"type":21,"value":6247},"]: ",{"type":15,"tag":173,"props":6249,"children":6250},{"style":220},[6251],{"type":21,"value":6252},"'text-sm py-1.5 gap-1.5'",{"type":15,"tag":173,"props":6254,"children":6255},{"style":180},[6256],{"type":21,"value":2918},{"type":15,"tag":173,"props":6258,"children":6259},{"class":175,"line":330},[6260,6264,6268,6273,6277,6282],{"type":15,"tag":173,"props":6261,"children":6262},{"style":180},[6263],{"type":21,"value":6232},{"type":15,"tag":173,"props":6265,"children":6266},{"style":532},[6267],{"type":21,"value":6237},{"type":15,"tag":173,"props":6269,"children":6270},{"style":186},[6271],{"type":21,"value":6272},".base",{"type":15,"tag":173,"props":6274,"children":6275},{"style":180},[6276],{"type":21,"value":6247},{"type":15,"tag":173,"props":6278,"children":6279},{"style":220},[6280],{"type":21,"value":6281},"'text-base py-2 gap-2'",{"type":15,"tag":173,"props":6283,"children":6284},{"style":180},[6285],{"type":21,"value":2918},{"type":15,"tag":173,"props":6287,"children":6288},{"class":175,"line":380},[6289],{"type":15,"tag":173,"props":6290,"children":6291},{"style":180},[6292],{"type":21,"value":3924},{"type":15,"tag":173,"props":6294,"children":6295},{"class":175,"line":397},[6296,6300,6304],{"type":15,"tag":173,"props":6297,"children":6298},{"style":180},[6299],{"type":21,"value":386},{"type":15,"tag":173,"props":6301,"children":6302},{"style":186},[6303],{"type":21,"value":416},{"type":15,"tag":173,"props":6305,"children":6306},{"style":180},[6307],{"type":21,"value":193},{"type":15,"tag":173,"props":6309,"children":6310},{"class":175,"line":406},[6311,6315,6319,6323,6327,6331,6335],{"type":15,"tag":173,"props":6312,"children":6313},{"style":180},[6314],{"type":21,"value":183},{"type":15,"tag":173,"props":6316,"children":6317},{"style":186},[6318],{"type":21,"value":416},{"type":15,"tag":173,"props":6320,"children":6321},{"style":209},[6322],{"type":21,"value":421},{"type":15,"tag":173,"props":6324,"children":6325},{"style":180},[6326],{"type":21,"value":217},{"type":15,"tag":173,"props":6328,"children":6329},{"style":220},[6330],{"type":21,"value":430},{"type":15,"tag":173,"props":6332,"children":6333},{"style":209},[6334],{"type":21,"value":435},{"type":15,"tag":173,"props":6336,"children":6337},{"style":180},[6338],{"type":21,"value":193},{"type":15,"tag":173,"props":6340,"children":6341},{"class":175,"line":442},[6342,6346,6350,6355,6360,6364,6368,6373,6377,6382,6386,6391,6395,6400,6404,6408,6412],{"type":15,"tag":173,"props":6343,"children":6344},{"style":446},[6345],{"type":21,"value":449},{"type":15,"tag":173,"props":6347,"children":6348},{"style":180},[6349],{"type":21,"value":454},{"type":15,"tag":173,"props":6351,"children":6352},{"style":446},[6353],{"type":21,"value":6354},"type",{"type":15,"tag":173,"props":6356,"children":6357},{"style":186},[6358],{"type":21,"value":6359}," PropType",{"type":15,"tag":173,"props":6361,"children":6362},{"style":180},[6363],{"type":21,"value":1379},{"type":15,"tag":173,"props":6365,"children":6366},{"style":446},[6367],{"type":21,"value":6354},{"type":15,"tag":173,"props":6369,"children":6370},{"style":186},[6371],{"type":21,"value":6372}," InputHTMLAttributes",{"type":15,"tag":173,"props":6374,"children":6375},{"style":180},[6376],{"type":21,"value":1379},{"type":15,"tag":173,"props":6378,"children":6379},{"style":186},[6380],{"type":21,"value":6381},"useId",{"type":15,"tag":173,"props":6383,"children":6384},{"style":180},[6385],{"type":21,"value":1379},{"type":15,"tag":173,"props":6387,"children":6388},{"style":186},[6389],{"type":21,"value":6390},"toRefs",{"type":15,"tag":173,"props":6392,"children":6393},{"style":180},[6394],{"type":21,"value":1379},{"type":15,"tag":173,"props":6396,"children":6397},{"style":186},[6398],{"type":21,"value":6399},"computed",{"type":15,"tag":173,"props":6401,"children":6402},{"style":180},[6403],{"type":21,"value":464},{"type":15,"tag":173,"props":6405,"children":6406},{"style":446},[6407],{"type":21,"value":469},{"type":15,"tag":173,"props":6409,"children":6410},{"style":220},[6411],{"type":21,"value":474},{"type":15,"tag":173,"props":6413,"children":6414},{"style":180},[6415],{"type":21,"value":479},{"type":15,"tag":173,"props":6417,"children":6418},{"class":175,"line":482},[6419,6423,6427,6431,6435,6440,6444,6449,6453,6458,6462,6466,6470],{"type":15,"tag":173,"props":6420,"children":6421},{"style":446},[6422],{"type":21,"value":449},{"type":15,"tag":173,"props":6424,"children":6425},{"style":180},[6426],{"type":21,"value":454},{"type":15,"tag":173,"props":6428,"children":6429},{"style":186},[6430],{"type":21,"value":6237},{"type":15,"tag":173,"props":6432,"children":6433},{"style":180},[6434],{"type":21,"value":1379},{"type":15,"tag":173,"props":6436,"children":6437},{"style":186},[6438],{"type":21,"value":6439},"useSlotsRef",{"type":15,"tag":173,"props":6441,"children":6442},{"style":180},[6443],{"type":21,"value":1379},{"type":15,"tag":173,"props":6445,"children":6446},{"style":186},[6447],{"type":21,"value":6448},"twMerge",{"type":15,"tag":173,"props":6450,"children":6451},{"style":180},[6452],{"type":21,"value":1379},{"type":15,"tag":173,"props":6454,"children":6455},{"style":186},[6456],{"type":21,"value":6457},"useTwMergeRoot",{"type":15,"tag":173,"props":6459,"children":6460},{"style":180},[6461],{"type":21,"value":464},{"type":15,"tag":173,"props":6463,"children":6464},{"style":446},[6465],{"type":21,"value":469},{"type":15,"tag":173,"props":6467,"children":6468},{"style":220},[6469],{"type":21,"value":508},{"type":15,"tag":173,"props":6471,"children":6472},{"style":180},[6473],{"type":21,"value":479},{"type":15,"tag":173,"props":6475,"children":6476},{"class":175,"line":515},[6477],{"type":15,"tag":173,"props":6478,"children":6479},{"emptyLinePlaceholder":8},[6480],{"type":21,"value":403},{"type":15,"tag":173,"props":6482,"children":6483},{"class":175,"line":523},[6484,6488,6493,6497,6502],{"type":15,"tag":173,"props":6485,"children":6486},{"style":446},[6487],{"type":21,"value":529},{"type":15,"tag":173,"props":6489,"children":6490},{"style":532},[6491],{"type":21,"value":6492}," props",{"type":15,"tag":173,"props":6494,"children":6495},{"style":538},[6496],{"type":21,"value":541},{"type":15,"tag":173,"props":6498,"children":6499},{"style":544},[6500],{"type":21,"value":6501}," defineProps",{"type":15,"tag":173,"props":6503,"children":6504},{"style":180},[6505],{"type":21,"value":2887},{"type":15,"tag":173,"props":6507,"children":6508},{"class":175,"line":555},[6509,6514],{"type":15,"tag":173,"props":6510,"children":6511},{"style":186},[6512],{"type":21,"value":6513}," size",{"type":15,"tag":173,"props":6515,"children":6516},{"style":180},[6517],{"type":21,"value":6518},": {\n",{"type":15,"tag":173,"props":6520,"children":6521},{"class":175,"line":580},[6522,6527,6531,6536,6541,6545,6549,6554,6558,6562,6566,6570],{"type":15,"tag":173,"props":6523,"children":6524},{"style":186},[6525],{"type":21,"value":6526}," type",{"type":15,"tag":173,"props":6528,"children":6529},{"style":180},[6530],{"type":21,"value":2279},{"type":15,"tag":173,"props":6532,"children":6533},{"style":186},[6534],{"type":21,"value":6535},"String",{"type":15,"tag":173,"props":6537,"children":6538},{"style":446},[6539],{"type":21,"value":6540}," as",{"type":15,"tag":173,"props":6542,"children":6543},{"style":532},[6544],{"type":21,"value":6359},{"type":15,"tag":173,"props":6546,"children":6547},{"style":180},[6548],{"type":21,"value":183},{"type":15,"tag":173,"props":6550,"children":6551},{"style":220},[6552],{"type":21,"value":6553},"`",{"type":15,"tag":173,"props":6555,"children":6556},{"style":446},[6557],{"type":21,"value":4690},{"type":15,"tag":173,"props":6559,"children":6560},{"style":532},[6561],{"type":21,"value":6237},{"type":15,"tag":173,"props":6563,"children":6564},{"style":446},[6565],{"type":21,"value":1662},{"type":15,"tag":173,"props":6567,"children":6568},{"style":220},[6569],{"type":21,"value":6553},{"type":15,"tag":173,"props":6571,"children":6572},{"style":180},[6573],{"type":21,"value":6574},">,\n",{"type":15,"tag":173,"props":6576,"children":6577},{"class":175,"line":605},[6578,6583,6587,6591,6595,6600],{"type":15,"tag":173,"props":6579,"children":6580},{"style":186},[6581],{"type":21,"value":6582}," default",{"type":15,"tag":173,"props":6584,"children":6585},{"style":180},[6586],{"type":21,"value":2279},{"type":15,"tag":173,"props":6588,"children":6589},{"style":532},[6590],{"type":21,"value":6237},{"type":15,"tag":173,"props":6592,"children":6593},{"style":180},[6594],{"type":21,"value":152},{"type":15,"tag":173,"props":6596,"children":6597},{"style":186},[6598],{"type":21,"value":6599},"base",{"type":15,"tag":173,"props":6601,"children":6602},{"style":180},[6603],{"type":21,"value":2918},{"type":15,"tag":173,"props":6605,"children":6606},{"class":175,"line":907},[6607],{"type":15,"tag":173,"props":6608,"children":6609},{"style":180},[6610],{"type":21,"value":6611}," },\n",{"type":15,"tag":173,"props":6613,"children":6614},{"class":175,"line":1409},[6615,6620],{"type":15,"tag":173,"props":6616,"children":6617},{"style":186},[6618],{"type":21,"value":6619}," modelValue",{"type":15,"tag":173,"props":6621,"children":6622},{"style":180},[6623],{"type":21,"value":6518},{"type":15,"tag":173,"props":6625,"children":6626},{"class":175,"line":1434},[6627,6631,6636,6640,6644,6649,6653,6658,6662,6667,6671,6675,6679,6684,6689],{"type":15,"tag":173,"props":6628,"children":6629},{"style":186},[6630],{"type":21,"value":6526},{"type":15,"tag":173,"props":6632,"children":6633},{"style":180},[6634],{"type":21,"value":6635},": [",{"type":15,"tag":173,"props":6637,"children":6638},{"style":186},[6639],{"type":21,"value":6535},{"type":15,"tag":173,"props":6641,"children":6642},{"style":180},[6643],{"type":21,"value":1379},{"type":15,"tag":173,"props":6645,"children":6646},{"style":186},[6647],{"type":21,"value":6648},"Array",{"type":15,"tag":173,"props":6650,"children":6651},{"style":180},[6652],{"type":21,"value":1379},{"type":15,"tag":173,"props":6654,"children":6655},{"style":186},[6656],{"type":21,"value":6657},"Boolean",{"type":15,"tag":173,"props":6659,"children":6660},{"style":180},[6661],{"type":21,"value":4242},{"type":15,"tag":173,"props":6663,"children":6664},{"style":446},[6665],{"type":21,"value":6666},"as",{"type":15,"tag":173,"props":6668,"children":6669},{"style":532},[6670],{"type":21,"value":6359},{"type":15,"tag":173,"props":6672,"children":6673},{"style":180},[6674],{"type":21,"value":183},{"type":15,"tag":173,"props":6676,"children":6677},{"style":532},[6678],{"type":21,"value":5834},{"type":15,"tag":173,"props":6680,"children":6681},{"style":180},[6682],{"type":21,"value":6683},"[",{"type":15,"tag":173,"props":6685,"children":6686},{"style":220},[6687],{"type":21,"value":6688},"'checked'",{"type":15,"tag":173,"props":6690,"children":6691},{"style":180},[6692],{"type":21,"value":6693},"]>,\n",{"type":15,"tag":173,"props":6695,"children":6696},{"class":175,"line":1459},[6697,6701,6705,6709],{"type":15,"tag":173,"props":6698,"children":6699},{"style":186},[6700],{"type":21,"value":6582},{"type":15,"tag":173,"props":6702,"children":6703},{"style":180},[6704],{"type":21,"value":2279},{"type":15,"tag":173,"props":6706,"children":6707},{"style":209},[6708],{"type":21,"value":5811},{"type":15,"tag":173,"props":6710,"children":6711},{"style":180},[6712],{"type":21,"value":2918},{"type":15,"tag":173,"props":6714,"children":6715},{"class":175,"line":2117},[6716],{"type":15,"tag":173,"props":6717,"children":6718},{"style":180},[6719],{"type":21,"value":6611},{"type":15,"tag":173,"props":6721,"children":6722},{"class":175,"line":2125},[6723,6728],{"type":15,"tag":173,"props":6724,"children":6725},{"style":186},[6726],{"type":21,"value":6727}," inputProps",{"type":15,"tag":173,"props":6729,"children":6730},{"style":180},[6731],{"type":21,"value":6518},{"type":15,"tag":173,"props":6733,"children":6734},{"class":175,"line":2157},[6735,6739,6743,6748,6752,6756,6760,6764],{"type":15,"tag":173,"props":6736,"children":6737},{"style":186},[6738],{"type":21,"value":6526},{"type":15,"tag":173,"props":6740,"children":6741},{"style":180},[6742],{"type":21,"value":2279},{"type":15,"tag":173,"props":6744,"children":6745},{"style":186},[6746],{"type":21,"value":6747},"Object",{"type":15,"tag":173,"props":6749,"children":6750},{"style":446},[6751],{"type":21,"value":6540},{"type":15,"tag":173,"props":6753,"children":6754},{"style":532},[6755],{"type":21,"value":6359},{"type":15,"tag":173,"props":6757,"children":6758},{"style":180},[6759],{"type":21,"value":183},{"type":15,"tag":173,"props":6761,"children":6762},{"style":532},[6763],{"type":21,"value":5834},{"type":15,"tag":173,"props":6765,"children":6766},{"style":180},[6767],{"type":21,"value":6574},{"type":15,"tag":173,"props":6769,"children":6770},{"class":175,"line":2189},[6771,6775,6779,6784],{"type":15,"tag":173,"props":6772,"children":6773},{"style":186},[6774],{"type":21,"value":6582},{"type":15,"tag":173,"props":6776,"children":6777},{"style":180},[6778],{"type":21,"value":2279},{"type":15,"tag":173,"props":6780,"children":6781},{"style":209},[6782],{"type":21,"value":6783},"null",{"type":15,"tag":173,"props":6785,"children":6786},{"style":180},[6787],{"type":21,"value":2918},{"type":15,"tag":173,"props":6789,"children":6790},{"class":175,"line":2229},[6791],{"type":15,"tag":173,"props":6792,"children":6793},{"style":180},[6794],{"type":21,"value":6611},{"type":15,"tag":173,"props":6796,"children":6797},{"class":175,"line":2237},[6798,6803],{"type":15,"tag":173,"props":6799,"children":6800},{"style":186},[6801],{"type":21,"value":6802}," square",{"type":15,"tag":173,"props":6804,"children":6805},{"style":180},[6806],{"type":21,"value":6518},{"type":15,"tag":173,"props":6808,"children":6809},{"class":175,"line":2263},[6810,6814,6818,6822],{"type":15,"tag":173,"props":6811,"children":6812},{"style":186},[6813],{"type":21,"value":6526},{"type":15,"tag":173,"props":6815,"children":6816},{"style":180},[6817],{"type":21,"value":2279},{"type":15,"tag":173,"props":6819,"children":6820},{"style":186},[6821],{"type":21,"value":6657},{"type":15,"tag":173,"props":6823,"children":6824},{"style":180},[6825],{"type":21,"value":2918},{"type":15,"tag":173,"props":6827,"children":6828},{"class":175,"line":2310},[6829,6833,6837,6841],{"type":15,"tag":173,"props":6830,"children":6831},{"style":186},[6832],{"type":21,"value":6582},{"type":15,"tag":173,"props":6834,"children":6835},{"style":180},[6836],{"type":21,"value":2279},{"type":15,"tag":173,"props":6838,"children":6839},{"style":209},[6840],{"type":21,"value":5811},{"type":15,"tag":173,"props":6842,"children":6843},{"style":180},[6844],{"type":21,"value":2918},{"type":15,"tag":173,"props":6846,"children":6847},{"class":175,"line":2352},[6848],{"type":15,"tag":173,"props":6849,"children":6850},{"style":180},[6851],{"type":21,"value":6611},{"type":15,"tag":173,"props":6853,"children":6854},{"class":175,"line":2394},[6855],{"type":15,"tag":173,"props":6856,"children":6857},{"style":180},[6858],{"type":21,"value":6859},"});\n",{"type":15,"tag":173,"props":6861,"children":6862},{"class":175,"line":2403},[6863,6868],{"type":15,"tag":173,"props":6864,"children":6865},{"style":544},[6866],{"type":21,"value":6867},"defineOptions",{"type":15,"tag":173,"props":6869,"children":6870},{"style":180},[6871],{"type":21,"value":2887},{"type":15,"tag":173,"props":6873,"children":6874},{"class":175,"line":3062},[6875,6880,6884,6888],{"type":15,"tag":173,"props":6876,"children":6877},{"style":186},[6878],{"type":21,"value":6879}," inheritAttrs",{"type":15,"tag":173,"props":6881,"children":6882},{"style":180},[6883],{"type":21,"value":2279},{"type":15,"tag":173,"props":6885,"children":6886},{"style":209},[6887],{"type":21,"value":5811},{"type":15,"tag":173,"props":6889,"children":6890},{"style":180},[6891],{"type":21,"value":2918},{"type":15,"tag":173,"props":6893,"children":6894},{"class":175,"line":3075},[6895],{"type":15,"tag":173,"props":6896,"children":6897},{"style":180},[6898],{"type":21,"value":6859},{"type":15,"tag":173,"props":6900,"children":6901},{"class":175,"line":3091},[6902,6906,6910,6915,6919,6923,6928],{"type":15,"tag":173,"props":6903,"children":6904},{"style":446},[6905],{"type":21,"value":529},{"type":15,"tag":173,"props":6907,"children":6908},{"style":180},[6909],{"type":21,"value":454},{"type":15,"tag":173,"props":6911,"children":6912},{"style":532},[6913],{"type":21,"value":6914},"attrsWithoutClass",{"type":15,"tag":173,"props":6916,"children":6917},{"style":180},[6918],{"type":21,"value":464},{"type":15,"tag":173,"props":6920,"children":6921},{"style":538},[6922],{"type":21,"value":217},{"type":15,"tag":173,"props":6924,"children":6925},{"style":544},[6926],{"type":21,"value":6927}," useTwMergeRoot",{"type":15,"tag":173,"props":6929,"children":6930},{"style":180},[6931],{"type":21,"value":552},{"type":15,"tag":173,"props":6933,"children":6934},{"class":175,"line":3099},[6935],{"type":15,"tag":173,"props":6936,"children":6937},{"emptyLinePlaceholder":8},[6938],{"type":21,"value":403},{"type":15,"tag":173,"props":6940,"children":6941},{"class":175,"line":4831},[6942,6946,6950,6954,6958,6962,6966,6970,6974,6978,6983,6987,6991],{"type":15,"tag":173,"props":6943,"children":6944},{"style":446},[6945],{"type":21,"value":529},{"type":15,"tag":173,"props":6947,"children":6948},{"style":180},[6949],{"type":21,"value":454},{"type":15,"tag":173,"props":6951,"children":6952},{"style":532},[6953],{"type":21,"value":127},{"type":15,"tag":173,"props":6955,"children":6956},{"style":180},[6957],{"type":21,"value":1379},{"type":15,"tag":173,"props":6959,"children":6960},{"style":532},[6961],{"type":21,"value":4882},{"type":15,"tag":173,"props":6963,"children":6964},{"style":180},[6965],{"type":21,"value":1379},{"type":15,"tag":173,"props":6967,"children":6968},{"style":532},[6969],{"type":21,"value":6050},{"type":15,"tag":173,"props":6971,"children":6972},{"style":180},[6973],{"type":21,"value":464},{"type":15,"tag":173,"props":6975,"children":6976},{"style":538},[6977],{"type":21,"value":217},{"type":15,"tag":173,"props":6979,"children":6980},{"style":544},[6981],{"type":21,"value":6982}," toRefs",{"type":15,"tag":173,"props":6984,"children":6985},{"style":180},[6986],{"type":21,"value":3899},{"type":15,"tag":173,"props":6988,"children":6989},{"style":186},[6990],{"type":21,"value":5697},{"type":15,"tag":173,"props":6992,"children":6993},{"style":180},[6994],{"type":21,"value":3821},{"type":15,"tag":173,"props":6996,"children":6997},{"class":175,"line":4847},[6998,7002,7007,7011,7016],{"type":15,"tag":173,"props":6999,"children":7000},{"style":446},[7001],{"type":21,"value":529},{"type":15,"tag":173,"props":7003,"children":7004},{"style":532},[7005],{"type":21,"value":7006}," emit",{"type":15,"tag":173,"props":7008,"children":7009},{"style":538},[7010],{"type":21,"value":541},{"type":15,"tag":173,"props":7012,"children":7013},{"style":544},[7014],{"type":21,"value":7015}," defineEmits",{"type":15,"tag":173,"props":7017,"children":7018},{"style":180},[7019],{"type":21,"value":7020},"\u003C{\n",{"type":15,"tag":173,"props":7022,"children":7023},{"class":175,"line":4855},[7024,7029,7034,7038,7043,7047,7052,7056,7060,7064,7068,7073,7078],{"type":15,"tag":173,"props":7025,"children":7026},{"style":180},[7027],{"type":21,"value":7028}," (",{"type":15,"tag":173,"props":7030,"children":7031},{"style":2743},[7032],{"type":21,"value":7033},"event",{"type":15,"tag":173,"props":7035,"children":7036},{"style":180},[7037],{"type":21,"value":2279},{"type":15,"tag":173,"props":7039,"children":7040},{"style":220},[7041],{"type":21,"value":7042},"'update:modelValue'",{"type":15,"tag":173,"props":7044,"children":7045},{"style":180},[7046],{"type":21,"value":1379},{"type":15,"tag":173,"props":7048,"children":7049},{"style":2743},[7050],{"type":21,"value":7051},"param",{"type":15,"tag":173,"props":7053,"children":7054},{"style":180},[7055],{"type":21,"value":2279},{"type":15,"tag":173,"props":7057,"children":7058},{"style":532},[7059],{"type":21,"value":5834},{"type":15,"tag":173,"props":7061,"children":7062},{"style":180},[7063],{"type":21,"value":6683},{"type":15,"tag":173,"props":7065,"children":7066},{"style":220},[7067],{"type":21,"value":6688},{"type":15,"tag":173,"props":7069,"children":7070},{"style":180},[7071],{"type":21,"value":7072},"]): ",{"type":15,"tag":173,"props":7074,"children":7075},{"style":532},[7076],{"type":21,"value":7077},"void",{"type":15,"tag":173,"props":7079,"children":7080},{"style":180},[7081],{"type":21,"value":479},{"type":15,"tag":173,"props":7083,"children":7085},{"class":175,"line":7084},37,[7086],{"type":15,"tag":173,"props":7087,"children":7088},{"style":180},[7089],{"type":21,"value":7090},"}>();\n",{"type":15,"tag":173,"props":7092,"children":7094},{"class":175,"line":7093},38,[7095,7099,7104,7108,7113],{"type":15,"tag":173,"props":7096,"children":7097},{"style":446},[7098],{"type":21,"value":529},{"type":15,"tag":173,"props":7100,"children":7101},{"style":532},[7102],{"type":21,"value":7103}," slots",{"type":15,"tag":173,"props":7105,"children":7106},{"style":538},[7107],{"type":21,"value":541},{"type":15,"tag":173,"props":7109,"children":7110},{"style":544},[7111],{"type":21,"value":7112}," useSlotsRef",{"type":15,"tag":173,"props":7114,"children":7115},{"style":180},[7116],{"type":21,"value":552},{"type":15,"tag":173,"props":7118,"children":7120},{"class":175,"line":7119},39,[7121,7125,7130,7134,7139],{"type":15,"tag":173,"props":7122,"children":7123},{"style":446},[7124],{"type":21,"value":529},{"type":15,"tag":173,"props":7126,"children":7127},{"style":532},[7128],{"type":21,"value":7129}," inputId",{"type":15,"tag":173,"props":7131,"children":7132},{"style":538},[7133],{"type":21,"value":541},{"type":15,"tag":173,"props":7135,"children":7136},{"style":544},[7137],{"type":21,"value":7138}," useId",{"type":15,"tag":173,"props":7140,"children":7141},{"style":180},[7142],{"type":21,"value":552},{"type":15,"tag":173,"props":7144,"children":7146},{"class":175,"line":7145},40,[7147],{"type":15,"tag":173,"props":7148,"children":7149},{"emptyLinePlaceholder":8},[7150],{"type":21,"value":403},{"type":15,"tag":173,"props":7152,"children":7154},{"class":175,"line":7153},41,[7155,7159,7164,7168,7173],{"type":15,"tag":173,"props":7156,"children":7157},{"style":446},[7158],{"type":21,"value":529},{"type":15,"tag":173,"props":7160,"children":7161},{"style":532},[7162],{"type":21,"value":7163}," onSelected",{"type":15,"tag":173,"props":7165,"children":7166},{"style":538},[7167],{"type":21,"value":541},{"type":15,"tag":173,"props":7169,"children":7170},{"style":544},[7171],{"type":21,"value":7172}," computed",{"type":15,"tag":173,"props":7174,"children":7175},{"style":180},[7176],{"type":21,"value":2887},{"type":15,"tag":173,"props":7178,"children":7180},{"class":175,"line":7179},42,[7181,7186,7190,7194,7199,7204,7208],{"type":15,"tag":173,"props":7182,"children":7183},{"style":544},[7184],{"type":21,"value":7185}," get",{"type":15,"tag":173,"props":7187,"children":7188},{"style":180},[7189],{"type":21,"value":4620},{"type":15,"tag":173,"props":7191,"children":7192},{"style":446},[7193],{"type":21,"value":2763},{"type":15,"tag":173,"props":7195,"children":7196},{"style":532},[7197],{"type":21,"value":7198}," modelValue",{"type":15,"tag":173,"props":7200,"children":7201},{"style":180},[7202],{"type":21,"value":7203},"?.",{"type":15,"tag":173,"props":7205,"children":7206},{"style":186},[7207],{"type":21,"value":2293},{"type":15,"tag":173,"props":7209,"children":7210},{"style":180},[7211],{"type":21,"value":2918},{"type":15,"tag":173,"props":7213,"children":7215},{"class":175,"line":7214},43,[7216,7221,7226,7230,7234,7238,7242,7246,7250,7254,7258],{"type":15,"tag":173,"props":7217,"children":7218},{"style":544},[7219],{"type":21,"value":7220}," set",{"type":15,"tag":173,"props":7222,"children":7223},{"style":180},[7224],{"type":21,"value":7225},": (",{"type":15,"tag":173,"props":7227,"children":7228},{"style":2743},[7229],{"type":21,"value":2293},{"type":15,"tag":173,"props":7231,"children":7232},{"style":180},[7233],{"type":21,"value":3799},{"type":15,"tag":173,"props":7235,"children":7236},{"style":446},[7237],{"type":21,"value":2763},{"type":15,"tag":173,"props":7239,"children":7240},{"style":544},[7241],{"type":21,"value":7006},{"type":15,"tag":173,"props":7243,"children":7244},{"style":180},[7245],{"type":21,"value":3899},{"type":15,"tag":173,"props":7247,"children":7248},{"style":220},[7249],{"type":21,"value":7042},{"type":15,"tag":173,"props":7251,"children":7252},{"style":180},[7253],{"type":21,"value":1379},{"type":15,"tag":173,"props":7255,"children":7256},{"style":186},[7257],{"type":21,"value":2293},{"type":15,"tag":173,"props":7259,"children":7260},{"style":180},[7261],{"type":21,"value":7262},"),\n",{"type":15,"tag":173,"props":7264,"children":7266},{"class":175,"line":7265},44,[7267],{"type":15,"tag":173,"props":7268,"children":7269},{"style":180},[7270],{"type":21,"value":6859},{"type":15,"tag":173,"props":7272,"children":7274},{"class":175,"line":7273},45,[7275],{"type":15,"tag":173,"props":7276,"children":7277},{"emptyLinePlaceholder":8},[7278],{"type":21,"value":403},{"type":15,"tag":173,"props":7280,"children":7282},{"class":175,"line":7281},46,[7283,7287,7292,7296,7300,7305,7309],{"type":15,"tag":173,"props":7284,"children":7285},{"style":446},[7286],{"type":21,"value":529},{"type":15,"tag":173,"props":7288,"children":7289},{"style":532},[7290],{"type":21,"value":7291}," paddingForSize",{"type":15,"tag":173,"props":7293,"children":7294},{"style":538},[7295],{"type":21,"value":541},{"type":15,"tag":173,"props":7297,"children":7298},{"style":544},[7299],{"type":21,"value":7172},{"type":15,"tag":173,"props":7301,"children":7302},{"style":180},[7303],{"type":21,"value":7304},"(() ",{"type":15,"tag":173,"props":7306,"children":7307},{"style":446},[7308],{"type":21,"value":2763},{"type":15,"tag":173,"props":7310,"children":7311},{"style":180},[7312],{"type":21,"value":3869},{"type":15,"tag":173,"props":7314,"children":7316},{"class":175,"line":7315},47,[7317,7322,7326,7330,7334,7338],{"type":15,"tag":173,"props":7318,"children":7319},{"style":446},[7320],{"type":21,"value":7321}," switch",{"type":15,"tag":173,"props":7323,"children":7324},{"style":180},[7325],{"type":21,"value":3842},{"type":15,"tag":173,"props":7327,"children":7328},{"style":532},[7329],{"type":21,"value":127},{"type":15,"tag":173,"props":7331,"children":7332},{"style":180},[7333],{"type":21,"value":152},{"type":15,"tag":173,"props":7335,"children":7336},{"style":186},[7337],{"type":21,"value":2293},{"type":15,"tag":173,"props":7339,"children":7340},{"style":180},[7341],{"type":21,"value":7342},") {\n",{"type":15,"tag":173,"props":7344,"children":7346},{"class":175,"line":7345},48,[7347,7352,7357,7361,7366],{"type":15,"tag":173,"props":7348,"children":7349},{"style":446},[7350],{"type":21,"value":7351}," case",{"type":15,"tag":173,"props":7353,"children":7354},{"style":532},[7355],{"type":21,"value":7356}," SfChipSize",{"type":15,"tag":173,"props":7358,"children":7359},{"style":180},[7360],{"type":21,"value":152},{"type":15,"tag":173,"props":7362,"children":7363},{"style":186},[7364],{"type":21,"value":7365},"sm",{"type":15,"tag":173,"props":7367,"children":7368},{"style":180},[7369],{"type":21,"value":7370},":\n",{"type":15,"tag":173,"props":7372,"children":7374},{"class":175,"line":7373},49,[7375,7380,7384,7388],{"type":15,"tag":173,"props":7376,"children":7377},{"style":446},[7378],{"type":21,"value":7379}," return",{"type":15,"tag":173,"props":7381,"children":7382},{"style":532},[7383],{"type":21,"value":4941},{"type":15,"tag":173,"props":7385,"children":7386},{"style":180},[7387],{"type":21,"value":152},{"type":15,"tag":173,"props":7389,"children":7390},{"style":186},[7391],{"type":21,"value":7392},"value\n",{"type":15,"tag":173,"props":7394,"children":7396},{"class":175,"line":7395},50,[7397,7402,7406,7411],{"type":15,"tag":173,"props":7398,"children":7399},{"style":446},[7400],{"type":21,"value":7401}," ?",{"type":15,"tag":173,"props":7403,"children":7404},{"style":180},[7405],{"type":21,"value":4223},{"type":15,"tag":173,"props":7407,"children":7408},{"style":220},[7409],{"type":21,"value":7410},"'px-1.5'",{"type":15,"tag":173,"props":7412,"children":7413},{"style":180},[7414],{"type":21,"value":7415},"]\n",{"type":15,"tag":173,"props":7417,"children":7419},{"class":175,"line":7418},51,[7420,7425,7429,7433,7437,7441,7445,7449,7454,7459,7464,7469,7473,7477,7481,7485,7489,7493,7497,7502,7506,7511],{"type":15,"tag":173,"props":7421,"children":7422},{"style":446},[7423],{"type":21,"value":7424}," :",{"type":15,"tag":173,"props":7426,"children":7427},{"style":180},[7428],{"type":21,"value":4223},{"type":15,"tag":173,"props":7430,"children":7431},{"style":532},[7432],{"type":21,"value":6072},{"type":15,"tag":173,"props":7434,"children":7435},{"style":180},[7436],{"type":21,"value":152},{"type":15,"tag":173,"props":7438,"children":7439},{"style":532},[7440],{"type":21,"value":2293},{"type":15,"tag":173,"props":7442,"children":7443},{"style":180},[7444],{"type":21,"value":152},{"type":15,"tag":173,"props":7446,"children":7447},{"style":186},[7448],{"type":21,"value":938},{"type":15,"tag":173,"props":7450,"children":7451},{"style":446},[7452],{"type":21,"value":7453}," ?",{"type":15,"tag":173,"props":7455,"children":7456},{"style":220},[7457],{"type":21,"value":7458}," 'pl-1.5'",{"type":15,"tag":173,"props":7460,"children":7461},{"style":446},[7462],{"type":21,"value":7463}," :",{"type":15,"tag":173,"props":7465,"children":7466},{"style":220},[7467],{"type":21,"value":7468}," 'pl-3'",{"type":15,"tag":173,"props":7470,"children":7471},{"style":180},[7472],{"type":21,"value":1379},{"type":15,"tag":173,"props":7474,"children":7475},{"style":532},[7476],{"type":21,"value":6072},{"type":15,"tag":173,"props":7478,"children":7479},{"style":180},[7480],{"type":21,"value":152},{"type":15,"tag":173,"props":7482,"children":7483},{"style":532},[7484],{"type":21,"value":2293},{"type":15,"tag":173,"props":7486,"children":7487},{"style":180},[7488],{"type":21,"value":152},{"type":15,"tag":173,"props":7490,"children":7491},{"style":186},[7492],{"type":21,"value":945},{"type":15,"tag":173,"props":7494,"children":7495},{"style":446},[7496],{"type":21,"value":7453},{"type":15,"tag":173,"props":7498,"children":7499},{"style":220},[7500],{"type":21,"value":7501}," 'pr-1.5'",{"type":15,"tag":173,"props":7503,"children":7504},{"style":446},[7505],{"type":21,"value":7463},{"type":15,"tag":173,"props":7507,"children":7508},{"style":220},[7509],{"type":21,"value":7510}," 'pr-3'",{"type":15,"tag":173,"props":7512,"children":7513},{"style":180},[7514],{"type":21,"value":2643},{"type":15,"tag":173,"props":7516,"children":7518},{"class":175,"line":7517},52,[7519,7523],{"type":15,"tag":173,"props":7520,"children":7521},{"style":446},[7522],{"type":21,"value":6582},{"type":15,"tag":173,"props":7524,"children":7525},{"style":180},[7526],{"type":21,"value":7370},{"type":15,"tag":173,"props":7528,"children":7530},{"class":175,"line":7529},53,[7531,7535,7539,7543,7547,7551,7555,7560,7564,7569,7573,7577,7581,7585,7589,7593,7597,7602,7606,7611,7615,7619,7623,7627,7631,7635,7639,7644,7648,7653],{"type":15,"tag":173,"props":7532,"children":7533},{"style":446},[7534],{"type":21,"value":7379},{"type":15,"tag":173,"props":7536,"children":7537},{"style":532},[7538],{"type":21,"value":4941},{"type":15,"tag":173,"props":7540,"children":7541},{"style":180},[7542],{"type":21,"value":152},{"type":15,"tag":173,"props":7544,"children":7545},{"style":186},[7546],{"type":21,"value":2293},{"type":15,"tag":173,"props":7548,"children":7549},{"style":446},[7550],{"type":21,"value":7453},{"type":15,"tag":173,"props":7552,"children":7553},{"style":180},[7554],{"type":21,"value":4223},{"type":15,"tag":173,"props":7556,"children":7557},{"style":220},[7558],{"type":21,"value":7559},"'px-2'",{"type":15,"tag":173,"props":7561,"children":7562},{"style":180},[7563],{"type":21,"value":4242},{"type":15,"tag":173,"props":7565,"children":7566},{"style":446},[7567],{"type":21,"value":7568},":",{"type":15,"tag":173,"props":7570,"children":7571},{"style":180},[7572],{"type":21,"value":4223},{"type":15,"tag":173,"props":7574,"children":7575},{"style":532},[7576],{"type":21,"value":6072},{"type":15,"tag":173,"props":7578,"children":7579},{"style":180},[7580],{"type":21,"value":152},{"type":15,"tag":173,"props":7582,"children":7583},{"style":532},[7584],{"type":21,"value":2293},{"type":15,"tag":173,"props":7586,"children":7587},{"style":180},[7588],{"type":21,"value":152},{"type":15,"tag":173,"props":7590,"children":7591},{"style":186},[7592],{"type":21,"value":938},{"type":15,"tag":173,"props":7594,"children":7595},{"style":446},[7596],{"type":21,"value":7453},{"type":15,"tag":173,"props":7598,"children":7599},{"style":220},[7600],{"type":21,"value":7601}," 'pl-2'",{"type":15,"tag":173,"props":7603,"children":7604},{"style":446},[7605],{"type":21,"value":7463},{"type":15,"tag":173,"props":7607,"children":7608},{"style":220},[7609],{"type":21,"value":7610}," 'pl-4'",{"type":15,"tag":173,"props":7612,"children":7613},{"style":180},[7614],{"type":21,"value":1379},{"type":15,"tag":173,"props":7616,"children":7617},{"style":532},[7618],{"type":21,"value":6072},{"type":15,"tag":173,"props":7620,"children":7621},{"style":180},[7622],{"type":21,"value":152},{"type":15,"tag":173,"props":7624,"children":7625},{"style":532},[7626],{"type":21,"value":2293},{"type":15,"tag":173,"props":7628,"children":7629},{"style":180},[7630],{"type":21,"value":152},{"type":15,"tag":173,"props":7632,"children":7633},{"style":186},[7634],{"type":21,"value":945},{"type":15,"tag":173,"props":7636,"children":7637},{"style":446},[7638],{"type":21,"value":7453},{"type":15,"tag":173,"props":7640,"children":7641},{"style":220},[7642],{"type":21,"value":7643}," 'pr-2'",{"type":15,"tag":173,"props":7645,"children":7646},{"style":446},[7647],{"type":21,"value":7463},{"type":15,"tag":173,"props":7649,"children":7650},{"style":220},[7651],{"type":21,"value":7652}," 'pr-4'",{"type":15,"tag":173,"props":7654,"children":7655},{"style":180},[7656],{"type":21,"value":2643},{"type":15,"tag":173,"props":7658,"children":7660},{"class":175,"line":7659},54,[7661],{"type":15,"tag":173,"props":7662,"children":7663},{"style":180},[7664],{"type":21,"value":7665}," }\n",{"type":15,"tag":173,"props":7667,"children":7669},{"class":175,"line":7668},55,[7670],{"type":15,"tag":173,"props":7671,"children":7672},{"style":180},[7673],{"type":21,"value":6859},{"type":15,"tag":173,"props":7675,"children":7677},{"class":175,"line":7676},56,[7678,7682,7686],{"type":15,"tag":173,"props":7679,"children":7680},{"style":180},[7681],{"type":21,"value":386},{"type":15,"tag":173,"props":7683,"children":7684},{"style":186},[7685],{"type":21,"value":416},{"type":15,"tag":173,"props":7687,"children":7688},{"style":180},[7689],{"type":21,"value":193},{"type":15,"tag":173,"props":7691,"children":7693},{"class":175,"line":7692},57,[7694],{"type":15,"tag":173,"props":7695,"children":7696},{"emptyLinePlaceholder":8},[7697],{"type":21,"value":403},{"type":15,"tag":173,"props":7699,"children":7701},{"class":175,"line":7700},58,[7702,7706,7710],{"type":15,"tag":173,"props":7703,"children":7704},{"style":180},[7705],{"type":21,"value":183},{"type":15,"tag":173,"props":7707,"children":7708},{"style":186},[7709],{"type":21,"value":27},{"type":15,"tag":173,"props":7711,"children":7712},{"style":180},[7713],{"type":21,"value":193},{"type":15,"tag":173,"props":7715,"children":7717},{"class":175,"line":7716},59,[7718,7722],{"type":15,"tag":173,"props":7719,"children":7720},{"style":180},[7721],{"type":21,"value":202},{"type":15,"tag":173,"props":7723,"children":7724},{"style":186},[7725],{"type":21,"value":7726},"input\n",{"type":15,"tag":173,"props":7728,"children":7730},{"class":175,"line":7729},60,[7731,7736,7740],{"type":15,"tag":173,"props":7732,"children":7733},{"style":209},[7734],{"type":21,"value":7735}," :id",{"type":15,"tag":173,"props":7737,"children":7738},{"style":180},[7739],{"type":21,"value":217},{"type":15,"tag":173,"props":7741,"children":7742},{"style":220},[7743],{"type":21,"value":7744},"\"inputId\"\n",{"type":15,"tag":173,"props":7746,"children":7748},{"class":175,"line":7747},61,[7749,7754,7758],{"type":15,"tag":173,"props":7750,"children":7751},{"style":209},[7752],{"type":21,"value":7753}," :class",{"type":15,"tag":173,"props":7755,"children":7756},{"style":180},[7757],{"type":21,"value":217},{"type":15,"tag":173,"props":7759,"children":7760},{"style":220},[7761],{"type":21,"value":7762},"\"twMerge('absolute w-0 outline-hidden appearance-none peer', inputProps?.class)\"\n",{"type":15,"tag":173,"props":7764,"children":7766},{"class":175,"line":7765},62,[7767,7771,7775],{"type":15,"tag":173,"props":7768,"children":7769},{"style":209},[7770],{"type":21,"value":6526},{"type":15,"tag":173,"props":7772,"children":7773},{"style":180},[7774],{"type":21,"value":217},{"type":15,"tag":173,"props":7776,"children":7777},{"style":220},[7778],{"type":21,"value":7779},"\"checkbox\"\n",{"type":15,"tag":173,"props":7781,"children":7783},{"class":175,"line":7782},63,[7784,7789,7793],{"type":15,"tag":173,"props":7785,"children":7786},{"style":209},[7787],{"type":21,"value":7788}," v-model",{"type":15,"tag":173,"props":7790,"children":7791},{"style":180},[7792],{"type":21,"value":217},{"type":15,"tag":173,"props":7794,"children":7795},{"style":220},[7796],{"type":21,"value":7797},"\"onSelected\"\n",{"type":15,"tag":173,"props":7799,"children":7801},{"class":175,"line":7800},64,[7802,7807,7811],{"type":15,"tag":173,"props":7803,"children":7804},{"style":209},[7805],{"type":21,"value":7806}," v-bind",{"type":15,"tag":173,"props":7808,"children":7809},{"style":180},[7810],{"type":21,"value":217},{"type":15,"tag":173,"props":7812,"children":7813},{"style":220},[7814],{"type":21,"value":7815},"\"inputProps\"\n",{"type":15,"tag":173,"props":7817,"children":7819},{"class":175,"line":7818},65,[7820],{"type":15,"tag":173,"props":7821,"children":7822},{"style":180},[7823],{"type":21,"value":7824}," \u002F>\n",{"type":15,"tag":173,"props":7826,"children":7828},{"class":175,"line":7827},66,[7829,7833],{"type":15,"tag":173,"props":7830,"children":7831},{"style":180},[7832],{"type":21,"value":202},{"type":15,"tag":173,"props":7834,"children":7835},{"style":186},[7836],{"type":21,"value":7837},"label\n",{"type":15,"tag":173,"props":7839,"children":7841},{"class":175,"line":7840},67,[7842,7847,7851],{"type":15,"tag":173,"props":7843,"children":7844},{"style":209},[7845],{"type":21,"value":7846}," :for",{"type":15,"tag":173,"props":7848,"children":7849},{"style":180},[7850],{"type":21,"value":217},{"type":15,"tag":173,"props":7852,"children":7853},{"style":220},[7854],{"type":21,"value":7744},{"type":15,"tag":173,"props":7856,"children":7858},{"class":175,"line":7857},68,[7859,7863,7867],{"type":15,"tag":173,"props":7860,"children":7861},{"style":209},[7862],{"type":21,"value":7753},{"type":15,"tag":173,"props":7864,"children":7865},{"style":180},[7866],{"type":21,"value":217},{"type":15,"tag":173,"props":7868,"children":7869},{"style":220},[7870],{"type":21,"value":7871},"\"\n",{"type":15,"tag":173,"props":7873,"children":7875},{"class":175,"line":7874},69,[7876],{"type":15,"tag":173,"props":7877,"children":7878},{"style":220},[7879],{"type":21,"value":7880}," twMerge(\n",{"type":15,"tag":173,"props":7882,"children":7884},{"class":175,"line":7883},70,[7885],{"type":15,"tag":173,"props":7886,"children":7887},{"style":220},[7888],{"type":21,"value":7889}," 'cursor-pointer ring-1 ring-neutral-200 ring-inset rounded-full inline-flex items-center transition duration-300 justify-center outline-offset-2 outline-secondary-600 peer-next-checked:ring-2 peer-next-checked:ring-primary-700 hover:bg-primary-100 peer-next-hover:ring-primary-200 active:bg-primary-200 peer-next-active:ring-primary-300 peer-next-disabled:cursor-not-allowed peer-next-disabled:bg-disabled-100 peer-next-disabled:opacity-50 peer-next-disabled:ring-1 peer-next-disabled:ring-disabled-200 peer-next-disabled:hover:ring-disabled-200 peer-next-checked:hover:ring-primary-700 peer-next-checked:active:ring-primary-700 peer-next-focus-visible:outline',\n",{"type":15,"tag":173,"props":7891,"children":7893},{"class":175,"line":7892},71,[7894],{"type":15,"tag":173,"props":7895,"children":7896},{"style":220},[7897],{"type":21,"value":7898}," sizeClasses[size],\n",{"type":15,"tag":173,"props":7900,"children":7902},{"class":175,"line":7901},72,[7903],{"type":15,"tag":173,"props":7904,"children":7905},{"style":220},[7906],{"type":21,"value":7907}," ...paddingForSize,\n",{"type":15,"tag":173,"props":7909,"children":7911},{"class":175,"line":7910},73,[7912],{"type":15,"tag":173,"props":7913,"children":7914},{"style":220},[7915],{"type":21,"value":7916}," $attrs.class,\n",{"type":15,"tag":173,"props":7918,"children":7920},{"class":175,"line":7919},74,[7921],{"type":15,"tag":173,"props":7922,"children":7923},{"style":220},[7924],{"type":21,"value":7925}," )\n",{"type":15,"tag":173,"props":7927,"children":7929},{"class":175,"line":7928},75,[7930],{"type":15,"tag":173,"props":7931,"children":7932},{"style":220},[7933],{"type":21,"value":7934}," \"\n",{"type":15,"tag":173,"props":7936,"children":7938},{"class":175,"line":7937},76,[7939,7944,7948],{"type":15,"tag":173,"props":7940,"children":7941},{"style":209},[7942],{"type":21,"value":7943}," data-testid",{"type":15,"tag":173,"props":7945,"children":7946},{"style":180},[7947],{"type":21,"value":217},{"type":15,"tag":173,"props":7949,"children":7950},{"style":220},[7951],{"type":21,"value":7952},"\"chip\"\n",{"type":15,"tag":173,"props":7954,"children":7956},{"class":175,"line":7955},77,[7957,7961,7965],{"type":15,"tag":173,"props":7958,"children":7959},{"style":209},[7960],{"type":21,"value":7806},{"type":15,"tag":173,"props":7962,"children":7963},{"style":180},[7964],{"type":21,"value":217},{"type":15,"tag":173,"props":7966,"children":7967},{"style":220},[7968],{"type":21,"value":7969},"\"attrsWithoutClass\"\n",{"type":15,"tag":173,"props":7971,"children":7973},{"class":175,"line":7972},78,[7974],{"type":15,"tag":173,"props":7975,"children":7976},{"style":180},[7977],{"type":21,"value":7978}," >\n",{"type":15,"tag":173,"props":7980,"children":7982},{"class":175,"line":7981},79,[7983,7987,7992,7997,8001,8006,8011,8015,8020,8026],{"type":15,"tag":173,"props":7984,"children":7985},{"style":180},[7986],{"type":21,"value":719},{"type":15,"tag":173,"props":7988,"children":7989},{"style":186},[7990],{"type":21,"value":7991},"slot",{"type":15,"tag":173,"props":7993,"children":7994},{"style":209},[7995],{"type":21,"value":7996}," v-if",{"type":15,"tag":173,"props":7998,"children":7999},{"style":180},[8000],{"type":21,"value":217},{"type":15,"tag":173,"props":8002,"children":8003},{"style":220},[8004],{"type":21,"value":8005},"\"$slots.prefix\"",{"type":15,"tag":173,"props":8007,"children":8008},{"style":209},[8009],{"type":21,"value":8010}," name",{"type":15,"tag":173,"props":8012,"children":8013},{"style":180},[8014],{"type":21,"value":217},{"type":15,"tag":173,"props":8016,"children":8017},{"style":220},[8018],{"type":21,"value":8019},"\"prefix\"",{"type":15,"tag":173,"props":8021,"children":8023},{"style":8022},"--shiki-default:#FFFFFF",[8024],{"type":21,"value":8025}," \u002F",{"type":15,"tag":173,"props":8027,"children":8028},{"style":180},[8029],{"type":21,"value":193},{"type":15,"tag":173,"props":8031,"children":8033},{"class":175,"line":8032},80,[8034,8038,8042,8046],{"type":15,"tag":173,"props":8035,"children":8036},{"style":180},[8037],{"type":21,"value":719},{"type":15,"tag":173,"props":8039,"children":8040},{"style":186},[8041],{"type":21,"value":7991},{"type":15,"tag":173,"props":8043,"children":8044},{"style":8022},[8045],{"type":21,"value":8025},{"type":15,"tag":173,"props":8047,"children":8048},{"style":180},[8049],{"type":21,"value":193},{"type":15,"tag":173,"props":8051,"children":8053},{"class":175,"line":8052},81,[8054,8058,8062,8066,8070,8075,8079,8083,8088,8092],{"type":15,"tag":173,"props":8055,"children":8056},{"style":180},[8057],{"type":21,"value":719},{"type":15,"tag":173,"props":8059,"children":8060},{"style":186},[8061],{"type":21,"value":7991},{"type":15,"tag":173,"props":8063,"children":8064},{"style":209},[8065],{"type":21,"value":7996},{"type":15,"tag":173,"props":8067,"children":8068},{"style":180},[8069],{"type":21,"value":217},{"type":15,"tag":173,"props":8071,"children":8072},{"style":220},[8073],{"type":21,"value":8074},"\"$slots.suffix\"",{"type":15,"tag":173,"props":8076,"children":8077},{"style":209},[8078],{"type":21,"value":8010},{"type":15,"tag":173,"props":8080,"children":8081},{"style":180},[8082],{"type":21,"value":217},{"type":15,"tag":173,"props":8084,"children":8085},{"style":220},[8086],{"type":21,"value":8087},"\"suffix\"",{"type":15,"tag":173,"props":8089,"children":8090},{"style":8022},[8091],{"type":21,"value":8025},{"type":15,"tag":173,"props":8093,"children":8094},{"style":180},[8095],{"type":21,"value":193},{"type":15,"tag":173,"props":8097,"children":8099},{"class":175,"line":8098},82,[8100,8104,8108],{"type":15,"tag":173,"props":8101,"children":8102},{"style":180},[8103],{"type":21,"value":1152},{"type":15,"tag":173,"props":8105,"children":8106},{"style":186},[8107],{"type":21,"value":2274},{"type":15,"tag":173,"props":8109,"children":8110},{"style":180},[8111],{"type":21,"value":193},{"type":15,"tag":173,"props":8113,"children":8115},{"class":175,"line":8114},83,[8116,8120,8124],{"type":15,"tag":173,"props":8117,"children":8118},{"style":180},[8119],{"type":21,"value":386},{"type":15,"tag":173,"props":8121,"children":8122},{"style":186},[8123],{"type":21,"value":27},{"type":15,"tag":173,"props":8125,"children":8126},{"style":180},[8127],{"type":21,"value":193},{"type":15,"tag":620,"props":8129,"children":8130},{},[8131],{"type":15,"tag":163,"props":8132,"children":8134},{"className":625,"code":8133,"language":627,"meta":9,"style":9},"import { forwardRef, useId, type ReactNode } from 'react';\nimport { SfChipProps, SfChipSize, twMerge } from '@storefront-ui\u002Freact';\n\nconst paddingForSize = (size: `${SfChipSize}`, square: boolean, slotPrefix: ReactNode, slotSuffix: ReactNode) => {\n switch (size) {\n case SfChipSize.sm:\n return square ? ['px-1.5'] : [slotPrefix ? 'pl-1.5' : 'pl-3', slotSuffix ? 'pr-1.5' : 'pr-3'];\n default:\n return square ? ['px-2'] : [slotPrefix ? 'pl-2' : 'pl-4', slotSuffix ? 'pr-2' : 'pr-4'];\n }\n};\n\nconst getSizeClasses = (size: SfChipProps['size']) => {\n switch (size) {\n case SfChipSize.sm:\n return `text-sm py-1.5 gap-1.5`;\n default:\n return 'text-base py-2 gap-2';\n }\n};\n\nconst SfChip = forwardRef\u003CHTMLInputElement, SfChipProps>(\n (\n {\n children,\n size = SfChipSize.base,\n className,\n inputProps,\n square = false,\n slotPrefix,\n slotSuffix,\n ...attributes\n }: SfChipProps,\n ref,\n ) => {\n const chipId = useId();\n\n return (\n \u003C>\n \u003Cinput\n id={chipId}\n ref={ref}\n type=\"checkbox\"\n {...inputProps}\n className={twMerge('absolute w-0 outline-hidden appearance-none peer', inputProps?.className)}\n \u002F>\n \u003Clabel\n htmlFor={chipId}\n className={twMerge(\n 'cursor-pointer ring-1 ring-neutral-200 ring-inset rounded-full inline-flex items-center transition duration-300 justify-center outline-offset-2 outline-secondary-600 peer-next-checked:ring-2 peer-next-checked:ring-primary-700 hover:bg-primary-100 peer-next-hover:ring-primary-200 active:bg-primary-200 peer-next-active:ring-primary-300 peer-next-disabled:cursor-not-allowed peer-next-disabled:bg-disabled-100 peer-next-disabled:opacity-50 peer-next-disabled:ring-1 peer-next-disabled:ring-disabled-200 peer-next-disabled:hover:ring-disabled-200 peer-next-checked:hover:ring-primary-700 peer-next-checked:active:ring-primary-700 peer-next-focus-visible:outline',\n getSizeClasses(size),\n ...paddingForSize(size, square, slotPrefix, slotSuffix),\n className,\n )}\n data-testid=\"chip\"\n {...attributes}\n >\n {slotPrefix}\n {children}\n {slotSuffix}\n \u003C\u002Flabel>\n \u003C\u002F>\n );\n },\n);\n\nexport default SfChip;\n\n",[8135],{"type":15,"tag":55,"props":8136,"children":8137},{"__ignoreMap":9},[8138,8191,8239,8246,8353,8372,8395,8478,8489,8572,8579,8586,8593,8647,8666,8689,8705,8716,8732,8739,8746,8753,8796,8804,8812,8824,8852,8864,8876,8897,8909,8921,8934,8950,8962,8978,9002,9009,9021,9029,9040,9065,9089,9105,9126,9181,9189,9200,9224,9248,9260,9280,9329,9340,9352,9368,9388,9396,9411,9426,9441,9456,9464,9472,9479,9486,9493],{"type":15,"tag":173,"props":8139,"children":8140},{"class":175,"line":176},[8141,8145,8149,8154,8158,8162,8166,8170,8175,8179,8183,8187],{"type":15,"tag":173,"props":8142,"children":8143},{"style":446},[8144],{"type":21,"value":449},{"type":15,"tag":173,"props":8146,"children":8147},{"style":180},[8148],{"type":21,"value":454},{"type":15,"tag":173,"props":8150,"children":8151},{"style":186},[8152],{"type":21,"value":8153},"forwardRef",{"type":15,"tag":173,"props":8155,"children":8156},{"style":180},[8157],{"type":21,"value":1379},{"type":15,"tag":173,"props":8159,"children":8160},{"style":186},[8161],{"type":21,"value":6381},{"type":15,"tag":173,"props":8163,"children":8164},{"style":180},[8165],{"type":21,"value":1379},{"type":15,"tag":173,"props":8167,"children":8168},{"style":446},[8169],{"type":21,"value":6354},{"type":15,"tag":173,"props":8171,"children":8172},{"style":186},[8173],{"type":21,"value":8174}," ReactNode",{"type":15,"tag":173,"props":8176,"children":8177},{"style":180},[8178],{"type":21,"value":464},{"type":15,"tag":173,"props":8180,"children":8181},{"style":446},[8182],{"type":21,"value":469},{"type":15,"tag":173,"props":8184,"children":8185},{"style":220},[8186],{"type":21,"value":4025},{"type":15,"tag":173,"props":8188,"children":8189},{"style":180},[8190],{"type":21,"value":479},{"type":15,"tag":173,"props":8192,"children":8193},{"class":175,"line":196},[8194,8198,8202,8207,8211,8215,8219,8223,8227,8231,8235],{"type":15,"tag":173,"props":8195,"children":8196},{"style":446},[8197],{"type":21,"value":449},{"type":15,"tag":173,"props":8199,"children":8200},{"style":180},[8201],{"type":21,"value":454},{"type":15,"tag":173,"props":8203,"children":8204},{"style":186},[8205],{"type":21,"value":8206},"SfChipProps",{"type":15,"tag":173,"props":8208,"children":8209},{"style":180},[8210],{"type":21,"value":1379},{"type":15,"tag":173,"props":8212,"children":8213},{"style":186},[8214],{"type":21,"value":6237},{"type":15,"tag":173,"props":8216,"children":8217},{"style":180},[8218],{"type":21,"value":1379},{"type":15,"tag":173,"props":8220,"children":8221},{"style":186},[8222],{"type":21,"value":6448},{"type":15,"tag":173,"props":8224,"children":8225},{"style":180},[8226],{"type":21,"value":464},{"type":15,"tag":173,"props":8228,"children":8229},{"style":446},[8230],{"type":21,"value":469},{"type":15,"tag":173,"props":8232,"children":8233},{"style":220},[8234],{"type":21,"value":659},{"type":15,"tag":173,"props":8236,"children":8237},{"style":180},[8238],{"type":21,"value":479},{"type":15,"tag":173,"props":8240,"children":8241},{"class":175,"line":267},[8242],{"type":15,"tag":173,"props":8243,"children":8244},{"emptyLinePlaceholder":8},[8245],{"type":21,"value":403},{"type":15,"tag":173,"props":8247,"children":8248},{"class":175,"line":330},[8249,8253,8257,8261,8265,8269,8273,8277,8281,8285,8289,8293,8297,8301,8305,8309,8313,8317,8321,8325,8329,8333,8337,8341,8345,8349],{"type":15,"tag":173,"props":8250,"children":8251},{"style":446},[8252],{"type":21,"value":529},{"type":15,"tag":173,"props":8254,"children":8255},{"style":544},[8256],{"type":21,"value":7291},{"type":15,"tag":173,"props":8258,"children":8259},{"style":538},[8260],{"type":21,"value":541},{"type":15,"tag":173,"props":8262,"children":8263},{"style":180},[8264],{"type":21,"value":3842},{"type":15,"tag":173,"props":8266,"children":8267},{"style":2743},[8268],{"type":21,"value":127},{"type":15,"tag":173,"props":8270,"children":8271},{"style":180},[8272],{"type":21,"value":2279},{"type":15,"tag":173,"props":8274,"children":8275},{"style":220},[8276],{"type":21,"value":6553},{"type":15,"tag":173,"props":8278,"children":8279},{"style":446},[8280],{"type":21,"value":4690},{"type":15,"tag":173,"props":8282,"children":8283},{"style":532},[8284],{"type":21,"value":6237},{"type":15,"tag":173,"props":8286,"children":8287},{"style":446},[8288],{"type":21,"value":1662},{"type":15,"tag":173,"props":8290,"children":8291},{"style":220},[8292],{"type":21,"value":6553},{"type":15,"tag":173,"props":8294,"children":8295},{"style":180},[8296],{"type":21,"value":1379},{"type":15,"tag":173,"props":8298,"children":8299},{"style":2743},[8300],{"type":21,"value":4882},{"type":15,"tag":173,"props":8302,"children":8303},{"style":180},[8304],{"type":21,"value":2279},{"type":15,"tag":173,"props":8306,"children":8307},{"style":532},[8308],{"type":21,"value":5802},{"type":15,"tag":173,"props":8310,"children":8311},{"style":180},[8312],{"type":21,"value":1379},{"type":15,"tag":173,"props":8314,"children":8315},{"style":2743},[8316],{"type":21,"value":973},{"type":15,"tag":173,"props":8318,"children":8319},{"style":180},[8320],{"type":21,"value":2279},{"type":15,"tag":173,"props":8322,"children":8323},{"style":532},[8324],{"type":21,"value":5900},{"type":15,"tag":173,"props":8326,"children":8327},{"style":180},[8328],{"type":21,"value":1379},{"type":15,"tag":173,"props":8330,"children":8331},{"style":2743},[8332],{"type":21,"value":980},{"type":15,"tag":173,"props":8334,"children":8335},{"style":180},[8336],{"type":21,"value":2279},{"type":15,"tag":173,"props":8338,"children":8339},{"style":532},[8340],{"type":21,"value":5900},{"type":15,"tag":173,"props":8342,"children":8343},{"style":180},[8344],{"type":21,"value":3799},{"type":15,"tag":173,"props":8346,"children":8347},{"style":446},[8348],{"type":21,"value":2763},{"type":15,"tag":173,"props":8350,"children":8351},{"style":180},[8352],{"type":21,"value":3869},{"type":15,"tag":173,"props":8354,"children":8355},{"class":175,"line":380},[8356,8360,8364,8368],{"type":15,"tag":173,"props":8357,"children":8358},{"style":446},[8359],{"type":21,"value":7321},{"type":15,"tag":173,"props":8361,"children":8362},{"style":180},[8363],{"type":21,"value":3842},{"type":15,"tag":173,"props":8365,"children":8366},{"style":186},[8367],{"type":21,"value":127},{"type":15,"tag":173,"props":8369,"children":8370},{"style":180},[8371],{"type":21,"value":7342},{"type":15,"tag":173,"props":8373,"children":8374},{"class":175,"line":397},[8375,8379,8383,8387,8391],{"type":15,"tag":173,"props":8376,"children":8377},{"style":446},[8378],{"type":21,"value":7351},{"type":15,"tag":173,"props":8380,"children":8381},{"style":532},[8382],{"type":21,"value":7356},{"type":15,"tag":173,"props":8384,"children":8385},{"style":180},[8386],{"type":21,"value":152},{"type":15,"tag":173,"props":8388,"children":8389},{"style":186},[8390],{"type":21,"value":7365},{"type":15,"tag":173,"props":8392,"children":8393},{"style":180},[8394],{"type":21,"value":7370},{"type":15,"tag":173,"props":8396,"children":8397},{"class":175,"line":406},[8398,8402,8406,8410,8414,8418,8422,8426,8430,8434,8438,8442,8446,8450,8454,8458,8462,8466,8470,8474],{"type":15,"tag":173,"props":8399,"children":8400},{"style":446},[8401],{"type":21,"value":7379},{"type":15,"tag":173,"props":8403,"children":8404},{"style":186},[8405],{"type":21,"value":4941},{"type":15,"tag":173,"props":8407,"children":8408},{"style":446},[8409],{"type":21,"value":7453},{"type":15,"tag":173,"props":8411,"children":8412},{"style":180},[8413],{"type":21,"value":4223},{"type":15,"tag":173,"props":8415,"children":8416},{"style":220},[8417],{"type":21,"value":7410},{"type":15,"tag":173,"props":8419,"children":8420},{"style":180},[8421],{"type":21,"value":4242},{"type":15,"tag":173,"props":8423,"children":8424},{"style":446},[8425],{"type":21,"value":7568},{"type":15,"tag":173,"props":8427,"children":8428},{"style":180},[8429],{"type":21,"value":4223},{"type":15,"tag":173,"props":8431,"children":8432},{"style":186},[8433],{"type":21,"value":973},{"type":15,"tag":173,"props":8435,"children":8436},{"style":446},[8437],{"type":21,"value":7453},{"type":15,"tag":173,"props":8439,"children":8440},{"style":220},[8441],{"type":21,"value":7458},{"type":15,"tag":173,"props":8443,"children":8444},{"style":446},[8445],{"type":21,"value":7463},{"type":15,"tag":173,"props":8447,"children":8448},{"style":220},[8449],{"type":21,"value":7468},{"type":15,"tag":173,"props":8451,"children":8452},{"style":180},[8453],{"type":21,"value":1379},{"type":15,"tag":173,"props":8455,"children":8456},{"style":186},[8457],{"type":21,"value":980},{"type":15,"tag":173,"props":8459,"children":8460},{"style":446},[8461],{"type":21,"value":7453},{"type":15,"tag":173,"props":8463,"children":8464},{"style":220},[8465],{"type":21,"value":7501},{"type":15,"tag":173,"props":8467,"children":8468},{"style":446},[8469],{"type":21,"value":7463},{"type":15,"tag":173,"props":8471,"children":8472},{"style":220},[8473],{"type":21,"value":7510},{"type":15,"tag":173,"props":8475,"children":8476},{"style":180},[8477],{"type":21,"value":2643},{"type":15,"tag":173,"props":8479,"children":8480},{"class":175,"line":442},[8481,8485],{"type":15,"tag":173,"props":8482,"children":8483},{"style":446},[8484],{"type":21,"value":6582},{"type":15,"tag":173,"props":8486,"children":8487},{"style":180},[8488],{"type":21,"value":7370},{"type":15,"tag":173,"props":8490,"children":8491},{"class":175,"line":482},[8492,8496,8500,8504,8508,8512,8516,8520,8524,8528,8532,8536,8540,8544,8548,8552,8556,8560,8564,8568],{"type":15,"tag":173,"props":8493,"children":8494},{"style":446},[8495],{"type":21,"value":7379},{"type":15,"tag":173,"props":8497,"children":8498},{"style":186},[8499],{"type":21,"value":4941},{"type":15,"tag":173,"props":8501,"children":8502},{"style":446},[8503],{"type":21,"value":7453},{"type":15,"tag":173,"props":8505,"children":8506},{"style":180},[8507],{"type":21,"value":4223},{"type":15,"tag":173,"props":8509,"children":8510},{"style":220},[8511],{"type":21,"value":7559},{"type":15,"tag":173,"props":8513,"children":8514},{"style":180},[8515],{"type":21,"value":4242},{"type":15,"tag":173,"props":8517,"children":8518},{"style":446},[8519],{"type":21,"value":7568},{"type":15,"tag":173,"props":8521,"children":8522},{"style":180},[8523],{"type":21,"value":4223},{"type":15,"tag":173,"props":8525,"children":8526},{"style":186},[8527],{"type":21,"value":973},{"type":15,"tag":173,"props":8529,"children":8530},{"style":446},[8531],{"type":21,"value":7453},{"type":15,"tag":173,"props":8533,"children":8534},{"style":220},[8535],{"type":21,"value":7601},{"type":15,"tag":173,"props":8537,"children":8538},{"style":446},[8539],{"type":21,"value":7463},{"type":15,"tag":173,"props":8541,"children":8542},{"style":220},[8543],{"type":21,"value":7610},{"type":15,"tag":173,"props":8545,"children":8546},{"style":180},[8547],{"type":21,"value":1379},{"type":15,"tag":173,"props":8549,"children":8550},{"style":186},[8551],{"type":21,"value":980},{"type":15,"tag":173,"props":8553,"children":8554},{"style":446},[8555],{"type":21,"value":7453},{"type":15,"tag":173,"props":8557,"children":8558},{"style":220},[8559],{"type":21,"value":7643},{"type":15,"tag":173,"props":8561,"children":8562},{"style":446},[8563],{"type":21,"value":7463},{"type":15,"tag":173,"props":8565,"children":8566},{"style":220},[8567],{"type":21,"value":7652},{"type":15,"tag":173,"props":8569,"children":8570},{"style":180},[8571],{"type":21,"value":2643},{"type":15,"tag":173,"props":8573,"children":8574},{"class":175,"line":515},[8575],{"type":15,"tag":173,"props":8576,"children":8577},{"style":180},[8578],{"type":21,"value":7665},{"type":15,"tag":173,"props":8580,"children":8581},{"class":175,"line":523},[8582],{"type":15,"tag":173,"props":8583,"children":8584},{"style":180},[8585],{"type":21,"value":3924},{"type":15,"tag":173,"props":8587,"children":8588},{"class":175,"line":555},[8589],{"type":15,"tag":173,"props":8590,"children":8591},{"emptyLinePlaceholder":8},[8592],{"type":21,"value":403},{"type":15,"tag":173,"props":8594,"children":8595},{"class":175,"line":580},[8596,8600,8605,8609,8613,8617,8621,8625,8629,8634,8639,8643],{"type":15,"tag":173,"props":8597,"children":8598},{"style":446},[8599],{"type":21,"value":529},{"type":15,"tag":173,"props":8601,"children":8602},{"style":544},[8603],{"type":21,"value":8604}," getSizeClasses",{"type":15,"tag":173,"props":8606,"children":8607},{"style":538},[8608],{"type":21,"value":541},{"type":15,"tag":173,"props":8610,"children":8611},{"style":180},[8612],{"type":21,"value":3842},{"type":15,"tag":173,"props":8614,"children":8615},{"style":2743},[8616],{"type":21,"value":127},{"type":15,"tag":173,"props":8618,"children":8619},{"style":180},[8620],{"type":21,"value":2279},{"type":15,"tag":173,"props":8622,"children":8623},{"style":532},[8624],{"type":21,"value":8206},{"type":15,"tag":173,"props":8626,"children":8627},{"style":180},[8628],{"type":21,"value":6683},{"type":15,"tag":173,"props":8630,"children":8631},{"style":220},[8632],{"type":21,"value":8633},"'size'",{"type":15,"tag":173,"props":8635,"children":8636},{"style":180},[8637],{"type":21,"value":8638},"]) ",{"type":15,"tag":173,"props":8640,"children":8641},{"style":446},[8642],{"type":21,"value":2763},{"type":15,"tag":173,"props":8644,"children":8645},{"style":180},[8646],{"type":21,"value":3869},{"type":15,"tag":173,"props":8648,"children":8649},{"class":175,"line":605},[8650,8654,8658,8662],{"type":15,"tag":173,"props":8651,"children":8652},{"style":446},[8653],{"type":21,"value":7321},{"type":15,"tag":173,"props":8655,"children":8656},{"style":180},[8657],{"type":21,"value":3842},{"type":15,"tag":173,"props":8659,"children":8660},{"style":186},[8661],{"type":21,"value":127},{"type":15,"tag":173,"props":8663,"children":8664},{"style":180},[8665],{"type":21,"value":7342},{"type":15,"tag":173,"props":8667,"children":8668},{"class":175,"line":907},[8669,8673,8677,8681,8685],{"type":15,"tag":173,"props":8670,"children":8671},{"style":446},[8672],{"type":21,"value":7351},{"type":15,"tag":173,"props":8674,"children":8675},{"style":532},[8676],{"type":21,"value":7356},{"type":15,"tag":173,"props":8678,"children":8679},{"style":180},[8680],{"type":21,"value":152},{"type":15,"tag":173,"props":8682,"children":8683},{"style":186},[8684],{"type":21,"value":7365},{"type":15,"tag":173,"props":8686,"children":8687},{"style":180},[8688],{"type":21,"value":7370},{"type":15,"tag":173,"props":8690,"children":8691},{"class":175,"line":1409},[8692,8696,8701],{"type":15,"tag":173,"props":8693,"children":8694},{"style":446},[8695],{"type":21,"value":7379},{"type":15,"tag":173,"props":8697,"children":8698},{"style":220},[8699],{"type":21,"value":8700}," `text-sm py-1.5 gap-1.5`",{"type":15,"tag":173,"props":8702,"children":8703},{"style":180},[8704],{"type":21,"value":479},{"type":15,"tag":173,"props":8706,"children":8707},{"class":175,"line":1434},[8708,8712],{"type":15,"tag":173,"props":8709,"children":8710},{"style":446},[8711],{"type":21,"value":6582},{"type":15,"tag":173,"props":8713,"children":8714},{"style":180},[8715],{"type":21,"value":7370},{"type":15,"tag":173,"props":8717,"children":8718},{"class":175,"line":1459},[8719,8723,8728],{"type":15,"tag":173,"props":8720,"children":8721},{"style":446},[8722],{"type":21,"value":7379},{"type":15,"tag":173,"props":8724,"children":8725},{"style":220},[8726],{"type":21,"value":8727}," 'text-base py-2 gap-2'",{"type":15,"tag":173,"props":8729,"children":8730},{"style":180},[8731],{"type":21,"value":479},{"type":15,"tag":173,"props":8733,"children":8734},{"class":175,"line":2117},[8735],{"type":15,"tag":173,"props":8736,"children":8737},{"style":180},[8738],{"type":21,"value":7665},{"type":15,"tag":173,"props":8740,"children":8741},{"class":175,"line":2125},[8742],{"type":15,"tag":173,"props":8743,"children":8744},{"style":180},[8745],{"type":21,"value":3924},{"type":15,"tag":173,"props":8747,"children":8748},{"class":175,"line":2157},[8749],{"type":15,"tag":173,"props":8750,"children":8751},{"emptyLinePlaceholder":8},[8752],{"type":21,"value":403},{"type":15,"tag":173,"props":8754,"children":8755},{"class":175,"line":2189},[8756,8760,8765,8769,8774,8778,8783,8787,8791],{"type":15,"tag":173,"props":8757,"children":8758},{"style":446},[8759],{"type":21,"value":529},{"type":15,"tag":173,"props":8761,"children":8762},{"style":532},[8763],{"type":21,"value":8764}," SfChip",{"type":15,"tag":173,"props":8766,"children":8767},{"style":538},[8768],{"type":21,"value":541},{"type":15,"tag":173,"props":8770,"children":8771},{"style":544},[8772],{"type":21,"value":8773}," forwardRef",{"type":15,"tag":173,"props":8775,"children":8776},{"style":180},[8777],{"type":21,"value":183},{"type":15,"tag":173,"props":8779,"children":8780},{"style":532},[8781],{"type":21,"value":8782},"HTMLInputElement",{"type":15,"tag":173,"props":8784,"children":8785},{"style":180},[8786],{"type":21,"value":1379},{"type":15,"tag":173,"props":8788,"children":8789},{"style":532},[8790],{"type":21,"value":8206},{"type":15,"tag":173,"props":8792,"children":8793},{"style":180},[8794],{"type":21,"value":8795},">(\n",{"type":15,"tag":173,"props":8797,"children":8798},{"class":175,"line":2229},[8799],{"type":15,"tag":173,"props":8800,"children":8801},{"style":180},[8802],{"type":21,"value":8803}," (\n",{"type":15,"tag":173,"props":8805,"children":8806},{"class":175,"line":2237},[8807],{"type":15,"tag":173,"props":8808,"children":8809},{"style":180},[8810],{"type":21,"value":8811}," {\n",{"type":15,"tag":173,"props":8813,"children":8814},{"class":175,"line":2263},[8815,8820],{"type":15,"tag":173,"props":8816,"children":8817},{"style":186},[8818],{"type":21,"value":8819}," children",{"type":15,"tag":173,"props":8821,"children":8822},{"style":180},[8823],{"type":21,"value":2918},{"type":15,"tag":173,"props":8825,"children":8826},{"class":175,"line":2310},[8827,8832,8836,8840,8844,8848],{"type":15,"tag":173,"props":8828,"children":8829},{"style":186},[8830],{"type":21,"value":8831}," size",{"type":15,"tag":173,"props":8833,"children":8834},{"style":538},[8835],{"type":21,"value":541},{"type":15,"tag":173,"props":8837,"children":8838},{"style":532},[8839],{"type":21,"value":7356},{"type":15,"tag":173,"props":8841,"children":8842},{"style":180},[8843],{"type":21,"value":152},{"type":15,"tag":173,"props":8845,"children":8846},{"style":186},[8847],{"type":21,"value":6599},{"type":15,"tag":173,"props":8849,"children":8850},{"style":180},[8851],{"type":21,"value":2918},{"type":15,"tag":173,"props":8853,"children":8854},{"class":175,"line":2352},[8855,8860],{"type":15,"tag":173,"props":8856,"children":8857},{"style":186},[8858],{"type":21,"value":8859}," className",{"type":15,"tag":173,"props":8861,"children":8862},{"style":180},[8863],{"type":21,"value":2918},{"type":15,"tag":173,"props":8865,"children":8866},{"class":175,"line":2394},[8867,8872],{"type":15,"tag":173,"props":8868,"children":8869},{"style":186},[8870],{"type":21,"value":8871}," inputProps",{"type":15,"tag":173,"props":8873,"children":8874},{"style":180},[8875],{"type":21,"value":2918},{"type":15,"tag":173,"props":8877,"children":8878},{"class":175,"line":2403},[8879,8884,8888,8893],{"type":15,"tag":173,"props":8880,"children":8881},{"style":186},[8882],{"type":21,"value":8883}," square",{"type":15,"tag":173,"props":8885,"children":8886},{"style":538},[8887],{"type":21,"value":541},{"type":15,"tag":173,"props":8889,"children":8890},{"style":209},[8891],{"type":21,"value":8892}," false",{"type":15,"tag":173,"props":8894,"children":8895},{"style":180},[8896],{"type":21,"value":2918},{"type":15,"tag":173,"props":8898,"children":8899},{"class":175,"line":3062},[8900,8905],{"type":15,"tag":173,"props":8901,"children":8902},{"style":186},[8903],{"type":21,"value":8904}," slotPrefix",{"type":15,"tag":173,"props":8906,"children":8907},{"style":180},[8908],{"type":21,"value":2918},{"type":15,"tag":173,"props":8910,"children":8911},{"class":175,"line":3075},[8912,8917],{"type":15,"tag":173,"props":8913,"children":8914},{"style":186},[8915],{"type":21,"value":8916}," slotSuffix",{"type":15,"tag":173,"props":8918,"children":8919},{"style":180},[8920],{"type":21,"value":2918},{"type":15,"tag":173,"props":8922,"children":8923},{"class":175,"line":3091},[8924,8929],{"type":15,"tag":173,"props":8925,"children":8926},{"style":180},[8927],{"type":21,"value":8928}," ...",{"type":15,"tag":173,"props":8930,"children":8931},{"style":186},[8932],{"type":21,"value":8933},"attributes\n",{"type":15,"tag":173,"props":8935,"children":8936},{"class":175,"line":3099},[8937,8942,8946],{"type":15,"tag":173,"props":8938,"children":8939},{"style":180},[8940],{"type":21,"value":8941}," }: ",{"type":15,"tag":173,"props":8943,"children":8944},{"style":186},[8945],{"type":21,"value":8206},{"type":15,"tag":173,"props":8947,"children":8948},{"style":180},[8949],{"type":21,"value":2918},{"type":15,"tag":173,"props":8951,"children":8952},{"class":175,"line":4831},[8953,8958],{"type":15,"tag":173,"props":8954,"children":8955},{"style":186},[8956],{"type":21,"value":8957}," ref",{"type":15,"tag":173,"props":8959,"children":8960},{"style":180},[8961],{"type":21,"value":2918},{"type":15,"tag":173,"props":8963,"children":8964},{"class":175,"line":4847},[8965,8970,8974],{"type":15,"tag":173,"props":8966,"children":8967},{"style":180},[8968],{"type":21,"value":8969}," ) ",{"type":15,"tag":173,"props":8971,"children":8972},{"style":446},[8973],{"type":21,"value":2763},{"type":15,"tag":173,"props":8975,"children":8976},{"style":180},[8977],{"type":21,"value":3869},{"type":15,"tag":173,"props":8979,"children":8980},{"class":175,"line":4855},[8981,8985,8990,8994,8998],{"type":15,"tag":173,"props":8982,"children":8983},{"style":446},[8984],{"type":21,"value":4317},{"type":15,"tag":173,"props":8986,"children":8987},{"style":532},[8988],{"type":21,"value":8989}," chipId",{"type":15,"tag":173,"props":8991,"children":8992},{"style":538},[8993],{"type":21,"value":541},{"type":15,"tag":173,"props":8995,"children":8996},{"style":544},[8997],{"type":21,"value":7138},{"type":15,"tag":173,"props":8999,"children":9000},{"style":180},[9001],{"type":21,"value":552},{"type":15,"tag":173,"props":9003,"children":9004},{"class":175,"line":7084},[9005],{"type":15,"tag":173,"props":9006,"children":9007},{"emptyLinePlaceholder":8},[9008],{"type":21,"value":403},{"type":15,"tag":173,"props":9010,"children":9011},{"class":175,"line":7093},[9012,9017],{"type":15,"tag":173,"props":9013,"children":9014},{"style":446},[9015],{"type":21,"value":9016}," return",{"type":15,"tag":173,"props":9018,"children":9019},{"style":180},[9020],{"type":21,"value":711},{"type":15,"tag":173,"props":9022,"children":9023},{"class":175,"line":7119},[9024],{"type":15,"tag":173,"props":9025,"children":9026},{"style":180},[9027],{"type":21,"value":9028}," \u003C>\n",{"type":15,"tag":173,"props":9030,"children":9031},{"class":175,"line":7145},[9032,9036],{"type":15,"tag":173,"props":9033,"children":9034},{"style":180},[9035],{"type":21,"value":1944},{"type":15,"tag":173,"props":9037,"children":9038},{"style":186},[9039],{"type":21,"value":7726},{"type":15,"tag":173,"props":9041,"children":9042},{"class":175,"line":7153},[9043,9048,9052,9056,9061],{"type":15,"tag":173,"props":9044,"children":9045},{"style":743},[9046],{"type":21,"value":9047}," id",{"type":15,"tag":173,"props":9049,"children":9050},{"style":538},[9051],{"type":21,"value":217},{"type":15,"tag":173,"props":9053,"children":9054},{"style":446},[9055],{"type":21,"value":1620},{"type":15,"tag":173,"props":9057,"children":9058},{"style":186},[9059],{"type":21,"value":9060},"chipId",{"type":15,"tag":173,"props":9062,"children":9063},{"style":446},[9064],{"type":21,"value":913},{"type":15,"tag":173,"props":9066,"children":9067},{"class":175,"line":7179},[9068,9073,9077,9081,9085],{"type":15,"tag":173,"props":9069,"children":9070},{"style":743},[9071],{"type":21,"value":9072}," ref",{"type":15,"tag":173,"props":9074,"children":9075},{"style":538},[9076],{"type":21,"value":217},{"type":15,"tag":173,"props":9078,"children":9079},{"style":446},[9080],{"type":21,"value":1620},{"type":15,"tag":173,"props":9082,"children":9083},{"style":186},[9084],{"type":21,"value":459},{"type":15,"tag":173,"props":9086,"children":9087},{"style":446},[9088],{"type":21,"value":913},{"type":15,"tag":173,"props":9090,"children":9091},{"class":175,"line":7214},[9092,9097,9101],{"type":15,"tag":173,"props":9093,"children":9094},{"style":743},[9095],{"type":21,"value":9096}," type",{"type":15,"tag":173,"props":9098,"children":9099},{"style":538},[9100],{"type":21,"value":217},{"type":15,"tag":173,"props":9102,"children":9103},{"style":220},[9104],{"type":21,"value":7779},{"type":15,"tag":173,"props":9106,"children":9107},{"class":175,"line":7265},[9108,9113,9118,9122],{"type":15,"tag":173,"props":9109,"children":9110},{"style":446},[9111],{"type":21,"value":9112}," {",{"type":15,"tag":173,"props":9114,"children":9115},{"style":180},[9116],{"type":21,"value":9117},"...",{"type":15,"tag":173,"props":9119,"children":9120},{"style":186},[9121],{"type":21,"value":95},{"type":15,"tag":173,"props":9123,"children":9124},{"style":446},[9125],{"type":21,"value":913},{"type":15,"tag":173,"props":9127,"children":9128},{"class":175,"line":7273},[9129,9134,9138,9142,9146,9150,9155,9159,9163,9167,9172,9177],{"type":15,"tag":173,"props":9130,"children":9131},{"style":743},[9132],{"type":21,"value":9133}," className",{"type":15,"tag":173,"props":9135,"children":9136},{"style":538},[9137],{"type":21,"value":217},{"type":15,"tag":173,"props":9139,"children":9140},{"style":446},[9141],{"type":21,"value":1620},{"type":15,"tag":173,"props":9143,"children":9144},{"style":544},[9145],{"type":21,"value":6448},{"type":15,"tag":173,"props":9147,"children":9148},{"style":180},[9149],{"type":21,"value":3899},{"type":15,"tag":173,"props":9151,"children":9152},{"style":220},[9153],{"type":21,"value":9154},"'absolute w-0 outline-hidden appearance-none peer'",{"type":15,"tag":173,"props":9156,"children":9157},{"style":180},[9158],{"type":21,"value":1379},{"type":15,"tag":173,"props":9160,"children":9161},{"style":532},[9162],{"type":21,"value":95},{"type":15,"tag":173,"props":9164,"children":9165},{"style":180},[9166],{"type":21,"value":7203},{"type":15,"tag":173,"props":9168,"children":9169},{"style":186},[9170],{"type":21,"value":9171},"className",{"type":15,"tag":173,"props":9173,"children":9174},{"style":180},[9175],{"type":21,"value":9176},")",{"type":15,"tag":173,"props":9178,"children":9179},{"style":446},[9180],{"type":21,"value":913},{"type":15,"tag":173,"props":9182,"children":9183},{"class":175,"line":7281},[9184],{"type":15,"tag":173,"props":9185,"children":9186},{"style":180},[9187],{"type":21,"value":9188}," \u002F>\n",{"type":15,"tag":173,"props":9190,"children":9191},{"class":175,"line":7315},[9192,9196],{"type":15,"tag":173,"props":9193,"children":9194},{"style":180},[9195],{"type":21,"value":1944},{"type":15,"tag":173,"props":9197,"children":9198},{"style":186},[9199],{"type":21,"value":7837},{"type":15,"tag":173,"props":9201,"children":9202},{"class":175,"line":7345},[9203,9208,9212,9216,9220],{"type":15,"tag":173,"props":9204,"children":9205},{"style":743},[9206],{"type":21,"value":9207}," htmlFor",{"type":15,"tag":173,"props":9209,"children":9210},{"style":538},[9211],{"type":21,"value":217},{"type":15,"tag":173,"props":9213,"children":9214},{"style":446},[9215],{"type":21,"value":1620},{"type":15,"tag":173,"props":9217,"children":9218},{"style":186},[9219],{"type":21,"value":9060},{"type":15,"tag":173,"props":9221,"children":9222},{"style":446},[9223],{"type":21,"value":913},{"type":15,"tag":173,"props":9225,"children":9226},{"class":175,"line":7373},[9227,9231,9235,9239,9243],{"type":15,"tag":173,"props":9228,"children":9229},{"style":743},[9230],{"type":21,"value":9133},{"type":15,"tag":173,"props":9232,"children":9233},{"style":538},[9234],{"type":21,"value":217},{"type":15,"tag":173,"props":9236,"children":9237},{"style":446},[9238],{"type":21,"value":1620},{"type":15,"tag":173,"props":9240,"children":9241},{"style":544},[9242],{"type":21,"value":6448},{"type":15,"tag":173,"props":9244,"children":9245},{"style":180},[9246],{"type":21,"value":9247},"(\n",{"type":15,"tag":173,"props":9249,"children":9250},{"class":175,"line":7395},[9251,9256],{"type":15,"tag":173,"props":9252,"children":9253},{"style":220},[9254],{"type":21,"value":9255}," 'cursor-pointer ring-1 ring-neutral-200 ring-inset rounded-full inline-flex items-center transition duration-300 justify-center outline-offset-2 outline-secondary-600 peer-next-checked:ring-2 peer-next-checked:ring-primary-700 hover:bg-primary-100 peer-next-hover:ring-primary-200 active:bg-primary-200 peer-next-active:ring-primary-300 peer-next-disabled:cursor-not-allowed peer-next-disabled:bg-disabled-100 peer-next-disabled:opacity-50 peer-next-disabled:ring-1 peer-next-disabled:ring-disabled-200 peer-next-disabled:hover:ring-disabled-200 peer-next-checked:hover:ring-primary-700 peer-next-checked:active:ring-primary-700 peer-next-focus-visible:outline'",{"type":15,"tag":173,"props":9257,"children":9258},{"style":180},[9259],{"type":21,"value":2918},{"type":15,"tag":173,"props":9261,"children":9262},{"class":175,"line":7418},[9263,9268,9272,9276],{"type":15,"tag":173,"props":9264,"children":9265},{"style":544},[9266],{"type":21,"value":9267}," getSizeClasses",{"type":15,"tag":173,"props":9269,"children":9270},{"style":180},[9271],{"type":21,"value":3899},{"type":15,"tag":173,"props":9273,"children":9274},{"style":186},[9275],{"type":21,"value":127},{"type":15,"tag":173,"props":9277,"children":9278},{"style":180},[9279],{"type":21,"value":7262},{"type":15,"tag":173,"props":9281,"children":9282},{"class":175,"line":7517},[9283,9288,9293,9297,9301,9305,9309,9313,9317,9321,9325],{"type":15,"tag":173,"props":9284,"children":9285},{"style":180},[9286],{"type":21,"value":9287}," ...",{"type":15,"tag":173,"props":9289,"children":9290},{"style":544},[9291],{"type":21,"value":9292},"paddingForSize",{"type":15,"tag":173,"props":9294,"children":9295},{"style":180},[9296],{"type":21,"value":3899},{"type":15,"tag":173,"props":9298,"children":9299},{"style":186},[9300],{"type":21,"value":127},{"type":15,"tag":173,"props":9302,"children":9303},{"style":180},[9304],{"type":21,"value":1379},{"type":15,"tag":173,"props":9306,"children":9307},{"style":186},[9308],{"type":21,"value":4882},{"type":15,"tag":173,"props":9310,"children":9311},{"style":180},[9312],{"type":21,"value":1379},{"type":15,"tag":173,"props":9314,"children":9315},{"style":186},[9316],{"type":21,"value":973},{"type":15,"tag":173,"props":9318,"children":9319},{"style":180},[9320],{"type":21,"value":1379},{"type":15,"tag":173,"props":9322,"children":9323},{"style":186},[9324],{"type":21,"value":980},{"type":15,"tag":173,"props":9326,"children":9327},{"style":180},[9328],{"type":21,"value":7262},{"type":15,"tag":173,"props":9330,"children":9331},{"class":175,"line":7529},[9332,9336],{"type":15,"tag":173,"props":9333,"children":9334},{"style":186},[9335],{"type":21,"value":2823},{"type":15,"tag":173,"props":9337,"children":9338},{"style":180},[9339],{"type":21,"value":2918},{"type":15,"tag":173,"props":9341,"children":9342},{"class":175,"line":7659},[9343,9348],{"type":15,"tag":173,"props":9344,"children":9345},{"style":180},[9346],{"type":21,"value":9347}," )",{"type":15,"tag":173,"props":9349,"children":9350},{"style":446},[9351],{"type":21,"value":913},{"type":15,"tag":173,"props":9353,"children":9354},{"class":175,"line":7668},[9355,9360,9364],{"type":15,"tag":173,"props":9356,"children":9357},{"style":743},[9358],{"type":21,"value":9359}," data-testid",{"type":15,"tag":173,"props":9361,"children":9362},{"style":538},[9363],{"type":21,"value":217},{"type":15,"tag":173,"props":9365,"children":9366},{"style":220},[9367],{"type":21,"value":7952},{"type":15,"tag":173,"props":9369,"children":9370},{"class":175,"line":7676},[9371,9375,9379,9384],{"type":15,"tag":173,"props":9372,"children":9373},{"style":446},[9374],{"type":21,"value":9112},{"type":15,"tag":173,"props":9376,"children":9377},{"style":180},[9378],{"type":21,"value":9117},{"type":15,"tag":173,"props":9380,"children":9381},{"style":186},[9382],{"type":21,"value":9383},"attributes",{"type":15,"tag":173,"props":9385,"children":9386},{"style":446},[9387],{"type":21,"value":913},{"type":15,"tag":173,"props":9389,"children":9390},{"class":175,"line":7692},[9391],{"type":15,"tag":173,"props":9392,"children":9393},{"style":180},[9394],{"type":21,"value":9395}," >\n",{"type":15,"tag":173,"props":9397,"children":9398},{"class":175,"line":7700},[9399,9403,9407],{"type":15,"tag":173,"props":9400,"children":9401},{"style":446},[9402],{"type":21,"value":9112},{"type":15,"tag":173,"props":9404,"children":9405},{"style":186},[9406],{"type":21,"value":973},{"type":15,"tag":173,"props":9408,"children":9409},{"style":446},[9410],{"type":21,"value":913},{"type":15,"tag":173,"props":9412,"children":9413},{"class":175,"line":7716},[9414,9418,9422],{"type":15,"tag":173,"props":9415,"children":9416},{"style":446},[9417],{"type":21,"value":9112},{"type":15,"tag":173,"props":9419,"children":9420},{"style":186},[9421],{"type":21,"value":5891},{"type":15,"tag":173,"props":9423,"children":9424},{"style":446},[9425],{"type":21,"value":913},{"type":15,"tag":173,"props":9427,"children":9428},{"class":175,"line":7729},[9429,9433,9437],{"type":15,"tag":173,"props":9430,"children":9431},{"style":446},[9432],{"type":21,"value":9112},{"type":15,"tag":173,"props":9434,"children":9435},{"style":186},[9436],{"type":21,"value":980},{"type":15,"tag":173,"props":9438,"children":9439},{"style":446},[9440],{"type":21,"value":913},{"type":15,"tag":173,"props":9442,"children":9443},{"class":175,"line":7747},[9444,9448,9452],{"type":15,"tag":173,"props":9445,"children":9446},{"style":180},[9447],{"type":21,"value":2038},{"type":15,"tag":173,"props":9449,"children":9450},{"style":186},[9451],{"type":21,"value":2274},{"type":15,"tag":173,"props":9453,"children":9454},{"style":180},[9455],{"type":21,"value":193},{"type":15,"tag":173,"props":9457,"children":9458},{"class":175,"line":7765},[9459],{"type":15,"tag":173,"props":9460,"children":9461},{"style":180},[9462],{"type":21,"value":9463}," \u003C\u002F>\n",{"type":15,"tag":173,"props":9465,"children":9466},{"class":175,"line":7782},[9467],{"type":15,"tag":173,"props":9468,"children":9469},{"style":180},[9470],{"type":21,"value":9471}," );\n",{"type":15,"tag":173,"props":9473,"children":9474},{"class":175,"line":7800},[9475],{"type":15,"tag":173,"props":9476,"children":9477},{"style":180},[9478],{"type":21,"value":6611},{"type":15,"tag":173,"props":9480,"children":9481},{"class":175,"line":7818},[9482],{"type":15,"tag":173,"props":9483,"children":9484},{"style":180},[9485],{"type":21,"value":3821},{"type":15,"tag":173,"props":9487,"children":9488},{"class":175,"line":7827},[9489],{"type":15,"tag":173,"props":9490,"children":9491},{"emptyLinePlaceholder":8},[9492],{"type":21,"value":403},{"type":15,"tag":173,"props":9494,"children":9495},{"class":175,"line":7840},[9496,9500,9504,9508],{"type":15,"tag":173,"props":9497,"children":9498},{"style":446},[9499],{"type":21,"value":678},{"type":15,"tag":173,"props":9501,"children":9502},{"style":446},[9503],{"type":21,"value":683},{"type":15,"tag":173,"props":9505,"children":9506},{"style":186},[9507],{"type":21,"value":8764},{"type":15,"tag":173,"props":9509,"children":9510},{"style":180},[9511],{"type":21,"value":479},{"type":15,"tag":9513,"props":9514,"children":9515},"style",{},[9516],{"type":21,"value":9517},"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":380,"depth":196,"links":9519},[9520,9527,9528,9529,9530,9531],{"id":101,"depth":196,"text":104,"children":9521},[9522,9523,9524,9525,9526],{"id":108,"depth":267,"text":111},{"id":916,"depth":267,"text":919},{"id":1790,"depth":267,"text":1793},{"id":3107,"depth":267,"text":3110},{"id":4863,"depth":267,"text":4866},{"id":5657,"depth":196,"text":5660},{"id":5683,"depth":196,"text":5686},{"id":5697,"depth":196,"text":5700},{"id":6072,"depth":196,"text":6075},{"id":6117,"depth":196,"text":6120},"markdown","content:_components:chip.md","content","_components\u002Fchip.md","_components\u002Fchip","md",[9539],{"_path":9540,"_dir":9,"_draft":7,"_partial":8,"_locale":9,"navigation":9541,"sidebarRoot":8,"_id":9544,"_type":9545,"title":9546,"_source":9534,"_file":9547,"_stem":9548,"_extension":9549},"\u002F_dir",{"title":9542,"icon":9543},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","_dir.yml","_dir","yml",{"nav":9551,"sidebarRoot":9553},[9552,9555,9567],{"title":9542,"_path":9553,"_id":9544,"layout":9554,"sidebarRoot":8,"icon":9543},"\u002F","fullscreen",{"title":9556,"_path":9557,"children":9558,"_id":9566,"layout":6109},"Getting Started","\u002Fgetting-started",[9559,9562],{"title":9560,"_path":9557,"_id":9561,"layout":6109},"Installation","content:2.getting-started:1.index.md",{"title":9563,"_path":9564,"_id":9565,"layout":6109},"Browser support","\u002Fgetting-started\u002Fbrowser-support","content:2.getting-started:2.browser-support.md","content:2.getting-started:_dir.yml",{"title":9568,"_path":9569,"children":9570},"Customization","\u002Fcustomization",[9571,9575,9579,9583],{"title":9572,"_path":9573,"_id":9574,"layout":6109},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":9576,"_path":9577,"_id":9578,"layout":6109},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":9580,"_path":9581,"_id":9582,"layout":6109},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":9584,"_path":9585,"_id":9586,"layout":6109},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574913829]