[{"data":1,"prerenderedAt":9587},["ShallowReactive",2],{"reference":3,"sidebar-roots":4,"content-query-SsWL8RoMWj":20,"$dNTcUNV7nV":9550},null,[5],{"_path":6,"_dir":7,"_draft":8,"_partial":9,"_locale":7,"navigation":10,"sidebarRoot":9,"_id":13,"_type":14,"title":15,"_source":16,"_file":17,"_stem":18,"_extension":19},"\u002F_dir","",false,true,{"title":11,"icon":12},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","content","_dir.yml","_dir","yml",{"_path":21,"_dir":22,"_draft":8,"_partial":9,"_locale":7,"title":23,"description":7,"body":24,"_type":9545,"_id":9546,"_source":16,"_file":9547,"_stem":9548,"_extension":9549,"layout":6122},"\u002F_components\u002Fchip","_components","Chip",{"type":25,"children":26,"toc":9531},"root",[27,35,54,9525],{"type":28,"tag":29,"props":30,"children":32},"element","h1",{"id":31},"chip",[33],{"type":34,"value":23},"text",{"type":28,"tag":36,"props":37,"children":38},"warning",{},[39,49],{"type":28,"tag":40,"props":41,"children":42},"template",{"v-slot:title":7},[43],{"type":28,"tag":44,"props":45,"children":46},"p",{},[47],{"type":34,"value":48},"This is an experimental component",{"type":28,"tag":44,"props":50,"children":51},{},[52],{"type":34,"value":53},"This component is shipped in our NPM package, but its API might change based on user feedback.",{"type":28,"tag":55,"props":56,"children":60},"tabs",{":titles":57,"className":58},"[\"Usage\", \"API\", \"Source Code\"]",[59],"mt-8",[61,5705,6173],{"type":28,"tag":40,"props":62,"children":63},{"v-slot:tab-1":7},[64,76,111,118,125,166,927,933,969,1002,1801,1807,1819,3118,3124,3136,4874,4880,4898,5668,5674,5694,5700],{"type":28,"tag":44,"props":65,"children":66},{},[67,74],{"type":28,"tag":68,"props":69,"children":71},"code",{"className":70},[],[72],{"type":34,"value":73},"SfChip",{"type":34,"value":75}," is a toggleable input element. It can be a good alternative to toggle buttons, radio buttons, and single select menus.",{"type":28,"tag":44,"props":77,"children":78},{},[79,81,86,88,94,96,101,103,109],{"type":34,"value":80},"Internally, ",{"type":28,"tag":68,"props":82,"children":84},{"className":83},[],[85],{"type":34,"value":73},{"type":34,"value":87}," uses a hidden ",{"type":28,"tag":68,"props":89,"children":91},{"className":90},[],[92],{"type":34,"value":93},"\u003Cinput type=\"checkbox\">",{"type":34,"value":95}," element to handle the selection state. This means that ",{"type":28,"tag":68,"props":97,"children":99},{"className":98},[],[100],{"type":34,"value":73},{"type":34,"value":102}," 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":28,"tag":68,"props":104,"children":106},{"className":105},[],[107],{"type":34,"value":108},"inputProps",{"type":34,"value":110}," to the component.",{"type":28,"tag":112,"props":113,"children":115},"h2",{"id":114},"examples",[116],{"type":34,"value":117},"Examples",{"type":28,"tag":119,"props":120,"children":122},"h3",{"id":121},"sizes",[123],{"type":34,"value":124},"Sizes",{"type":28,"tag":44,"props":126,"children":127},{},[128,133,135,141,143,149,151,157,159,164],{"type":28,"tag":68,"props":129,"children":131},{"className":130},[],[132],{"type":34,"value":73},{"type":34,"value":134}," supports 2 sizes that can be set with the ",{"type":28,"tag":68,"props":136,"children":138},{"className":137},[],[139],{"type":34,"value":140},"size",{"type":34,"value":142}," prop: ",{"type":28,"tag":68,"props":144,"children":146},{"className":145},[],[147],{"type":34,"value":148},"'sm'",{"type":34,"value":150}," and ",{"type":28,"tag":68,"props":152,"children":154},{"className":153},[],[155],{"type":34,"value":156},"'base'",{"type":34,"value":158},". The default size is ",{"type":28,"tag":68,"props":160,"children":162},{"className":161},[],[163],{"type":34,"value":156},{"type":34,"value":165},".",{"type":28,"tag":167,"props":168,"children":170},"showcase",{"showcase-name":169},"Chip\u002FChipSizes",[171,632],{"type":28,"tag":172,"props":173,"children":174},"vue-only",{},[175],{"type":28,"tag":176,"props":177,"children":181},"pre",{"className":178,"code":179,"language":180,"meta":7,"style":7},"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",[182],{"type":28,"tag":68,"props":183,"children":184},{"__ignoreMap":7},[185,207,278,341,391,408,417,453,493,526,534,566,591,616],{"type":28,"tag":186,"props":187,"children":190},"span",{"class":188,"line":189},"line",1,[191,197,202],{"type":28,"tag":186,"props":192,"children":194},{"style":193},"--shiki-default:#ABB2BF",[195],{"type":34,"value":196},"\u003C",{"type":28,"tag":186,"props":198,"children":200},{"style":199},"--shiki-default:#E06C75",[201],{"type":34,"value":40},{"type":28,"tag":186,"props":203,"children":204},{"style":193},[205],{"type":34,"value":206},">\n",{"type":28,"tag":186,"props":208,"children":210},{"class":188,"line":209},2,[211,216,220,226,231,237,242,246,251,256,260,265,270,274],{"type":28,"tag":186,"props":212,"children":213},{"style":193},[214],{"type":34,"value":215}," \u003C",{"type":28,"tag":186,"props":217,"children":218},{"style":199},[219],{"type":34,"value":73},{"type":28,"tag":186,"props":221,"children":223},{"style":222},"--shiki-default:#D19A66",[224],{"type":34,"value":225}," size",{"type":28,"tag":186,"props":227,"children":228},{"style":193},[229],{"type":34,"value":230},"=",{"type":28,"tag":186,"props":232,"children":234},{"style":233},"--shiki-default:#98C379",[235],{"type":34,"value":236},"\"sm\"",{"type":28,"tag":186,"props":238,"children":239},{"style":222},[240],{"type":34,"value":241}," class",{"type":28,"tag":186,"props":243,"children":244},{"style":193},[245],{"type":34,"value":230},{"type":28,"tag":186,"props":247,"children":248},{"style":233},[249],{"type":34,"value":250},"\"mr-2\"",{"type":28,"tag":186,"props":252,"children":253},{"style":222},[254],{"type":34,"value":255}," v-model",{"type":28,"tag":186,"props":257,"children":258},{"style":193},[259],{"type":34,"value":230},{"type":28,"tag":186,"props":261,"children":262},{"style":233},[263],{"type":34,"value":264},"\"chipSmallActive\"",{"type":28,"tag":186,"props":266,"children":267},{"style":193},[268],{"type":34,"value":269},"> Small \u003C\u002F",{"type":28,"tag":186,"props":271,"children":272},{"style":199},[273],{"type":34,"value":73},{"type":28,"tag":186,"props":275,"children":276},{"style":193},[277],{"type":34,"value":206},{"type":28,"tag":186,"props":279,"children":281},{"class":188,"line":280},3,[282,286,290,294,298,303,307,311,315,319,323,328,333,337],{"type":28,"tag":186,"props":283,"children":284},{"style":193},[285],{"type":34,"value":215},{"type":28,"tag":186,"props":287,"children":288},{"style":199},[289],{"type":34,"value":73},{"type":28,"tag":186,"props":291,"children":292},{"style":222},[293],{"type":34,"value":225},{"type":28,"tag":186,"props":295,"children":296},{"style":193},[297],{"type":34,"value":230},{"type":28,"tag":186,"props":299,"children":300},{"style":233},[301],{"type":34,"value":302},"\"base\"",{"type":28,"tag":186,"props":304,"children":305},{"style":222},[306],{"type":34,"value":241},{"type":28,"tag":186,"props":308,"children":309},{"style":193},[310],{"type":34,"value":230},{"type":28,"tag":186,"props":312,"children":313},{"style":233},[314],{"type":34,"value":250},{"type":28,"tag":186,"props":316,"children":317},{"style":222},[318],{"type":34,"value":255},{"type":28,"tag":186,"props":320,"children":321},{"style":193},[322],{"type":34,"value":230},{"type":28,"tag":186,"props":324,"children":325},{"style":233},[326],{"type":34,"value":327},"\"chipBaseActive\"",{"type":28,"tag":186,"props":329,"children":330},{"style":193},[331],{"type":34,"value":332},"> Base \u003C\u002F",{"type":28,"tag":186,"props":334,"children":335},{"style":199},[336],{"type":34,"value":73},{"type":28,"tag":186,"props":338,"children":339},{"style":193},[340],{"type":34,"value":206},{"type":28,"tag":186,"props":342,"children":344},{"class":188,"line":343},4,[345,349,353,357,361,365,369,373,378,383,387],{"type":28,"tag":186,"props":346,"children":347},{"style":193},[348],{"type":34,"value":215},{"type":28,"tag":186,"props":350,"children":351},{"style":199},[352],{"type":34,"value":73},{"type":28,"tag":186,"props":354,"children":355},{"style":222},[356],{"type":34,"value":225},{"type":28,"tag":186,"props":358,"children":359},{"style":193},[360],{"type":34,"value":230},{"type":28,"tag":186,"props":362,"children":363},{"style":233},[364],{"type":34,"value":302},{"type":28,"tag":186,"props":366,"children":367},{"style":222},[368],{"type":34,"value":255},{"type":28,"tag":186,"props":370,"children":371},{"style":193},[372],{"type":34,"value":230},{"type":28,"tag":186,"props":374,"children":375},{"style":233},[376],{"type":34,"value":377},"\"chipDefaultActive\"",{"type":28,"tag":186,"props":379,"children":380},{"style":193},[381],{"type":34,"value":382},"> Default \u003C\u002F",{"type":28,"tag":186,"props":384,"children":385},{"style":199},[386],{"type":34,"value":73},{"type":28,"tag":186,"props":388,"children":389},{"style":193},[390],{"type":34,"value":206},{"type":28,"tag":186,"props":392,"children":394},{"class":188,"line":393},5,[395,400,404],{"type":28,"tag":186,"props":396,"children":397},{"style":193},[398],{"type":34,"value":399},"\u003C\u002F",{"type":28,"tag":186,"props":401,"children":402},{"style":199},[403],{"type":34,"value":40},{"type":28,"tag":186,"props":405,"children":406},{"style":193},[407],{"type":34,"value":206},{"type":28,"tag":186,"props":409,"children":411},{"class":188,"line":410},6,[412],{"type":28,"tag":186,"props":413,"children":414},{"emptyLinePlaceholder":9},[415],{"type":34,"value":416},"\n",{"type":28,"tag":186,"props":418,"children":420},{"class":188,"line":419},7,[421,425,430,435,439,444,449],{"type":28,"tag":186,"props":422,"children":423},{"style":193},[424],{"type":34,"value":196},{"type":28,"tag":186,"props":426,"children":427},{"style":199},[428],{"type":34,"value":429},"script",{"type":28,"tag":186,"props":431,"children":432},{"style":222},[433],{"type":34,"value":434}," lang",{"type":28,"tag":186,"props":436,"children":437},{"style":193},[438],{"type":34,"value":230},{"type":28,"tag":186,"props":440,"children":441},{"style":233},[442],{"type":34,"value":443},"\"ts\"",{"type":28,"tag":186,"props":445,"children":446},{"style":222},[447],{"type":34,"value":448}," setup",{"type":28,"tag":186,"props":450,"children":451},{"style":193},[452],{"type":34,"value":206},{"type":28,"tag":186,"props":454,"children":456},{"class":188,"line":455},8,[457,463,468,473,478,483,488],{"type":28,"tag":186,"props":458,"children":460},{"style":459},"--shiki-default:#C678DD",[461],{"type":34,"value":462},"import",{"type":28,"tag":186,"props":464,"children":465},{"style":193},[466],{"type":34,"value":467}," { ",{"type":28,"tag":186,"props":469,"children":470},{"style":199},[471],{"type":34,"value":472},"ref",{"type":28,"tag":186,"props":474,"children":475},{"style":193},[476],{"type":34,"value":477}," } ",{"type":28,"tag":186,"props":479,"children":480},{"style":459},[481],{"type":34,"value":482},"from",{"type":28,"tag":186,"props":484,"children":485},{"style":233},[486],{"type":34,"value":487}," 'vue'",{"type":28,"tag":186,"props":489,"children":490},{"style":193},[491],{"type":34,"value":492},";\n",{"type":28,"tag":186,"props":494,"children":496},{"class":188,"line":495},9,[497,501,505,509,513,517,522],{"type":28,"tag":186,"props":498,"children":499},{"style":459},[500],{"type":34,"value":462},{"type":28,"tag":186,"props":502,"children":503},{"style":193},[504],{"type":34,"value":467},{"type":28,"tag":186,"props":506,"children":507},{"style":199},[508],{"type":34,"value":73},{"type":28,"tag":186,"props":510,"children":511},{"style":193},[512],{"type":34,"value":477},{"type":28,"tag":186,"props":514,"children":515},{"style":459},[516],{"type":34,"value":482},{"type":28,"tag":186,"props":518,"children":519},{"style":233},[520],{"type":34,"value":521}," '@storefront-ui\u002Fvue'",{"type":28,"tag":186,"props":523,"children":524},{"style":193},[525],{"type":34,"value":492},{"type":28,"tag":186,"props":527,"children":529},{"class":188,"line":528},10,[530],{"type":28,"tag":186,"props":531,"children":532},{"emptyLinePlaceholder":9},[533],{"type":34,"value":416},{"type":28,"tag":186,"props":535,"children":537},{"class":188,"line":536},11,[538,543,549,555,561],{"type":28,"tag":186,"props":539,"children":540},{"style":459},[541],{"type":34,"value":542},"const",{"type":28,"tag":186,"props":544,"children":546},{"style":545},"--shiki-default:#E5C07B",[547],{"type":34,"value":548}," chipSmallActive",{"type":28,"tag":186,"props":550,"children":552},{"style":551},"--shiki-default:#56B6C2",[553],{"type":34,"value":554}," =",{"type":28,"tag":186,"props":556,"children":558},{"style":557},"--shiki-default:#61AFEF",[559],{"type":34,"value":560}," ref",{"type":28,"tag":186,"props":562,"children":563},{"style":193},[564],{"type":34,"value":565},"();\n",{"type":28,"tag":186,"props":567,"children":569},{"class":188,"line":568},12,[570,574,579,583,587],{"type":28,"tag":186,"props":571,"children":572},{"style":459},[573],{"type":34,"value":542},{"type":28,"tag":186,"props":575,"children":576},{"style":545},[577],{"type":34,"value":578}," chipBaseActive",{"type":28,"tag":186,"props":580,"children":581},{"style":551},[582],{"type":34,"value":554},{"type":28,"tag":186,"props":584,"children":585},{"style":557},[586],{"type":34,"value":560},{"type":28,"tag":186,"props":588,"children":589},{"style":193},[590],{"type":34,"value":565},{"type":28,"tag":186,"props":592,"children":594},{"class":188,"line":593},13,[595,599,604,608,612],{"type":28,"tag":186,"props":596,"children":597},{"style":459},[598],{"type":34,"value":542},{"type":28,"tag":186,"props":600,"children":601},{"style":545},[602],{"type":34,"value":603}," chipDefaultActive",{"type":28,"tag":186,"props":605,"children":606},{"style":551},[607],{"type":34,"value":554},{"type":28,"tag":186,"props":609,"children":610},{"style":557},[611],{"type":34,"value":560},{"type":28,"tag":186,"props":613,"children":614},{"style":193},[615],{"type":34,"value":565},{"type":28,"tag":186,"props":617,"children":619},{"class":188,"line":618},14,[620,624,628],{"type":28,"tag":186,"props":621,"children":622},{"style":193},[623],{"type":34,"value":399},{"type":28,"tag":186,"props":625,"children":626},{"style":199},[627],{"type":34,"value":429},{"type":28,"tag":186,"props":629,"children":630},{"style":193},[631],{"type":34,"value":206},{"type":28,"tag":633,"props":634,"children":635},"react-only",{},[636],{"type":28,"tag":176,"props":637,"children":641},{"className":638,"code":639,"language":640,"meta":7,"style":7},"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",[642],{"type":28,"tag":68,"props":643,"children":644},{"__ignoreMap":7},[645,677,684,712,725,742,784,792,808,847,855,870,894,910,918],{"type":28,"tag":186,"props":646,"children":647},{"class":188,"line":189},[648,652,656,660,664,668,673],{"type":28,"tag":186,"props":649,"children":650},{"style":459},[651],{"type":34,"value":462},{"type":28,"tag":186,"props":653,"children":654},{"style":193},[655],{"type":34,"value":467},{"type":28,"tag":186,"props":657,"children":658},{"style":199},[659],{"type":34,"value":73},{"type":28,"tag":186,"props":661,"children":662},{"style":193},[663],{"type":34,"value":477},{"type":28,"tag":186,"props":665,"children":666},{"style":459},[667],{"type":34,"value":482},{"type":28,"tag":186,"props":669,"children":670},{"style":233},[671],{"type":34,"value":672}," '@storefront-ui\u002Freact'",{"type":28,"tag":186,"props":674,"children":675},{"style":193},[676],{"type":34,"value":492},{"type":28,"tag":186,"props":678,"children":679},{"class":188,"line":209},[680],{"type":28,"tag":186,"props":681,"children":682},{"emptyLinePlaceholder":9},[683],{"type":34,"value":416},{"type":28,"tag":186,"props":685,"children":686},{"class":188,"line":280},[687,692,697,702,707],{"type":28,"tag":186,"props":688,"children":689},{"style":459},[690],{"type":34,"value":691},"export",{"type":28,"tag":186,"props":693,"children":694},{"style":459},[695],{"type":34,"value":696}," default",{"type":28,"tag":186,"props":698,"children":699},{"style":459},[700],{"type":34,"value":701}," function",{"type":28,"tag":186,"props":703,"children":704},{"style":557},[705],{"type":34,"value":706}," ChipSizes",{"type":28,"tag":186,"props":708,"children":709},{"style":193},[710],{"type":34,"value":711},"() {\n",{"type":28,"tag":186,"props":713,"children":714},{"class":188,"line":343},[715,720],{"type":28,"tag":186,"props":716,"children":717},{"style":459},[718],{"type":34,"value":719}," return",{"type":28,"tag":186,"props":721,"children":722},{"style":193},[723],{"type":34,"value":724}," (\n",{"type":28,"tag":186,"props":726,"children":727},{"class":188,"line":393},[728,733,738],{"type":28,"tag":186,"props":729,"children":730},{"style":193},[731],{"type":34,"value":732}," \u003C",{"type":28,"tag":186,"props":734,"children":735},{"style":199},[736],{"type":34,"value":737},"div",{"type":28,"tag":186,"props":739,"children":740},{"style":193},[741],{"type":34,"value":206},{"type":28,"tag":186,"props":743,"children":744},{"class":188,"line":410},[745,750,754,759,763,767,772,776,780],{"type":28,"tag":186,"props":746,"children":747},{"style":193},[748],{"type":34,"value":749}," \u003C",{"type":28,"tag":186,"props":751,"children":752},{"style":545},[753],{"type":34,"value":73},{"type":28,"tag":186,"props":755,"children":757},{"style":756},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[758],{"type":34,"value":225},{"type":28,"tag":186,"props":760,"children":761},{"style":551},[762],{"type":34,"value":230},{"type":28,"tag":186,"props":764,"children":765},{"style":233},[766],{"type":34,"value":236},{"type":28,"tag":186,"props":768,"children":769},{"style":756},[770],{"type":34,"value":771}," className",{"type":28,"tag":186,"props":773,"children":774},{"style":551},[775],{"type":34,"value":230},{"type":28,"tag":186,"props":777,"children":778},{"style":233},[779],{"type":34,"value":250},{"type":28,"tag":186,"props":781,"children":782},{"style":193},[783],{"type":34,"value":206},{"type":28,"tag":186,"props":785,"children":786},{"class":188,"line":419},[787],{"type":28,"tag":186,"props":788,"children":789},{"style":193},[790],{"type":34,"value":791}," Small\n",{"type":28,"tag":186,"props":793,"children":794},{"class":188,"line":455},[795,800,804],{"type":28,"tag":186,"props":796,"children":797},{"style":193},[798],{"type":34,"value":799}," \u003C\u002F",{"type":28,"tag":186,"props":801,"children":802},{"style":545},[803],{"type":34,"value":73},{"type":28,"tag":186,"props":805,"children":806},{"style":193},[807],{"type":34,"value":206},{"type":28,"tag":186,"props":809,"children":810},{"class":188,"line":495},[811,815,819,823,827,831,835,839,843],{"type":28,"tag":186,"props":812,"children":813},{"style":193},[814],{"type":34,"value":749},{"type":28,"tag":186,"props":816,"children":817},{"style":545},[818],{"type":34,"value":73},{"type":28,"tag":186,"props":820,"children":821},{"style":756},[822],{"type":34,"value":225},{"type":28,"tag":186,"props":824,"children":825},{"style":551},[826],{"type":34,"value":230},{"type":28,"tag":186,"props":828,"children":829},{"style":233},[830],{"type":34,"value":302},{"type":28,"tag":186,"props":832,"children":833},{"style":756},[834],{"type":34,"value":771},{"type":28,"tag":186,"props":836,"children":837},{"style":551},[838],{"type":34,"value":230},{"type":28,"tag":186,"props":840,"children":841},{"style":233},[842],{"type":34,"value":250},{"type":28,"tag":186,"props":844,"children":845},{"style":193},[846],{"type":34,"value":206},{"type":28,"tag":186,"props":848,"children":849},{"class":188,"line":528},[850],{"type":28,"tag":186,"props":851,"children":852},{"style":193},[853],{"type":34,"value":854}," Base\n",{"type":28,"tag":186,"props":856,"children":857},{"class":188,"line":536},[858,862,866],{"type":28,"tag":186,"props":859,"children":860},{"style":193},[861],{"type":34,"value":799},{"type":28,"tag":186,"props":863,"children":864},{"style":545},[865],{"type":34,"value":73},{"type":28,"tag":186,"props":867,"children":868},{"style":193},[869],{"type":34,"value":206},{"type":28,"tag":186,"props":871,"children":872},{"class":188,"line":568},[873,877,881,886,890],{"type":28,"tag":186,"props":874,"children":875},{"style":193},[876],{"type":34,"value":749},{"type":28,"tag":186,"props":878,"children":879},{"style":545},[880],{"type":34,"value":73},{"type":28,"tag":186,"props":882,"children":883},{"style":193},[884],{"type":34,"value":885},">Default\u003C\u002F",{"type":28,"tag":186,"props":887,"children":888},{"style":545},[889],{"type":34,"value":73},{"type":28,"tag":186,"props":891,"children":892},{"style":193},[893],{"type":34,"value":206},{"type":28,"tag":186,"props":895,"children":896},{"class":188,"line":593},[897,902,906],{"type":28,"tag":186,"props":898,"children":899},{"style":193},[900],{"type":34,"value":901}," \u003C\u002F",{"type":28,"tag":186,"props":903,"children":904},{"style":199},[905],{"type":34,"value":737},{"type":28,"tag":186,"props":907,"children":908},{"style":193},[909],{"type":34,"value":206},{"type":28,"tag":186,"props":911,"children":912},{"class":188,"line":618},[913],{"type":28,"tag":186,"props":914,"children":915},{"style":193},[916],{"type":34,"value":917}," );\n",{"type":28,"tag":186,"props":919,"children":921},{"class":188,"line":920},15,[922],{"type":28,"tag":186,"props":923,"children":924},{"style":193},[925],{"type":34,"value":926},"}\n",{"type":28,"tag":119,"props":928,"children":930},{"id":929},"thumbnails",[931],{"type":34,"value":932},"Thumbnails",{"type":28,"tag":172,"props":934,"children":935},{},[936],{"type":28,"tag":44,"props":937,"children":938},{},[939,944,946,952,953,959,961,967],{"type":28,"tag":68,"props":940,"children":942},{"className":941},[],[943],{"type":34,"value":73},{"type":34,"value":945}," provides ",{"type":28,"tag":68,"props":947,"children":949},{"className":948},[],[950],{"type":34,"value":951},"prefix",{"type":34,"value":150},{"type":28,"tag":68,"props":954,"children":956},{"className":955},[],[957],{"type":34,"value":958},"suffix",{"type":34,"value":960}," 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":28,"tag":68,"props":962,"children":964},{"className":963},[],[965],{"type":34,"value":966},"SfThumbnail",{"type":34,"value":968}," to your toggleable chip.",{"type":28,"tag":633,"props":970,"children":971},{},[972],{"type":28,"tag":44,"props":973,"children":974},{},[975,980,981,987,988,994,996,1001],{"type":28,"tag":68,"props":976,"children":978},{"className":977},[],[979],{"type":34,"value":73},{"type":34,"value":945},{"type":28,"tag":68,"props":982,"children":984},{"className":983},[],[985],{"type":34,"value":986},"slotPrefix",{"type":34,"value":150},{"type":28,"tag":68,"props":989,"children":991},{"className":990},[],[992],{"type":34,"value":993},"slotSuffix",{"type":34,"value":995}," 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":28,"tag":68,"props":997,"children":999},{"className":998},[],[1000],{"type":34,"value":966},{"type":34,"value":968},{"type":28,"tag":167,"props":1003,"children":1005},{"showcase-name":1004},"Chip\u002FChipWithThumbnail",[1006,1486],{"type":28,"tag":172,"props":1007,"children":1008},{},[1009],{"type":28,"tag":176,"props":1010,"children":1012},{"className":178,"code":1011,"language":180,"meta":7,"style":7},"\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",[1013],{"type":28,"tag":68,"props":1014,"children":1015},{"__ignoreMap":7},[1016,1031,1083,1150,1158,1174,1202,1266,1274,1289,1304,1311,1342,1373,1413,1420,1445,1470],{"type":28,"tag":186,"props":1017,"children":1018},{"class":188,"line":189},[1019,1023,1027],{"type":28,"tag":186,"props":1020,"children":1021},{"style":193},[1022],{"type":34,"value":196},{"type":28,"tag":186,"props":1024,"children":1025},{"style":199},[1026],{"type":34,"value":40},{"type":28,"tag":186,"props":1028,"children":1029},{"style":193},[1030],{"type":34,"value":206},{"type":28,"tag":186,"props":1032,"children":1033},{"class":188,"line":209},[1034,1038,1042,1046,1050,1054,1058,1062,1066,1070,1074,1079],{"type":28,"tag":186,"props":1035,"children":1036},{"style":193},[1037],{"type":34,"value":215},{"type":28,"tag":186,"props":1039,"children":1040},{"style":199},[1041],{"type":34,"value":73},{"type":28,"tag":186,"props":1043,"children":1044},{"style":222},[1045],{"type":34,"value":225},{"type":28,"tag":186,"props":1047,"children":1048},{"style":193},[1049],{"type":34,"value":230},{"type":28,"tag":186,"props":1051,"children":1052},{"style":233},[1053],{"type":34,"value":236},{"type":28,"tag":186,"props":1055,"children":1056},{"style":222},[1057],{"type":34,"value":241},{"type":28,"tag":186,"props":1059,"children":1060},{"style":193},[1061],{"type":34,"value":230},{"type":28,"tag":186,"props":1063,"children":1064},{"style":233},[1065],{"type":34,"value":250},{"type":28,"tag":186,"props":1067,"children":1068},{"style":222},[1069],{"type":34,"value":255},{"type":28,"tag":186,"props":1071,"children":1072},{"style":193},[1073],{"type":34,"value":230},{"type":28,"tag":186,"props":1075,"children":1076},{"style":233},[1077],{"type":34,"value":1078},"\"chipRedActive\"",{"type":28,"tag":186,"props":1080,"children":1081},{"style":193},[1082],{"type":34,"value":206},{"type":28,"tag":186,"props":1084,"children":1085},{"class":188,"line":280},[1086,1090,1094,1099,1103,1108,1112,1116,1120,1125,1129,1133,1137,1142,1146],{"type":28,"tag":186,"props":1087,"children":1088},{"style":193},[1089],{"type":34,"value":732},{"type":28,"tag":186,"props":1091,"children":1092},{"style":199},[1093],{"type":34,"value":40},{"type":28,"tag":186,"props":1095,"children":1096},{"style":193},[1097],{"type":34,"value":1098}," #",{"type":28,"tag":186,"props":1100,"children":1101},{"style":222},[1102],{"type":34,"value":951},{"type":28,"tag":186,"props":1104,"children":1105},{"style":193},[1106],{"type":34,"value":1107},">\u003C",{"type":28,"tag":186,"props":1109,"children":1110},{"style":199},[1111],{"type":34,"value":966},{"type":28,"tag":186,"props":1113,"children":1114},{"style":222},[1115],{"type":34,"value":241},{"type":28,"tag":186,"props":1117,"children":1118},{"style":193},[1119],{"type":34,"value":230},{"type":28,"tag":186,"props":1121,"children":1122},{"style":233},[1123],{"type":34,"value":1124},"\"bg-red-500\"",{"type":28,"tag":186,"props":1126,"children":1127},{"style":222},[1128],{"type":34,"value":225},{"type":28,"tag":186,"props":1130,"children":1131},{"style":193},[1132],{"type":34,"value":230},{"type":28,"tag":186,"props":1134,"children":1135},{"style":233},[1136],{"type":34,"value":236},{"type":28,"tag":186,"props":1138,"children":1139},{"style":193},[1140],{"type":34,"value":1141}," \u002F>\u003C\u002F",{"type":28,"tag":186,"props":1143,"children":1144},{"style":199},[1145],{"type":34,"value":40},{"type":28,"tag":186,"props":1147,"children":1148},{"style":193},[1149],{"type":34,"value":206},{"type":28,"tag":186,"props":1151,"children":1152},{"class":188,"line":343},[1153],{"type":28,"tag":186,"props":1154,"children":1155},{"style":193},[1156],{"type":34,"value":1157}," Red\n",{"type":28,"tag":186,"props":1159,"children":1160},{"class":188,"line":393},[1161,1166,1170],{"type":28,"tag":186,"props":1162,"children":1163},{"style":193},[1164],{"type":34,"value":1165}," \u003C\u002F",{"type":28,"tag":186,"props":1167,"children":1168},{"style":199},[1169],{"type":34,"value":73},{"type":28,"tag":186,"props":1171,"children":1172},{"style":193},[1173],{"type":34,"value":206},{"type":28,"tag":186,"props":1175,"children":1176},{"class":188,"line":410},[1177,1181,1185,1189,1193,1198],{"type":28,"tag":186,"props":1178,"children":1179},{"style":193},[1180],{"type":34,"value":215},{"type":28,"tag":186,"props":1182,"children":1183},{"style":199},[1184],{"type":34,"value":73},{"type":28,"tag":186,"props":1186,"children":1187},{"style":222},[1188],{"type":34,"value":255},{"type":28,"tag":186,"props":1190,"children":1191},{"style":193},[1192],{"type":34,"value":230},{"type":28,"tag":186,"props":1194,"children":1195},{"style":233},[1196],{"type":34,"value":1197},"\"chipBlueActive\"",{"type":28,"tag":186,"props":1199,"children":1200},{"style":193},[1201],{"type":34,"value":206},{"type":28,"tag":186,"props":1203,"children":1204},{"class":188,"line":419},[1205,1209,1213,1217,1221,1225,1229,1233,1237,1242,1246,1250,1254,1258,1262],{"type":28,"tag":186,"props":1206,"children":1207},{"style":193},[1208],{"type":34,"value":732},{"type":28,"tag":186,"props":1210,"children":1211},{"style":199},[1212],{"type":34,"value":40},{"type":28,"tag":186,"props":1214,"children":1215},{"style":193},[1216],{"type":34,"value":1098},{"type":28,"tag":186,"props":1218,"children":1219},{"style":222},[1220],{"type":34,"value":951},{"type":28,"tag":186,"props":1222,"children":1223},{"style":193},[1224],{"type":34,"value":1107},{"type":28,"tag":186,"props":1226,"children":1227},{"style":199},[1228],{"type":34,"value":966},{"type":28,"tag":186,"props":1230,"children":1231},{"style":222},[1232],{"type":34,"value":241},{"type":28,"tag":186,"props":1234,"children":1235},{"style":193},[1236],{"type":34,"value":230},{"type":28,"tag":186,"props":1238,"children":1239},{"style":233},[1240],{"type":34,"value":1241},"\"bg-secondary-400\"",{"type":28,"tag":186,"props":1243,"children":1244},{"style":222},[1245],{"type":34,"value":225},{"type":28,"tag":186,"props":1247,"children":1248},{"style":193},[1249],{"type":34,"value":230},{"type":28,"tag":186,"props":1251,"children":1252},{"style":233},[1253],{"type":34,"value":302},{"type":28,"tag":186,"props":1255,"children":1256},{"style":193},[1257],{"type":34,"value":1141},{"type":28,"tag":186,"props":1259,"children":1260},{"style":199},[1261],{"type":34,"value":40},{"type":28,"tag":186,"props":1263,"children":1264},{"style":193},[1265],{"type":34,"value":206},{"type":28,"tag":186,"props":1267,"children":1268},{"class":188,"line":455},[1269],{"type":28,"tag":186,"props":1270,"children":1271},{"style":193},[1272],{"type":34,"value":1273}," Blue\n",{"type":28,"tag":186,"props":1275,"children":1276},{"class":188,"line":495},[1277,1281,1285],{"type":28,"tag":186,"props":1278,"children":1279},{"style":193},[1280],{"type":34,"value":1165},{"type":28,"tag":186,"props":1282,"children":1283},{"style":199},[1284],{"type":34,"value":73},{"type":28,"tag":186,"props":1286,"children":1287},{"style":193},[1288],{"type":34,"value":206},{"type":28,"tag":186,"props":1290,"children":1291},{"class":188,"line":528},[1292,1296,1300],{"type":28,"tag":186,"props":1293,"children":1294},{"style":193},[1295],{"type":34,"value":399},{"type":28,"tag":186,"props":1297,"children":1298},{"style":199},[1299],{"type":34,"value":40},{"type":28,"tag":186,"props":1301,"children":1302},{"style":193},[1303],{"type":34,"value":206},{"type":28,"tag":186,"props":1305,"children":1306},{"class":188,"line":536},[1307],{"type":28,"tag":186,"props":1308,"children":1309},{"emptyLinePlaceholder":9},[1310],{"type":34,"value":416},{"type":28,"tag":186,"props":1312,"children":1313},{"class":188,"line":568},[1314,1318,1322,1326,1330,1334,1338],{"type":28,"tag":186,"props":1315,"children":1316},{"style":193},[1317],{"type":34,"value":196},{"type":28,"tag":186,"props":1319,"children":1320},{"style":199},[1321],{"type":34,"value":429},{"type":28,"tag":186,"props":1323,"children":1324},{"style":222},[1325],{"type":34,"value":434},{"type":28,"tag":186,"props":1327,"children":1328},{"style":193},[1329],{"type":34,"value":230},{"type":28,"tag":186,"props":1331,"children":1332},{"style":233},[1333],{"type":34,"value":443},{"type":28,"tag":186,"props":1335,"children":1336},{"style":222},[1337],{"type":34,"value":448},{"type":28,"tag":186,"props":1339,"children":1340},{"style":193},[1341],{"type":34,"value":206},{"type":28,"tag":186,"props":1343,"children":1344},{"class":188,"line":593},[1345,1349,1353,1357,1361,1365,1369],{"type":28,"tag":186,"props":1346,"children":1347},{"style":459},[1348],{"type":34,"value":462},{"type":28,"tag":186,"props":1350,"children":1351},{"style":193},[1352],{"type":34,"value":467},{"type":28,"tag":186,"props":1354,"children":1355},{"style":199},[1356],{"type":34,"value":472},{"type":28,"tag":186,"props":1358,"children":1359},{"style":193},[1360],{"type":34,"value":477},{"type":28,"tag":186,"props":1362,"children":1363},{"style":459},[1364],{"type":34,"value":482},{"type":28,"tag":186,"props":1366,"children":1367},{"style":233},[1368],{"type":34,"value":487},{"type":28,"tag":186,"props":1370,"children":1371},{"style":193},[1372],{"type":34,"value":492},{"type":28,"tag":186,"props":1374,"children":1375},{"class":188,"line":618},[1376,1380,1384,1388,1393,1397,1401,1405,1409],{"type":28,"tag":186,"props":1377,"children":1378},{"style":459},[1379],{"type":34,"value":462},{"type":28,"tag":186,"props":1381,"children":1382},{"style":193},[1383],{"type":34,"value":467},{"type":28,"tag":186,"props":1385,"children":1386},{"style":199},[1387],{"type":34,"value":73},{"type":28,"tag":186,"props":1389,"children":1390},{"style":193},[1391],{"type":34,"value":1392},", ",{"type":28,"tag":186,"props":1394,"children":1395},{"style":199},[1396],{"type":34,"value":966},{"type":28,"tag":186,"props":1398,"children":1399},{"style":193},[1400],{"type":34,"value":477},{"type":28,"tag":186,"props":1402,"children":1403},{"style":459},[1404],{"type":34,"value":482},{"type":28,"tag":186,"props":1406,"children":1407},{"style":233},[1408],{"type":34,"value":521},{"type":28,"tag":186,"props":1410,"children":1411},{"style":193},[1412],{"type":34,"value":492},{"type":28,"tag":186,"props":1414,"children":1415},{"class":188,"line":920},[1416],{"type":28,"tag":186,"props":1417,"children":1418},{"emptyLinePlaceholder":9},[1419],{"type":34,"value":416},{"type":28,"tag":186,"props":1421,"children":1423},{"class":188,"line":1422},16,[1424,1428,1433,1437,1441],{"type":28,"tag":186,"props":1425,"children":1426},{"style":459},[1427],{"type":34,"value":542},{"type":28,"tag":186,"props":1429,"children":1430},{"style":545},[1431],{"type":34,"value":1432}," chipRedActive",{"type":28,"tag":186,"props":1434,"children":1435},{"style":551},[1436],{"type":34,"value":554},{"type":28,"tag":186,"props":1438,"children":1439},{"style":557},[1440],{"type":34,"value":560},{"type":28,"tag":186,"props":1442,"children":1443},{"style":193},[1444],{"type":34,"value":565},{"type":28,"tag":186,"props":1446,"children":1448},{"class":188,"line":1447},17,[1449,1453,1458,1462,1466],{"type":28,"tag":186,"props":1450,"children":1451},{"style":459},[1452],{"type":34,"value":542},{"type":28,"tag":186,"props":1454,"children":1455},{"style":545},[1456],{"type":34,"value":1457}," chipBlueActive",{"type":28,"tag":186,"props":1459,"children":1460},{"style":551},[1461],{"type":34,"value":554},{"type":28,"tag":186,"props":1463,"children":1464},{"style":557},[1465],{"type":34,"value":560},{"type":28,"tag":186,"props":1467,"children":1468},{"style":193},[1469],{"type":34,"value":565},{"type":28,"tag":186,"props":1471,"children":1473},{"class":188,"line":1472},18,[1474,1478,1482],{"type":28,"tag":186,"props":1475,"children":1476},{"style":193},[1477],{"type":34,"value":399},{"type":28,"tag":186,"props":1479,"children":1480},{"style":199},[1481],{"type":34,"value":429},{"type":28,"tag":186,"props":1483,"children":1484},{"style":193},[1485],{"type":34,"value":206},{"type":28,"tag":633,"props":1487,"children":1488},{},[1489],{"type":28,"tag":176,"props":1490,"children":1492},{"className":638,"code":1491,"language":640,"meta":7,"style":7},"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",[1493],{"type":28,"tag":68,"props":1494,"children":1495},{"__ignoreMap":7},[1496,1535,1542,1566,1577,1585,1680,1688,1703,1779,1787,1794],{"type":28,"tag":186,"props":1497,"children":1498},{"class":188,"line":189},[1499,1503,1507,1511,1515,1519,1523,1527,1531],{"type":28,"tag":186,"props":1500,"children":1501},{"style":459},[1502],{"type":34,"value":462},{"type":28,"tag":186,"props":1504,"children":1505},{"style":193},[1506],{"type":34,"value":467},{"type":28,"tag":186,"props":1508,"children":1509},{"style":199},[1510],{"type":34,"value":73},{"type":28,"tag":186,"props":1512,"children":1513},{"style":193},[1514],{"type":34,"value":1392},{"type":28,"tag":186,"props":1516,"children":1517},{"style":199},[1518],{"type":34,"value":966},{"type":28,"tag":186,"props":1520,"children":1521},{"style":193},[1522],{"type":34,"value":477},{"type":28,"tag":186,"props":1524,"children":1525},{"style":459},[1526],{"type":34,"value":482},{"type":28,"tag":186,"props":1528,"children":1529},{"style":233},[1530],{"type":34,"value":672},{"type":28,"tag":186,"props":1532,"children":1533},{"style":193},[1534],{"type":34,"value":492},{"type":28,"tag":186,"props":1536,"children":1537},{"class":188,"line":209},[1538],{"type":28,"tag":186,"props":1539,"children":1540},{"emptyLinePlaceholder":9},[1541],{"type":34,"value":416},{"type":28,"tag":186,"props":1543,"children":1544},{"class":188,"line":280},[1545,1549,1553,1557,1562],{"type":28,"tag":186,"props":1546,"children":1547},{"style":459},[1548],{"type":34,"value":691},{"type":28,"tag":186,"props":1550,"children":1551},{"style":459},[1552],{"type":34,"value":696},{"type":28,"tag":186,"props":1554,"children":1555},{"style":459},[1556],{"type":34,"value":701},{"type":28,"tag":186,"props":1558,"children":1559},{"style":557},[1560],{"type":34,"value":1561}," ChipWithThumbnail",{"type":28,"tag":186,"props":1563,"children":1564},{"style":193},[1565],{"type":34,"value":711},{"type":28,"tag":186,"props":1567,"children":1568},{"class":188,"line":343},[1569,1573],{"type":28,"tag":186,"props":1570,"children":1571},{"style":459},[1572],{"type":34,"value":719},{"type":28,"tag":186,"props":1574,"children":1575},{"style":193},[1576],{"type":34,"value":724},{"type":28,"tag":186,"props":1578,"children":1579},{"class":188,"line":393},[1580],{"type":28,"tag":186,"props":1581,"children":1582},{"style":193},[1583],{"type":34,"value":1584}," \u003C>\n",{"type":28,"tag":186,"props":1586,"children":1587},{"class":188,"line":410},[1588,1592,1596,1600,1604,1608,1612,1616,1620,1625,1629,1634,1638,1642,1646,1650,1654,1658,1662,1666,1671,1676],{"type":28,"tag":186,"props":1589,"children":1590},{"style":193},[1591],{"type":34,"value":749},{"type":28,"tag":186,"props":1593,"children":1594},{"style":545},[1595],{"type":34,"value":73},{"type":28,"tag":186,"props":1597,"children":1598},{"style":756},[1599],{"type":34,"value":225},{"type":28,"tag":186,"props":1601,"children":1602},{"style":551},[1603],{"type":34,"value":230},{"type":28,"tag":186,"props":1605,"children":1606},{"style":233},[1607],{"type":34,"value":236},{"type":28,"tag":186,"props":1609,"children":1610},{"style":756},[1611],{"type":34,"value":771},{"type":28,"tag":186,"props":1613,"children":1614},{"style":551},[1615],{"type":34,"value":230},{"type":28,"tag":186,"props":1617,"children":1618},{"style":233},[1619],{"type":34,"value":250},{"type":28,"tag":186,"props":1621,"children":1622},{"style":756},[1623],{"type":34,"value":1624}," slotPrefix",{"type":28,"tag":186,"props":1626,"children":1627},{"style":551},[1628],{"type":34,"value":230},{"type":28,"tag":186,"props":1630,"children":1631},{"style":459},[1632],{"type":34,"value":1633},"{",{"type":28,"tag":186,"props":1635,"children":1636},{"style":193},[1637],{"type":34,"value":196},{"type":28,"tag":186,"props":1639,"children":1640},{"style":545},[1641],{"type":34,"value":966},{"type":28,"tag":186,"props":1643,"children":1644},{"style":756},[1645],{"type":34,"value":771},{"type":28,"tag":186,"props":1647,"children":1648},{"style":551},[1649],{"type":34,"value":230},{"type":28,"tag":186,"props":1651,"children":1652},{"style":233},[1653],{"type":34,"value":1124},{"type":28,"tag":186,"props":1655,"children":1656},{"style":756},[1657],{"type":34,"value":225},{"type":28,"tag":186,"props":1659,"children":1660},{"style":551},[1661],{"type":34,"value":230},{"type":28,"tag":186,"props":1663,"children":1664},{"style":233},[1665],{"type":34,"value":236},{"type":28,"tag":186,"props":1667,"children":1668},{"style":193},[1669],{"type":34,"value":1670}," \u002F>",{"type":28,"tag":186,"props":1672,"children":1673},{"style":459},[1674],{"type":34,"value":1675},"}",{"type":28,"tag":186,"props":1677,"children":1678},{"style":193},[1679],{"type":34,"value":206},{"type":28,"tag":186,"props":1681,"children":1682},{"class":188,"line":419},[1683],{"type":28,"tag":186,"props":1684,"children":1685},{"style":193},[1686],{"type":34,"value":1687}," Red\n",{"type":28,"tag":186,"props":1689,"children":1690},{"class":188,"line":455},[1691,1695,1699],{"type":28,"tag":186,"props":1692,"children":1693},{"style":193},[1694],{"type":34,"value":799},{"type":28,"tag":186,"props":1696,"children":1697},{"style":545},[1698],{"type":34,"value":73},{"type":28,"tag":186,"props":1700,"children":1701},{"style":193},[1702],{"type":34,"value":206},{"type":28,"tag":186,"props":1704,"children":1705},{"class":188,"line":495},[1706,1710,1714,1718,1722,1726,1730,1734,1738,1742,1746,1750,1754,1758,1762,1766,1771,1775],{"type":28,"tag":186,"props":1707,"children":1708},{"style":193},[1709],{"type":34,"value":749},{"type":28,"tag":186,"props":1711,"children":1712},{"style":545},[1713],{"type":34,"value":73},{"type":28,"tag":186,"props":1715,"children":1716},{"style":756},[1717],{"type":34,"value":1624},{"type":28,"tag":186,"props":1719,"children":1720},{"style":551},[1721],{"type":34,"value":230},{"type":28,"tag":186,"props":1723,"children":1724},{"style":459},[1725],{"type":34,"value":1633},{"type":28,"tag":186,"props":1727,"children":1728},{"style":193},[1729],{"type":34,"value":196},{"type":28,"tag":186,"props":1731,"children":1732},{"style":545},[1733],{"type":34,"value":966},{"type":28,"tag":186,"props":1735,"children":1736},{"style":756},[1737],{"type":34,"value":771},{"type":28,"tag":186,"props":1739,"children":1740},{"style":551},[1741],{"type":34,"value":230},{"type":28,"tag":186,"props":1743,"children":1744},{"style":233},[1745],{"type":34,"value":1241},{"type":28,"tag":186,"props":1747,"children":1748},{"style":756},[1749],{"type":34,"value":225},{"type":28,"tag":186,"props":1751,"children":1752},{"style":551},[1753],{"type":34,"value":230},{"type":28,"tag":186,"props":1755,"children":1756},{"style":233},[1757],{"type":34,"value":302},{"type":28,"tag":186,"props":1759,"children":1760},{"style":193},[1761],{"type":34,"value":1670},{"type":28,"tag":186,"props":1763,"children":1764},{"style":459},[1765],{"type":34,"value":1675},{"type":28,"tag":186,"props":1767,"children":1768},{"style":193},[1769],{"type":34,"value":1770},">Blue\u003C\u002F",{"type":28,"tag":186,"props":1772,"children":1773},{"style":545},[1774],{"type":34,"value":73},{"type":28,"tag":186,"props":1776,"children":1777},{"style":193},[1778],{"type":34,"value":206},{"type":28,"tag":186,"props":1780,"children":1781},{"class":188,"line":528},[1782],{"type":28,"tag":186,"props":1783,"children":1784},{"style":193},[1785],{"type":34,"value":1786}," \u003C\u002F>\n",{"type":28,"tag":186,"props":1788,"children":1789},{"class":188,"line":536},[1790],{"type":28,"tag":186,"props":1791,"children":1792},{"style":193},[1793],{"type":34,"value":917},{"type":28,"tag":186,"props":1795,"children":1796},{"class":188,"line":568},[1797],{"type":28,"tag":186,"props":1798,"children":1799},{"style":193},[1800],{"type":34,"value":926},{"type":28,"tag":119,"props":1802,"children":1804},{"id":1803},"list-of-chips",[1805],{"type":34,"value":1806},"List of chips",{"type":28,"tag":44,"props":1808,"children":1809},{},[1810,1812,1817],{"type":34,"value":1811},"We can set attributes in the hidden checkbox input by passing an object to the ",{"type":28,"tag":68,"props":1813,"children":1815},{"className":1814},[],[1816],{"type":34,"value":108},{"type":34,"value":1818}," prop.",{"type":28,"tag":167,"props":1820,"children":1822},{"showcase-name":1821},"Chip\u002FListOfChips",[1823,2430],{"type":28,"tag":172,"props":1824,"children":1825},{},[1826],{"type":28,"tag":176,"props":1827,"children":1829},{"className":178,"code":1828,"language":180,"meta":7,"style":7},"\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",[1830],{"type":28,"tag":68,"props":1831,"children":1832},{"__ignoreMap":7},[1833,1848,1877,1921,1950,1974,1987,2004,2012,2020,2028,2036,2044,2060,2068,2083,2098,2113,2128,2136,2168,2200,2240,2248,2274,2321,2363,2405,2414],{"type":28,"tag":186,"props":1834,"children":1835},{"class":188,"line":189},[1836,1840,1844],{"type":28,"tag":186,"props":1837,"children":1838},{"style":193},[1839],{"type":34,"value":196},{"type":28,"tag":186,"props":1841,"children":1842},{"style":199},[1843],{"type":34,"value":40},{"type":28,"tag":186,"props":1845,"children":1846},{"style":193},[1847],{"type":34,"value":206},{"type":28,"tag":186,"props":1849,"children":1850},{"class":188,"line":209},[1851,1855,1860,1864,1868,1873],{"type":28,"tag":186,"props":1852,"children":1853},{"style":193},[1854],{"type":34,"value":215},{"type":28,"tag":186,"props":1856,"children":1857},{"style":199},[1858],{"type":34,"value":1859},"ul",{"type":28,"tag":186,"props":1861,"children":1862},{"style":222},[1863],{"type":34,"value":241},{"type":28,"tag":186,"props":1865,"children":1866},{"style":193},[1867],{"type":34,"value":230},{"type":28,"tag":186,"props":1869,"children":1870},{"style":233},[1871],{"type":34,"value":1872},"\"flex flex-col flex-wrap gap-4 sm:flex-row\"",{"type":28,"tag":186,"props":1874,"children":1875},{"style":193},[1876],{"type":34,"value":206},{"type":28,"tag":186,"props":1878,"children":1879},{"class":188,"line":280},[1880,1884,1889,1894,1898,1903,1908,1912,1917],{"type":28,"tag":186,"props":1881,"children":1882},{"style":193},[1883],{"type":34,"value":732},{"type":28,"tag":186,"props":1885,"children":1886},{"style":199},[1887],{"type":34,"value":1888},"li",{"type":28,"tag":186,"props":1890,"children":1891},{"style":222},[1892],{"type":34,"value":1893}," v-for",{"type":28,"tag":186,"props":1895,"children":1896},{"style":193},[1897],{"type":34,"value":230},{"type":28,"tag":186,"props":1899,"children":1900},{"style":233},[1901],{"type":34,"value":1902},"\"({ label, value }, index) in chipValues\"",{"type":28,"tag":186,"props":1904,"children":1905},{"style":222},[1906],{"type":34,"value":1907}," :key",{"type":28,"tag":186,"props":1909,"children":1910},{"style":193},[1911],{"type":34,"value":230},{"type":28,"tag":186,"props":1913,"children":1914},{"style":233},[1915],{"type":34,"value":1916},"\"index\"",{"type":28,"tag":186,"props":1918,"children":1919},{"style":193},[1920],{"type":34,"value":206},{"type":28,"tag":186,"props":1922,"children":1923},{"class":188,"line":343},[1924,1928,1932,1937,1941,1946],{"type":28,"tag":186,"props":1925,"children":1926},{"style":193},[1927],{"type":34,"value":749},{"type":28,"tag":186,"props":1929,"children":1930},{"style":199},[1931],{"type":34,"value":73},{"type":28,"tag":186,"props":1933,"children":1934},{"style":222},[1935],{"type":34,"value":1936}," :input-props",{"type":28,"tag":186,"props":1938,"children":1939},{"style":193},[1940],{"type":34,"value":230},{"type":28,"tag":186,"props":1942,"children":1943},{"style":233},[1944],{"type":34,"value":1945},"\"{ value: value }\"",{"type":28,"tag":186,"props":1947,"children":1948},{"style":193},[1949],{"type":34,"value":206},{"type":28,"tag":186,"props":1951,"children":1952},{"class":188,"line":393},[1953,1958,1962,1966,1970],{"type":28,"tag":186,"props":1954,"children":1955},{"style":193},[1956],{"type":34,"value":1957}," \u003C",{"type":28,"tag":186,"props":1959,"children":1960},{"style":199},[1961],{"type":34,"value":40},{"type":28,"tag":186,"props":1963,"children":1964},{"style":193},[1965],{"type":34,"value":1098},{"type":28,"tag":186,"props":1967,"children":1968},{"style":222},[1969],{"type":34,"value":951},{"type":28,"tag":186,"props":1971,"children":1972},{"style":193},[1973],{"type":34,"value":206},{"type":28,"tag":186,"props":1975,"children":1976},{"class":188,"line":410},[1977,1982],{"type":28,"tag":186,"props":1978,"children":1979},{"style":193},[1980],{"type":34,"value":1981}," \u003C",{"type":28,"tag":186,"props":1983,"children":1984},{"style":199},[1985],{"type":34,"value":1986},"SfThumbnail\n",{"type":28,"tag":186,"props":1988,"children":1989},{"class":188,"line":419},[1990,1995,1999],{"type":28,"tag":186,"props":1991,"children":1992},{"style":222},[1993],{"type":34,"value":1994}," :class",{"type":28,"tag":186,"props":1996,"children":1997},{"style":193},[1998],{"type":34,"value":230},{"type":28,"tag":186,"props":2000,"children":2001},{"style":233},[2002],{"type":34,"value":2003},"\"{\n",{"type":28,"tag":186,"props":2005,"children":2006},{"class":188,"line":455},[2007],{"type":28,"tag":186,"props":2008,"children":2009},{"style":233},[2010],{"type":34,"value":2011}," 'bg-red-500': value === 'red',\n",{"type":28,"tag":186,"props":2013,"children":2014},{"class":188,"line":495},[2015],{"type":28,"tag":186,"props":2016,"children":2017},{"style":233},[2018],{"type":34,"value":2019}," 'bg-blue-500': value === 'blue',\n",{"type":28,"tag":186,"props":2021,"children":2022},{"class":188,"line":528},[2023],{"type":28,"tag":186,"props":2024,"children":2025},{"style":233},[2026],{"type":34,"value":2027}," 'bg-gray-500': value === 'gray',\n",{"type":28,"tag":186,"props":2029,"children":2030},{"class":188,"line":536},[2031],{"type":28,"tag":186,"props":2032,"children":2033},{"style":233},[2034],{"type":34,"value":2035}," }\"\n",{"type":28,"tag":186,"props":2037,"children":2038},{"class":188,"line":568},[2039],{"type":28,"tag":186,"props":2040,"children":2041},{"style":193},[2042],{"type":34,"value":2043}," \u002F>\n",{"type":28,"tag":186,"props":2045,"children":2046},{"class":188,"line":593},[2047,2052,2056],{"type":28,"tag":186,"props":2048,"children":2049},{"style":193},[2050],{"type":34,"value":2051}," \u003C\u002F",{"type":28,"tag":186,"props":2053,"children":2054},{"style":199},[2055],{"type":34,"value":40},{"type":28,"tag":186,"props":2057,"children":2058},{"style":193},[2059],{"type":34,"value":206},{"type":28,"tag":186,"props":2061,"children":2062},{"class":188,"line":618},[2063],{"type":28,"tag":186,"props":2064,"children":2065},{"style":193},[2066],{"type":34,"value":2067}," {{ label }}\n",{"type":28,"tag":186,"props":2069,"children":2070},{"class":188,"line":920},[2071,2075,2079],{"type":28,"tag":186,"props":2072,"children":2073},{"style":193},[2074],{"type":34,"value":799},{"type":28,"tag":186,"props":2076,"children":2077},{"style":199},[2078],{"type":34,"value":73},{"type":28,"tag":186,"props":2080,"children":2081},{"style":193},[2082],{"type":34,"value":206},{"type":28,"tag":186,"props":2084,"children":2085},{"class":188,"line":1422},[2086,2090,2094],{"type":28,"tag":186,"props":2087,"children":2088},{"style":193},[2089],{"type":34,"value":901},{"type":28,"tag":186,"props":2091,"children":2092},{"style":199},[2093],{"type":34,"value":1888},{"type":28,"tag":186,"props":2095,"children":2096},{"style":193},[2097],{"type":34,"value":206},{"type":28,"tag":186,"props":2099,"children":2100},{"class":188,"line":1447},[2101,2105,2109],{"type":28,"tag":186,"props":2102,"children":2103},{"style":193},[2104],{"type":34,"value":1165},{"type":28,"tag":186,"props":2106,"children":2107},{"style":199},[2108],{"type":34,"value":1859},{"type":28,"tag":186,"props":2110,"children":2111},{"style":193},[2112],{"type":34,"value":206},{"type":28,"tag":186,"props":2114,"children":2115},{"class":188,"line":1472},[2116,2120,2124],{"type":28,"tag":186,"props":2117,"children":2118},{"style":193},[2119],{"type":34,"value":399},{"type":28,"tag":186,"props":2121,"children":2122},{"style":199},[2123],{"type":34,"value":40},{"type":28,"tag":186,"props":2125,"children":2126},{"style":193},[2127],{"type":34,"value":206},{"type":28,"tag":186,"props":2129,"children":2131},{"class":188,"line":2130},19,[2132],{"type":28,"tag":186,"props":2133,"children":2134},{"emptyLinePlaceholder":9},[2135],{"type":34,"value":416},{"type":28,"tag":186,"props":2137,"children":2139},{"class":188,"line":2138},20,[2140,2144,2148,2152,2156,2160,2164],{"type":28,"tag":186,"props":2141,"children":2142},{"style":193},[2143],{"type":34,"value":196},{"type":28,"tag":186,"props":2145,"children":2146},{"style":199},[2147],{"type":34,"value":429},{"type":28,"tag":186,"props":2149,"children":2150},{"style":222},[2151],{"type":34,"value":434},{"type":28,"tag":186,"props":2153,"children":2154},{"style":193},[2155],{"type":34,"value":230},{"type":28,"tag":186,"props":2157,"children":2158},{"style":233},[2159],{"type":34,"value":443},{"type":28,"tag":186,"props":2161,"children":2162},{"style":222},[2163],{"type":34,"value":448},{"type":28,"tag":186,"props":2165,"children":2166},{"style":193},[2167],{"type":34,"value":206},{"type":28,"tag":186,"props":2169,"children":2171},{"class":188,"line":2170},21,[2172,2176,2180,2184,2188,2192,2196],{"type":28,"tag":186,"props":2173,"children":2174},{"style":459},[2175],{"type":34,"value":462},{"type":28,"tag":186,"props":2177,"children":2178},{"style":193},[2179],{"type":34,"value":467},{"type":28,"tag":186,"props":2181,"children":2182},{"style":199},[2183],{"type":34,"value":472},{"type":28,"tag":186,"props":2185,"children":2186},{"style":193},[2187],{"type":34,"value":477},{"type":28,"tag":186,"props":2189,"children":2190},{"style":459},[2191],{"type":34,"value":482},{"type":28,"tag":186,"props":2193,"children":2194},{"style":233},[2195],{"type":34,"value":487},{"type":28,"tag":186,"props":2197,"children":2198},{"style":193},[2199],{"type":34,"value":492},{"type":28,"tag":186,"props":2201,"children":2203},{"class":188,"line":2202},22,[2204,2208,2212,2216,2220,2224,2228,2232,2236],{"type":28,"tag":186,"props":2205,"children":2206},{"style":459},[2207],{"type":34,"value":462},{"type":28,"tag":186,"props":2209,"children":2210},{"style":193},[2211],{"type":34,"value":467},{"type":28,"tag":186,"props":2213,"children":2214},{"style":199},[2215],{"type":34,"value":73},{"type":28,"tag":186,"props":2217,"children":2218},{"style":193},[2219],{"type":34,"value":1392},{"type":28,"tag":186,"props":2221,"children":2222},{"style":199},[2223],{"type":34,"value":966},{"type":28,"tag":186,"props":2225,"children":2226},{"style":193},[2227],{"type":34,"value":477},{"type":28,"tag":186,"props":2229,"children":2230},{"style":459},[2231],{"type":34,"value":482},{"type":28,"tag":186,"props":2233,"children":2234},{"style":233},[2235],{"type":34,"value":521},{"type":28,"tag":186,"props":2237,"children":2238},{"style":193},[2239],{"type":34,"value":492},{"type":28,"tag":186,"props":2241,"children":2243},{"class":188,"line":2242},23,[2244],{"type":28,"tag":186,"props":2245,"children":2246},{"emptyLinePlaceholder":9},[2247],{"type":34,"value":416},{"type":28,"tag":186,"props":2249,"children":2251},{"class":188,"line":2250},24,[2252,2256,2261,2265,2269],{"type":28,"tag":186,"props":2253,"children":2254},{"style":459},[2255],{"type":34,"value":542},{"type":28,"tag":186,"props":2257,"children":2258},{"style":545},[2259],{"type":34,"value":2260}," chipValues",{"type":28,"tag":186,"props":2262,"children":2263},{"style":551},[2264],{"type":34,"value":554},{"type":28,"tag":186,"props":2266,"children":2267},{"style":557},[2268],{"type":34,"value":560},{"type":28,"tag":186,"props":2270,"children":2271},{"style":193},[2272],{"type":34,"value":2273},"([\n",{"type":28,"tag":186,"props":2275,"children":2277},{"class":188,"line":2276},25,[2278,2283,2288,2293,2298,2302,2307,2311,2316],{"type":28,"tag":186,"props":2279,"children":2280},{"style":193},[2281],{"type":34,"value":2282}," { ",{"type":28,"tag":186,"props":2284,"children":2285},{"style":199},[2286],{"type":34,"value":2287},"label",{"type":28,"tag":186,"props":2289,"children":2290},{"style":193},[2291],{"type":34,"value":2292},": ",{"type":28,"tag":186,"props":2294,"children":2295},{"style":233},[2296],{"type":34,"value":2297},"'Red'",{"type":28,"tag":186,"props":2299,"children":2300},{"style":193},[2301],{"type":34,"value":1392},{"type":28,"tag":186,"props":2303,"children":2304},{"style":199},[2305],{"type":34,"value":2306},"value",{"type":28,"tag":186,"props":2308,"children":2309},{"style":193},[2310],{"type":34,"value":2292},{"type":28,"tag":186,"props":2312,"children":2313},{"style":233},[2314],{"type":34,"value":2315},"'red'",{"type":28,"tag":186,"props":2317,"children":2318},{"style":193},[2319],{"type":34,"value":2320}," },\n",{"type":28,"tag":186,"props":2322,"children":2324},{"class":188,"line":2323},26,[2325,2329,2333,2337,2342,2346,2350,2354,2359],{"type":28,"tag":186,"props":2326,"children":2327},{"style":193},[2328],{"type":34,"value":2282},{"type":28,"tag":186,"props":2330,"children":2331},{"style":199},[2332],{"type":34,"value":2287},{"type":28,"tag":186,"props":2334,"children":2335},{"style":193},[2336],{"type":34,"value":2292},{"type":28,"tag":186,"props":2338,"children":2339},{"style":233},[2340],{"type":34,"value":2341},"'Blue'",{"type":28,"tag":186,"props":2343,"children":2344},{"style":193},[2345],{"type":34,"value":1392},{"type":28,"tag":186,"props":2347,"children":2348},{"style":199},[2349],{"type":34,"value":2306},{"type":28,"tag":186,"props":2351,"children":2352},{"style":193},[2353],{"type":34,"value":2292},{"type":28,"tag":186,"props":2355,"children":2356},{"style":233},[2357],{"type":34,"value":2358},"'blue'",{"type":28,"tag":186,"props":2360,"children":2361},{"style":193},[2362],{"type":34,"value":2320},{"type":28,"tag":186,"props":2364,"children":2366},{"class":188,"line":2365},27,[2367,2371,2375,2379,2384,2388,2392,2396,2401],{"type":28,"tag":186,"props":2368,"children":2369},{"style":193},[2370],{"type":34,"value":2282},{"type":28,"tag":186,"props":2372,"children":2373},{"style":199},[2374],{"type":34,"value":2287},{"type":28,"tag":186,"props":2376,"children":2377},{"style":193},[2378],{"type":34,"value":2292},{"type":28,"tag":186,"props":2380,"children":2381},{"style":233},[2382],{"type":34,"value":2383},"'Gray'",{"type":28,"tag":186,"props":2385,"children":2386},{"style":193},[2387],{"type":34,"value":1392},{"type":28,"tag":186,"props":2389,"children":2390},{"style":199},[2391],{"type":34,"value":2306},{"type":28,"tag":186,"props":2393,"children":2394},{"style":193},[2395],{"type":34,"value":2292},{"type":28,"tag":186,"props":2397,"children":2398},{"style":233},[2399],{"type":34,"value":2400},"'gray'",{"type":28,"tag":186,"props":2402,"children":2403},{"style":193},[2404],{"type":34,"value":2320},{"type":28,"tag":186,"props":2406,"children":2408},{"class":188,"line":2407},28,[2409],{"type":28,"tag":186,"props":2410,"children":2411},{"style":193},[2412],{"type":34,"value":2413},"]);\n",{"type":28,"tag":186,"props":2415,"children":2417},{"class":188,"line":2416},29,[2418,2422,2426],{"type":28,"tag":186,"props":2419,"children":2420},{"style":193},[2421],{"type":34,"value":399},{"type":28,"tag":186,"props":2423,"children":2424},{"style":199},[2425],{"type":34,"value":429},{"type":28,"tag":186,"props":2427,"children":2428},{"style":193},[2429],{"type":34,"value":206},{"type":28,"tag":633,"props":2431,"children":2432},{},[2433],{"type":28,"tag":176,"props":2434,"children":2436},{"className":638,"code":2435,"language":640,"meta":7,"style":7},"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",[2437],{"type":28,"tag":68,"props":2438,"children":2439},{"__ignoreMap":7},[2440,2479,2505,2512,2532,2571,2610,2649,2657,2664,2688,2699,2727,2781,2817,2829,2846,2863,2875,2901,2932,2961,2990,3002,3010,3018,3026,3042,3058,3073,3086,3102,3110],{"type":28,"tag":186,"props":2441,"children":2442},{"class":188,"line":189},[2443,2447,2451,2455,2459,2463,2467,2471,2475],{"type":28,"tag":186,"props":2444,"children":2445},{"style":459},[2446],{"type":34,"value":462},{"type":28,"tag":186,"props":2448,"children":2449},{"style":193},[2450],{"type":34,"value":467},{"type":28,"tag":186,"props":2452,"children":2453},{"style":199},[2454],{"type":34,"value":73},{"type":28,"tag":186,"props":2456,"children":2457},{"style":193},[2458],{"type":34,"value":1392},{"type":28,"tag":186,"props":2460,"children":2461},{"style":199},[2462],{"type":34,"value":966},{"type":28,"tag":186,"props":2464,"children":2465},{"style":193},[2466],{"type":34,"value":477},{"type":28,"tag":186,"props":2468,"children":2469},{"style":459},[2470],{"type":34,"value":482},{"type":28,"tag":186,"props":2472,"children":2473},{"style":233},[2474],{"type":34,"value":672},{"type":28,"tag":186,"props":2476,"children":2477},{"style":193},[2478],{"type":34,"value":492},{"type":28,"tag":186,"props":2480,"children":2481},{"class":188,"line":209},[2482,2486,2491,2496,2501],{"type":28,"tag":186,"props":2483,"children":2484},{"style":459},[2485],{"type":34,"value":462},{"type":28,"tag":186,"props":2487,"children":2488},{"style":199},[2489],{"type":34,"value":2490}," classNames",{"type":28,"tag":186,"props":2492,"children":2493},{"style":459},[2494],{"type":34,"value":2495}," from",{"type":28,"tag":186,"props":2497,"children":2498},{"style":233},[2499],{"type":34,"value":2500}," 'classnames'",{"type":28,"tag":186,"props":2502,"children":2503},{"style":193},[2504],{"type":34,"value":492},{"type":28,"tag":186,"props":2506,"children":2507},{"class":188,"line":280},[2508],{"type":28,"tag":186,"props":2509,"children":2510},{"emptyLinePlaceholder":9},[2511],{"type":34,"value":416},{"type":28,"tag":186,"props":2513,"children":2514},{"class":188,"line":343},[2515,2519,2523,2527],{"type":28,"tag":186,"props":2516,"children":2517},{"style":459},[2518],{"type":34,"value":542},{"type":28,"tag":186,"props":2520,"children":2521},{"style":545},[2522],{"type":34,"value":2260},{"type":28,"tag":186,"props":2524,"children":2525},{"style":551},[2526],{"type":34,"value":554},{"type":28,"tag":186,"props":2528,"children":2529},{"style":193},[2530],{"type":34,"value":2531}," [\n",{"type":28,"tag":186,"props":2533,"children":2534},{"class":188,"line":393},[2535,2539,2543,2547,2551,2555,2559,2563,2567],{"type":28,"tag":186,"props":2536,"children":2537},{"style":193},[2538],{"type":34,"value":2282},{"type":28,"tag":186,"props":2540,"children":2541},{"style":199},[2542],{"type":34,"value":2287},{"type":28,"tag":186,"props":2544,"children":2545},{"style":193},[2546],{"type":34,"value":2292},{"type":28,"tag":186,"props":2548,"children":2549},{"style":233},[2550],{"type":34,"value":2297},{"type":28,"tag":186,"props":2552,"children":2553},{"style":193},[2554],{"type":34,"value":1392},{"type":28,"tag":186,"props":2556,"children":2557},{"style":199},[2558],{"type":34,"value":2306},{"type":28,"tag":186,"props":2560,"children":2561},{"style":193},[2562],{"type":34,"value":2292},{"type":28,"tag":186,"props":2564,"children":2565},{"style":233},[2566],{"type":34,"value":2315},{"type":28,"tag":186,"props":2568,"children":2569},{"style":193},[2570],{"type":34,"value":2320},{"type":28,"tag":186,"props":2572,"children":2573},{"class":188,"line":410},[2574,2578,2582,2586,2590,2594,2598,2602,2606],{"type":28,"tag":186,"props":2575,"children":2576},{"style":193},[2577],{"type":34,"value":2282},{"type":28,"tag":186,"props":2579,"children":2580},{"style":199},[2581],{"type":34,"value":2287},{"type":28,"tag":186,"props":2583,"children":2584},{"style":193},[2585],{"type":34,"value":2292},{"type":28,"tag":186,"props":2587,"children":2588},{"style":233},[2589],{"type":34,"value":2341},{"type":28,"tag":186,"props":2591,"children":2592},{"style":193},[2593],{"type":34,"value":1392},{"type":28,"tag":186,"props":2595,"children":2596},{"style":199},[2597],{"type":34,"value":2306},{"type":28,"tag":186,"props":2599,"children":2600},{"style":193},[2601],{"type":34,"value":2292},{"type":28,"tag":186,"props":2603,"children":2604},{"style":233},[2605],{"type":34,"value":2358},{"type":28,"tag":186,"props":2607,"children":2608},{"style":193},[2609],{"type":34,"value":2320},{"type":28,"tag":186,"props":2611,"children":2612},{"class":188,"line":419},[2613,2617,2621,2625,2629,2633,2637,2641,2645],{"type":28,"tag":186,"props":2614,"children":2615},{"style":193},[2616],{"type":34,"value":2282},{"type":28,"tag":186,"props":2618,"children":2619},{"style":199},[2620],{"type":34,"value":2287},{"type":28,"tag":186,"props":2622,"children":2623},{"style":193},[2624],{"type":34,"value":2292},{"type":28,"tag":186,"props":2626,"children":2627},{"style":233},[2628],{"type":34,"value":2383},{"type":28,"tag":186,"props":2630,"children":2631},{"style":193},[2632],{"type":34,"value":1392},{"type":28,"tag":186,"props":2634,"children":2635},{"style":199},[2636],{"type":34,"value":2306},{"type":28,"tag":186,"props":2638,"children":2639},{"style":193},[2640],{"type":34,"value":2292},{"type":28,"tag":186,"props":2642,"children":2643},{"style":233},[2644],{"type":34,"value":2400},{"type":28,"tag":186,"props":2646,"children":2647},{"style":193},[2648],{"type":34,"value":2320},{"type":28,"tag":186,"props":2650,"children":2651},{"class":188,"line":455},[2652],{"type":28,"tag":186,"props":2653,"children":2654},{"style":193},[2655],{"type":34,"value":2656},"];\n",{"type":28,"tag":186,"props":2658,"children":2659},{"class":188,"line":495},[2660],{"type":28,"tag":186,"props":2661,"children":2662},{"emptyLinePlaceholder":9},[2663],{"type":34,"value":416},{"type":28,"tag":186,"props":2665,"children":2666},{"class":188,"line":528},[2667,2671,2675,2679,2684],{"type":28,"tag":186,"props":2668,"children":2669},{"style":459},[2670],{"type":34,"value":691},{"type":28,"tag":186,"props":2672,"children":2673},{"style":459},[2674],{"type":34,"value":696},{"type":28,"tag":186,"props":2676,"children":2677},{"style":459},[2678],{"type":34,"value":701},{"type":28,"tag":186,"props":2680,"children":2681},{"style":557},[2682],{"type":34,"value":2683}," ChipList",{"type":28,"tag":186,"props":2685,"children":2686},{"style":193},[2687],{"type":34,"value":711},{"type":28,"tag":186,"props":2689,"children":2690},{"class":188,"line":536},[2691,2695],{"type":28,"tag":186,"props":2692,"children":2693},{"style":459},[2694],{"type":34,"value":719},{"type":28,"tag":186,"props":2696,"children":2697},{"style":193},[2698],{"type":34,"value":724},{"type":28,"tag":186,"props":2700,"children":2701},{"class":188,"line":568},[2702,2706,2710,2714,2718,2723],{"type":28,"tag":186,"props":2703,"children":2704},{"style":193},[2705],{"type":34,"value":732},{"type":28,"tag":186,"props":2707,"children":2708},{"style":199},[2709],{"type":34,"value":1859},{"type":28,"tag":186,"props":2711,"children":2712},{"style":756},[2713],{"type":34,"value":771},{"type":28,"tag":186,"props":2715,"children":2716},{"style":551},[2717],{"type":34,"value":230},{"type":28,"tag":186,"props":2719,"children":2720},{"style":233},[2721],{"type":34,"value":2722},"\"flex flex-wrap gap-4 sm:flex-row\"",{"type":28,"tag":186,"props":2724,"children":2725},{"style":193},[2726],{"type":34,"value":206},{"type":28,"tag":186,"props":2728,"children":2729},{"class":188,"line":593},[2730,2735,2740,2744,2749,2754,2759,2763,2767,2772,2777],{"type":28,"tag":186,"props":2731,"children":2732},{"style":459},[2733],{"type":34,"value":2734}," {",{"type":28,"tag":186,"props":2736,"children":2737},{"style":545},[2738],{"type":34,"value":2739},"chipValues",{"type":28,"tag":186,"props":2741,"children":2742},{"style":193},[2743],{"type":34,"value":165},{"type":28,"tag":186,"props":2745,"children":2746},{"style":557},[2747],{"type":34,"value":2748},"map",{"type":28,"tag":186,"props":2750,"children":2751},{"style":193},[2752],{"type":34,"value":2753},"(({ ",{"type":28,"tag":186,"props":2755,"children":2757},{"style":2756},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[2758],{"type":34,"value":2287},{"type":28,"tag":186,"props":2760,"children":2761},{"style":193},[2762],{"type":34,"value":1392},{"type":28,"tag":186,"props":2764,"children":2765},{"style":2756},[2766],{"type":34,"value":2306},{"type":28,"tag":186,"props":2768,"children":2769},{"style":193},[2770],{"type":34,"value":2771}," }) ",{"type":28,"tag":186,"props":2773,"children":2774},{"style":459},[2775],{"type":34,"value":2776},"=>",{"type":28,"tag":186,"props":2778,"children":2779},{"style":193},[2780],{"type":34,"value":724},{"type":28,"tag":186,"props":2782,"children":2783},{"class":188,"line":618},[2784,2788,2792,2797,2801,2805,2809,2813],{"type":28,"tag":186,"props":2785,"children":2786},{"style":193},[2787],{"type":34,"value":1957},{"type":28,"tag":186,"props":2789,"children":2790},{"style":199},[2791],{"type":34,"value":1888},{"type":28,"tag":186,"props":2793,"children":2794},{"style":756},[2795],{"type":34,"value":2796}," key",{"type":28,"tag":186,"props":2798,"children":2799},{"style":551},[2800],{"type":34,"value":230},{"type":28,"tag":186,"props":2802,"children":2803},{"style":459},[2804],{"type":34,"value":1633},{"type":28,"tag":186,"props":2806,"children":2807},{"style":199},[2808],{"type":34,"value":2306},{"type":28,"tag":186,"props":2810,"children":2811},{"style":459},[2812],{"type":34,"value":1675},{"type":28,"tag":186,"props":2814,"children":2815},{"style":193},[2816],{"type":34,"value":206},{"type":28,"tag":186,"props":2818,"children":2819},{"class":188,"line":920},[2820,2824],{"type":28,"tag":186,"props":2821,"children":2822},{"style":193},[2823],{"type":34,"value":1981},{"type":28,"tag":186,"props":2825,"children":2826},{"style":545},[2827],{"type":34,"value":2828},"SfChip\n",{"type":28,"tag":186,"props":2830,"children":2831},{"class":188,"line":1422},[2832,2837,2841],{"type":28,"tag":186,"props":2833,"children":2834},{"style":756},[2835],{"type":34,"value":2836}," className",{"type":28,"tag":186,"props":2838,"children":2839},{"style":551},[2840],{"type":34,"value":230},{"type":28,"tag":186,"props":2842,"children":2843},{"style":233},[2844],{"type":34,"value":2845},"\"mr-2\"\n",{"type":28,"tag":186,"props":2847,"children":2848},{"class":188,"line":1447},[2849,2854,2858],{"type":28,"tag":186,"props":2850,"children":2851},{"style":756},[2852],{"type":34,"value":2853}," slotPrefix",{"type":28,"tag":186,"props":2855,"children":2856},{"style":551},[2857],{"type":34,"value":230},{"type":28,"tag":186,"props":2859,"children":2860},{"style":459},[2861],{"type":34,"value":2862},"{\n",{"type":28,"tag":186,"props":2864,"children":2865},{"class":188,"line":1472},[2866,2871],{"type":28,"tag":186,"props":2867,"children":2868},{"style":193},[2869],{"type":34,"value":2870}," \u003C",{"type":28,"tag":186,"props":2872,"children":2873},{"style":545},[2874],{"type":34,"value":1986},{"type":28,"tag":186,"props":2876,"children":2877},{"class":188,"line":2130},[2878,2883,2887,2891,2896],{"type":28,"tag":186,"props":2879,"children":2880},{"style":756},[2881],{"type":34,"value":2882}," className",{"type":28,"tag":186,"props":2884,"children":2885},{"style":551},[2886],{"type":34,"value":230},{"type":28,"tag":186,"props":2888,"children":2889},{"style":459},[2890],{"type":34,"value":1633},{"type":28,"tag":186,"props":2892,"children":2893},{"style":557},[2894],{"type":34,"value":2895},"classNames",{"type":28,"tag":186,"props":2897,"children":2898},{"style":193},[2899],{"type":34,"value":2900},"({\n",{"type":28,"tag":186,"props":2902,"children":2903},{"class":188,"line":2138},[2904,2909,2913,2917,2922,2927],{"type":28,"tag":186,"props":2905,"children":2906},{"style":233},[2907],{"type":34,"value":2908}," 'bg-red-500'",{"type":28,"tag":186,"props":2910,"children":2911},{"style":193},[2912],{"type":34,"value":2292},{"type":28,"tag":186,"props":2914,"children":2915},{"style":199},[2916],{"type":34,"value":2306},{"type":28,"tag":186,"props":2918,"children":2919},{"style":551},[2920],{"type":34,"value":2921}," ===",{"type":28,"tag":186,"props":2923,"children":2924},{"style":233},[2925],{"type":34,"value":2926}," 'red'",{"type":28,"tag":186,"props":2928,"children":2929},{"style":193},[2930],{"type":34,"value":2931},",\n",{"type":28,"tag":186,"props":2933,"children":2934},{"class":188,"line":2170},[2935,2940,2944,2948,2952,2957],{"type":28,"tag":186,"props":2936,"children":2937},{"style":233},[2938],{"type":34,"value":2939}," 'bg-blue-500'",{"type":28,"tag":186,"props":2941,"children":2942},{"style":193},[2943],{"type":34,"value":2292},{"type":28,"tag":186,"props":2945,"children":2946},{"style":199},[2947],{"type":34,"value":2306},{"type":28,"tag":186,"props":2949,"children":2950},{"style":551},[2951],{"type":34,"value":2921},{"type":28,"tag":186,"props":2953,"children":2954},{"style":233},[2955],{"type":34,"value":2956}," 'blue'",{"type":28,"tag":186,"props":2958,"children":2959},{"style":193},[2960],{"type":34,"value":2931},{"type":28,"tag":186,"props":2962,"children":2963},{"class":188,"line":2202},[2964,2969,2973,2977,2981,2986],{"type":28,"tag":186,"props":2965,"children":2966},{"style":233},[2967],{"type":34,"value":2968}," 'bg-gray-500'",{"type":28,"tag":186,"props":2970,"children":2971},{"style":193},[2972],{"type":34,"value":2292},{"type":28,"tag":186,"props":2974,"children":2975},{"style":199},[2976],{"type":34,"value":2306},{"type":28,"tag":186,"props":2978,"children":2979},{"style":551},[2980],{"type":34,"value":2921},{"type":28,"tag":186,"props":2982,"children":2983},{"style":233},[2984],{"type":34,"value":2985}," 'gray'",{"type":28,"tag":186,"props":2987,"children":2988},{"style":193},[2989],{"type":34,"value":2931},{"type":28,"tag":186,"props":2991,"children":2992},{"class":188,"line":2242},[2993,2998],{"type":28,"tag":186,"props":2994,"children":2995},{"style":193},[2996],{"type":34,"value":2997}," })",{"type":28,"tag":186,"props":2999,"children":3000},{"style":459},[3001],{"type":34,"value":926},{"type":28,"tag":186,"props":3003,"children":3004},{"class":188,"line":2250},[3005],{"type":28,"tag":186,"props":3006,"children":3007},{"style":193},[3008],{"type":34,"value":3009}," \u002F>\n",{"type":28,"tag":186,"props":3011,"children":3012},{"class":188,"line":2276},[3013],{"type":28,"tag":186,"props":3014,"children":3015},{"style":459},[3016],{"type":34,"value":3017}," }\n",{"type":28,"tag":186,"props":3019,"children":3020},{"class":188,"line":2323},[3021],{"type":28,"tag":186,"props":3022,"children":3023},{"style":193},[3024],{"type":34,"value":3025}," >\n",{"type":28,"tag":186,"props":3027,"children":3028},{"class":188,"line":2365},[3029,3034,3038],{"type":28,"tag":186,"props":3030,"children":3031},{"style":459},[3032],{"type":34,"value":3033}," {",{"type":28,"tag":186,"props":3035,"children":3036},{"style":199},[3037],{"type":34,"value":2287},{"type":28,"tag":186,"props":3039,"children":3040},{"style":459},[3041],{"type":34,"value":926},{"type":28,"tag":186,"props":3043,"children":3044},{"class":188,"line":2407},[3045,3050,3054],{"type":28,"tag":186,"props":3046,"children":3047},{"style":193},[3048],{"type":34,"value":3049}," \u003C\u002F",{"type":28,"tag":186,"props":3051,"children":3052},{"style":545},[3053],{"type":34,"value":73},{"type":28,"tag":186,"props":3055,"children":3056},{"style":193},[3057],{"type":34,"value":206},{"type":28,"tag":186,"props":3059,"children":3060},{"class":188,"line":2416},[3061,3065,3069],{"type":28,"tag":186,"props":3062,"children":3063},{"style":193},[3064],{"type":34,"value":2051},{"type":28,"tag":186,"props":3066,"children":3067},{"style":199},[3068],{"type":34,"value":1888},{"type":28,"tag":186,"props":3070,"children":3071},{"style":193},[3072],{"type":34,"value":206},{"type":28,"tag":186,"props":3074,"children":3076},{"class":188,"line":3075},30,[3077,3082],{"type":28,"tag":186,"props":3078,"children":3079},{"style":193},[3080],{"type":34,"value":3081}," ))",{"type":28,"tag":186,"props":3083,"children":3084},{"style":459},[3085],{"type":34,"value":926},{"type":28,"tag":186,"props":3087,"children":3089},{"class":188,"line":3088},31,[3090,3094,3098],{"type":28,"tag":186,"props":3091,"children":3092},{"style":193},[3093],{"type":34,"value":901},{"type":28,"tag":186,"props":3095,"children":3096},{"style":199},[3097],{"type":34,"value":1859},{"type":28,"tag":186,"props":3099,"children":3100},{"style":193},[3101],{"type":34,"value":206},{"type":28,"tag":186,"props":3103,"children":3105},{"class":188,"line":3104},32,[3106],{"type":28,"tag":186,"props":3107,"children":3108},{"style":193},[3109],{"type":34,"value":917},{"type":28,"tag":186,"props":3111,"children":3113},{"class":188,"line":3112},33,[3114],{"type":28,"tag":186,"props":3115,"children":3116},{"style":193},[3117],{"type":34,"value":926},{"type":28,"tag":119,"props":3119,"children":3121},{"id":3120},"deletable-behaviour",[3122],{"type":34,"value":3123},"Deletable behaviour",{"type":28,"tag":44,"props":3125,"children":3126},{},[3127,3129,3134],{"type":34,"value":3128},"By adding listeners for change events, we can make ",{"type":28,"tag":68,"props":3130,"children":3132},{"className":3131},[],[3133],{"type":34,"value":73},{"type":34,"value":3135}," 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":28,"tag":167,"props":3137,"children":3139},{"showcase-name":3138},"Chip\u002FDeletable",[3140,3953],{"type":28,"tag":172,"props":3141,"children":3142},{},[3143],{"type":28,"tag":176,"props":3144,"children":3146},{"className":178,"code":3145,"language":180,"meta":7,"style":7},"\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",[3147],{"type":28,"tag":68,"props":3148,"children":3149},{"__ignoreMap":7},[3150,3165,3192,3233,3244,3261,3278,3295,3303,3356,3364,3387,3417,3432,3447,3462,3477,3492,3499,3530,3561,3608,3615,3638,3677,3716,3755,3762,3835,3883,3930,3938],{"type":28,"tag":186,"props":3151,"children":3152},{"class":188,"line":189},[3153,3157,3161],{"type":28,"tag":186,"props":3154,"children":3155},{"style":193},[3156],{"type":34,"value":196},{"type":28,"tag":186,"props":3158,"children":3159},{"style":199},[3160],{"type":34,"value":40},{"type":28,"tag":186,"props":3162,"children":3163},{"style":193},[3164],{"type":34,"value":206},{"type":28,"tag":186,"props":3166,"children":3167},{"class":188,"line":209},[3168,3172,3176,3180,3184,3188],{"type":28,"tag":186,"props":3169,"children":3170},{"style":193},[3171],{"type":34,"value":215},{"type":28,"tag":186,"props":3173,"children":3174},{"style":199},[3175],{"type":34,"value":1859},{"type":28,"tag":186,"props":3177,"children":3178},{"style":222},[3179],{"type":34,"value":241},{"type":28,"tag":186,"props":3181,"children":3182},{"style":193},[3183],{"type":34,"value":230},{"type":28,"tag":186,"props":3185,"children":3186},{"style":233},[3187],{"type":34,"value":2722},{"type":28,"tag":186,"props":3189,"children":3190},{"style":193},[3191],{"type":34,"value":206},{"type":28,"tag":186,"props":3193,"children":3194},{"class":188,"line":280},[3195,3199,3203,3207,3211,3216,3220,3224,3229],{"type":28,"tag":186,"props":3196,"children":3197},{"style":193},[3198],{"type":34,"value":732},{"type":28,"tag":186,"props":3200,"children":3201},{"style":199},[3202],{"type":34,"value":1888},{"type":28,"tag":186,"props":3204,"children":3205},{"style":222},[3206],{"type":34,"value":1893},{"type":28,"tag":186,"props":3208,"children":3209},{"style":193},[3210],{"type":34,"value":230},{"type":28,"tag":186,"props":3212,"children":3213},{"style":233},[3214],{"type":34,"value":3215},"\"(item, index) in chipValues\"",{"type":28,"tag":186,"props":3217,"children":3218},{"style":222},[3219],{"type":34,"value":1907},{"type":28,"tag":186,"props":3221,"children":3222},{"style":193},[3223],{"type":34,"value":230},{"type":28,"tag":186,"props":3225,"children":3226},{"style":233},[3227],{"type":34,"value":3228},"\"item.value\"",{"type":28,"tag":186,"props":3230,"children":3231},{"style":193},[3232],{"type":34,"value":206},{"type":28,"tag":186,"props":3234,"children":3235},{"class":188,"line":343},[3236,3240],{"type":28,"tag":186,"props":3237,"children":3238},{"style":193},[3239],{"type":34,"value":749},{"type":28,"tag":186,"props":3241,"children":3242},{"style":199},[3243],{"type":34,"value":2828},{"type":28,"tag":186,"props":3245,"children":3246},{"class":188,"line":393},[3247,3252,3256],{"type":28,"tag":186,"props":3248,"children":3249},{"style":222},[3250],{"type":34,"value":3251}," :input-props",{"type":28,"tag":186,"props":3253,"children":3254},{"style":193},[3255],{"type":34,"value":230},{"type":28,"tag":186,"props":3257,"children":3258},{"style":233},[3259],{"type":34,"value":3260},"\"{ value: item.value }\"\n",{"type":28,"tag":186,"props":3262,"children":3263},{"class":188,"line":410},[3264,3269,3273],{"type":28,"tag":186,"props":3265,"children":3266},{"style":222},[3267],{"type":34,"value":3268}," @update:model-value",{"type":28,"tag":186,"props":3270,"children":3271},{"style":193},[3272],{"type":34,"value":230},{"type":28,"tag":186,"props":3274,"children":3275},{"style":233},[3276],{"type":34,"value":3277},"\"handleChipRemove(index)\"\n",{"type":28,"tag":186,"props":3279,"children":3280},{"class":188,"line":419},[3281,3286,3290],{"type":28,"tag":186,"props":3282,"children":3283},{"style":222},[3284],{"type":34,"value":3285}," v-model",{"type":28,"tag":186,"props":3287,"children":3288},{"style":193},[3289],{"type":34,"value":230},{"type":28,"tag":186,"props":3291,"children":3292},{"style":233},[3293],{"type":34,"value":3294},"\"selectedValues\"\n",{"type":28,"tag":186,"props":3296,"children":3297},{"class":188,"line":455},[3298],{"type":28,"tag":186,"props":3299,"children":3300},{"style":193},[3301],{"type":34,"value":3302}," >\n",{"type":28,"tag":186,"props":3304,"children":3305},{"class":188,"line":495},[3306,3310,3314,3318,3322,3326,3330,3335,3339,3344,3348,3352],{"type":28,"tag":186,"props":3307,"children":3308},{"style":193},[3309],{"type":34,"value":1957},{"type":28,"tag":186,"props":3311,"children":3312},{"style":199},[3313],{"type":34,"value":40},{"type":28,"tag":186,"props":3315,"children":3316},{"style":193},[3317],{"type":34,"value":1098},{"type":28,"tag":186,"props":3319,"children":3320},{"style":222},[3321],{"type":34,"value":951},{"type":28,"tag":186,"props":3323,"children":3324},{"style":193},[3325],{"type":34,"value":1107},{"type":28,"tag":186,"props":3327,"children":3328},{"style":199},[3329],{"type":34,"value":966},{"type":28,"tag":186,"props":3331,"children":3332},{"style":222},[3333],{"type":34,"value":3334}," :class",{"type":28,"tag":186,"props":3336,"children":3337},{"style":193},[3338],{"type":34,"value":230},{"type":28,"tag":186,"props":3340,"children":3341},{"style":233},[3342],{"type":34,"value":3343},"\"`bg-${item.value}-500`\"",{"type":28,"tag":186,"props":3345,"children":3346},{"style":193},[3347],{"type":34,"value":1141},{"type":28,"tag":186,"props":3349,"children":3350},{"style":199},[3351],{"type":34,"value":40},{"type":28,"tag":186,"props":3353,"children":3354},{"style":193},[3355],{"type":34,"value":206},{"type":28,"tag":186,"props":3357,"children":3358},{"class":188,"line":528},[3359],{"type":28,"tag":186,"props":3360,"children":3361},{"style":193},[3362],{"type":34,"value":3363}," {{ item.label }}\n",{"type":28,"tag":186,"props":3365,"children":3366},{"class":188,"line":536},[3367,3371,3375,3379,3383],{"type":28,"tag":186,"props":3368,"children":3369},{"style":193},[3370],{"type":34,"value":1957},{"type":28,"tag":186,"props":3372,"children":3373},{"style":199},[3374],{"type":34,"value":40},{"type":28,"tag":186,"props":3376,"children":3377},{"style":193},[3378],{"type":34,"value":1098},{"type":28,"tag":186,"props":3380,"children":3381},{"style":222},[3382],{"type":34,"value":958},{"type":28,"tag":186,"props":3384,"children":3385},{"style":193},[3386],{"type":34,"value":206},{"type":28,"tag":186,"props":3388,"children":3389},{"class":188,"line":568},[3390,3394,3399,3403,3407,3412],{"type":28,"tag":186,"props":3391,"children":3392},{"style":193},[3393],{"type":34,"value":1981},{"type":28,"tag":186,"props":3395,"children":3396},{"style":199},[3397],{"type":34,"value":3398},"SfIconCloseSm",{"type":28,"tag":186,"props":3400,"children":3401},{"style":222},[3402],{"type":34,"value":241},{"type":28,"tag":186,"props":3404,"children":3405},{"style":193},[3406],{"type":34,"value":230},{"type":28,"tag":186,"props":3408,"children":3409},{"style":233},[3410],{"type":34,"value":3411},"\"text-neutral-500 hover:text-primary-800 active:text-primary-900 disabled:opacity-20\"",{"type":28,"tag":186,"props":3413,"children":3414},{"style":193},[3415],{"type":34,"value":3416}," \u002F>\n",{"type":28,"tag":186,"props":3418,"children":3419},{"class":188,"line":593},[3420,3424,3428],{"type":28,"tag":186,"props":3421,"children":3422},{"style":193},[3423],{"type":34,"value":2051},{"type":28,"tag":186,"props":3425,"children":3426},{"style":199},[3427],{"type":34,"value":40},{"type":28,"tag":186,"props":3429,"children":3430},{"style":193},[3431],{"type":34,"value":206},{"type":28,"tag":186,"props":3433,"children":3434},{"class":188,"line":618},[3435,3439,3443],{"type":28,"tag":186,"props":3436,"children":3437},{"style":193},[3438],{"type":34,"value":799},{"type":28,"tag":186,"props":3440,"children":3441},{"style":199},[3442],{"type":34,"value":73},{"type":28,"tag":186,"props":3444,"children":3445},{"style":193},[3446],{"type":34,"value":206},{"type":28,"tag":186,"props":3448,"children":3449},{"class":188,"line":920},[3450,3454,3458],{"type":28,"tag":186,"props":3451,"children":3452},{"style":193},[3453],{"type":34,"value":901},{"type":28,"tag":186,"props":3455,"children":3456},{"style":199},[3457],{"type":34,"value":1888},{"type":28,"tag":186,"props":3459,"children":3460},{"style":193},[3461],{"type":34,"value":206},{"type":28,"tag":186,"props":3463,"children":3464},{"class":188,"line":1422},[3465,3469,3473],{"type":28,"tag":186,"props":3466,"children":3467},{"style":193},[3468],{"type":34,"value":1165},{"type":28,"tag":186,"props":3470,"children":3471},{"style":199},[3472],{"type":34,"value":1859},{"type":28,"tag":186,"props":3474,"children":3475},{"style":193},[3476],{"type":34,"value":206},{"type":28,"tag":186,"props":3478,"children":3479},{"class":188,"line":1447},[3480,3484,3488],{"type":28,"tag":186,"props":3481,"children":3482},{"style":193},[3483],{"type":34,"value":399},{"type":28,"tag":186,"props":3485,"children":3486},{"style":199},[3487],{"type":34,"value":40},{"type":28,"tag":186,"props":3489,"children":3490},{"style":193},[3491],{"type":34,"value":206},{"type":28,"tag":186,"props":3493,"children":3494},{"class":188,"line":1472},[3495],{"type":28,"tag":186,"props":3496,"children":3497},{"emptyLinePlaceholder":9},[3498],{"type":34,"value":416},{"type":28,"tag":186,"props":3500,"children":3501},{"class":188,"line":2130},[3502,3506,3510,3514,3518,3522,3526],{"type":28,"tag":186,"props":3503,"children":3504},{"style":193},[3505],{"type":34,"value":196},{"type":28,"tag":186,"props":3507,"children":3508},{"style":199},[3509],{"type":34,"value":429},{"type":28,"tag":186,"props":3511,"children":3512},{"style":222},[3513],{"type":34,"value":434},{"type":28,"tag":186,"props":3515,"children":3516},{"style":193},[3517],{"type":34,"value":230},{"type":28,"tag":186,"props":3519,"children":3520},{"style":233},[3521],{"type":34,"value":443},{"type":28,"tag":186,"props":3523,"children":3524},{"style":222},[3525],{"type":34,"value":448},{"type":28,"tag":186,"props":3527,"children":3528},{"style":193},[3529],{"type":34,"value":206},{"type":28,"tag":186,"props":3531,"children":3532},{"class":188,"line":2138},[3533,3537,3541,3545,3549,3553,3557],{"type":28,"tag":186,"props":3534,"children":3535},{"style":459},[3536],{"type":34,"value":462},{"type":28,"tag":186,"props":3538,"children":3539},{"style":193},[3540],{"type":34,"value":467},{"type":28,"tag":186,"props":3542,"children":3543},{"style":199},[3544],{"type":34,"value":472},{"type":28,"tag":186,"props":3546,"children":3547},{"style":193},[3548],{"type":34,"value":477},{"type":28,"tag":186,"props":3550,"children":3551},{"style":459},[3552],{"type":34,"value":482},{"type":28,"tag":186,"props":3554,"children":3555},{"style":233},[3556],{"type":34,"value":487},{"type":28,"tag":186,"props":3558,"children":3559},{"style":193},[3560],{"type":34,"value":492},{"type":28,"tag":186,"props":3562,"children":3563},{"class":188,"line":2170},[3564,3568,3572,3576,3580,3584,3588,3592,3596,3600,3604],{"type":28,"tag":186,"props":3565,"children":3566},{"style":459},[3567],{"type":34,"value":462},{"type":28,"tag":186,"props":3569,"children":3570},{"style":193},[3571],{"type":34,"value":467},{"type":28,"tag":186,"props":3573,"children":3574},{"style":199},[3575],{"type":34,"value":73},{"type":28,"tag":186,"props":3577,"children":3578},{"style":193},[3579],{"type":34,"value":1392},{"type":28,"tag":186,"props":3581,"children":3582},{"style":199},[3583],{"type":34,"value":3398},{"type":28,"tag":186,"props":3585,"children":3586},{"style":193},[3587],{"type":34,"value":1392},{"type":28,"tag":186,"props":3589,"children":3590},{"style":199},[3591],{"type":34,"value":966},{"type":28,"tag":186,"props":3593,"children":3594},{"style":193},[3595],{"type":34,"value":477},{"type":28,"tag":186,"props":3597,"children":3598},{"style":459},[3599],{"type":34,"value":482},{"type":28,"tag":186,"props":3601,"children":3602},{"style":233},[3603],{"type":34,"value":521},{"type":28,"tag":186,"props":3605,"children":3606},{"style":193},[3607],{"type":34,"value":492},{"type":28,"tag":186,"props":3609,"children":3610},{"class":188,"line":2202},[3611],{"type":28,"tag":186,"props":3612,"children":3613},{"emptyLinePlaceholder":9},[3614],{"type":34,"value":416},{"type":28,"tag":186,"props":3616,"children":3617},{"class":188,"line":2242},[3618,3622,3626,3630,3634],{"type":28,"tag":186,"props":3619,"children":3620},{"style":459},[3621],{"type":34,"value":542},{"type":28,"tag":186,"props":3623,"children":3624},{"style":545},[3625],{"type":34,"value":2260},{"type":28,"tag":186,"props":3627,"children":3628},{"style":551},[3629],{"type":34,"value":554},{"type":28,"tag":186,"props":3631,"children":3632},{"style":557},[3633],{"type":34,"value":560},{"type":28,"tag":186,"props":3635,"children":3636},{"style":193},[3637],{"type":34,"value":2273},{"type":28,"tag":186,"props":3639,"children":3640},{"class":188,"line":2250},[3641,3645,3649,3653,3657,3661,3665,3669,3673],{"type":28,"tag":186,"props":3642,"children":3643},{"style":193},[3644],{"type":34,"value":2282},{"type":28,"tag":186,"props":3646,"children":3647},{"style":199},[3648],{"type":34,"value":2287},{"type":28,"tag":186,"props":3650,"children":3651},{"style":193},[3652],{"type":34,"value":2292},{"type":28,"tag":186,"props":3654,"children":3655},{"style":233},[3656],{"type":34,"value":2297},{"type":28,"tag":186,"props":3658,"children":3659},{"style":193},[3660],{"type":34,"value":1392},{"type":28,"tag":186,"props":3662,"children":3663},{"style":199},[3664],{"type":34,"value":2306},{"type":28,"tag":186,"props":3666,"children":3667},{"style":193},[3668],{"type":34,"value":2292},{"type":28,"tag":186,"props":3670,"children":3671},{"style":233},[3672],{"type":34,"value":2315},{"type":28,"tag":186,"props":3674,"children":3675},{"style":193},[3676],{"type":34,"value":2320},{"type":28,"tag":186,"props":3678,"children":3679},{"class":188,"line":2276},[3680,3684,3688,3692,3696,3700,3704,3708,3712],{"type":28,"tag":186,"props":3681,"children":3682},{"style":193},[3683],{"type":34,"value":2282},{"type":28,"tag":186,"props":3685,"children":3686},{"style":199},[3687],{"type":34,"value":2287},{"type":28,"tag":186,"props":3689,"children":3690},{"style":193},[3691],{"type":34,"value":2292},{"type":28,"tag":186,"props":3693,"children":3694},{"style":233},[3695],{"type":34,"value":2341},{"type":28,"tag":186,"props":3697,"children":3698},{"style":193},[3699],{"type":34,"value":1392},{"type":28,"tag":186,"props":3701,"children":3702},{"style":199},[3703],{"type":34,"value":2306},{"type":28,"tag":186,"props":3705,"children":3706},{"style":193},[3707],{"type":34,"value":2292},{"type":28,"tag":186,"props":3709,"children":3710},{"style":233},[3711],{"type":34,"value":2358},{"type":28,"tag":186,"props":3713,"children":3714},{"style":193},[3715],{"type":34,"value":2320},{"type":28,"tag":186,"props":3717,"children":3718},{"class":188,"line":2323},[3719,3723,3727,3731,3735,3739,3743,3747,3751],{"type":28,"tag":186,"props":3720,"children":3721},{"style":193},[3722],{"type":34,"value":2282},{"type":28,"tag":186,"props":3724,"children":3725},{"style":199},[3726],{"type":34,"value":2287},{"type":28,"tag":186,"props":3728,"children":3729},{"style":193},[3730],{"type":34,"value":2292},{"type":28,"tag":186,"props":3732,"children":3733},{"style":233},[3734],{"type":34,"value":2383},{"type":28,"tag":186,"props":3736,"children":3737},{"style":193},[3738],{"type":34,"value":1392},{"type":28,"tag":186,"props":3740,"children":3741},{"style":199},[3742],{"type":34,"value":2306},{"type":28,"tag":186,"props":3744,"children":3745},{"style":193},[3746],{"type":34,"value":2292},{"type":28,"tag":186,"props":3748,"children":3749},{"style":233},[3750],{"type":34,"value":2400},{"type":28,"tag":186,"props":3752,"children":3753},{"style":193},[3754],{"type":34,"value":2320},{"type":28,"tag":186,"props":3756,"children":3757},{"class":188,"line":2365},[3758],{"type":28,"tag":186,"props":3759,"children":3760},{"style":193},[3761],{"type":34,"value":2413},{"type":28,"tag":186,"props":3763,"children":3764},{"class":188,"line":2407},[3765,3769,3774,3778,3782,3786,3790,3794,3798,3803,3808,3813,3817,3822,3826,3830],{"type":28,"tag":186,"props":3766,"children":3767},{"style":459},[3768],{"type":34,"value":542},{"type":28,"tag":186,"props":3770,"children":3771},{"style":545},[3772],{"type":34,"value":3773}," selectedValues",{"type":28,"tag":186,"props":3775,"children":3776},{"style":551},[3777],{"type":34,"value":554},{"type":28,"tag":186,"props":3779,"children":3780},{"style":545},[3781],{"type":34,"value":2260},{"type":28,"tag":186,"props":3783,"children":3784},{"style":193},[3785],{"type":34,"value":165},{"type":28,"tag":186,"props":3787,"children":3788},{"style":545},[3789],{"type":34,"value":2306},{"type":28,"tag":186,"props":3791,"children":3792},{"style":193},[3793],{"type":34,"value":165},{"type":28,"tag":186,"props":3795,"children":3796},{"style":557},[3797],{"type":34,"value":2748},{"type":28,"tag":186,"props":3799,"children":3800},{"style":193},[3801],{"type":34,"value":3802},"((",{"type":28,"tag":186,"props":3804,"children":3805},{"style":2756},[3806],{"type":34,"value":3807},"item",{"type":28,"tag":186,"props":3809,"children":3810},{"style":193},[3811],{"type":34,"value":3812},") ",{"type":28,"tag":186,"props":3814,"children":3815},{"style":459},[3816],{"type":34,"value":2776},{"type":28,"tag":186,"props":3818,"children":3819},{"style":545},[3820],{"type":34,"value":3821}," item",{"type":28,"tag":186,"props":3823,"children":3824},{"style":193},[3825],{"type":34,"value":165},{"type":28,"tag":186,"props":3827,"children":3828},{"style":199},[3829],{"type":34,"value":2306},{"type":28,"tag":186,"props":3831,"children":3832},{"style":193},[3833],{"type":34,"value":3834},");\n",{"type":28,"tag":186,"props":3836,"children":3837},{"class":188,"line":2416},[3838,3842,3847,3851,3856,3861,3865,3870,3874,3878],{"type":28,"tag":186,"props":3839,"children":3840},{"style":459},[3841],{"type":34,"value":542},{"type":28,"tag":186,"props":3843,"children":3844},{"style":557},[3845],{"type":34,"value":3846}," handleChipRemove",{"type":28,"tag":186,"props":3848,"children":3849},{"style":551},[3850],{"type":34,"value":554},{"type":28,"tag":186,"props":3852,"children":3853},{"style":193},[3854],{"type":34,"value":3855}," (",{"type":28,"tag":186,"props":3857,"children":3858},{"style":2756},[3859],{"type":34,"value":3860},"index",{"type":28,"tag":186,"props":3862,"children":3863},{"style":193},[3864],{"type":34,"value":2292},{"type":28,"tag":186,"props":3866,"children":3867},{"style":545},[3868],{"type":34,"value":3869},"number",{"type":28,"tag":186,"props":3871,"children":3872},{"style":193},[3873],{"type":34,"value":3812},{"type":28,"tag":186,"props":3875,"children":3876},{"style":459},[3877],{"type":34,"value":2776},{"type":28,"tag":186,"props":3879,"children":3880},{"style":193},[3881],{"type":34,"value":3882}," {\n",{"type":28,"tag":186,"props":3884,"children":3885},{"class":188,"line":3075},[3886,3891,3895,3899,3903,3908,3913,3917,3921,3926],{"type":28,"tag":186,"props":3887,"children":3888},{"style":545},[3889],{"type":34,"value":3890}," chipValues",{"type":28,"tag":186,"props":3892,"children":3893},{"style":193},[3894],{"type":34,"value":165},{"type":28,"tag":186,"props":3896,"children":3897},{"style":545},[3898],{"type":34,"value":2306},{"type":28,"tag":186,"props":3900,"children":3901},{"style":193},[3902],{"type":34,"value":165},{"type":28,"tag":186,"props":3904,"children":3905},{"style":557},[3906],{"type":34,"value":3907},"splice",{"type":28,"tag":186,"props":3909,"children":3910},{"style":193},[3911],{"type":34,"value":3912},"(",{"type":28,"tag":186,"props":3914,"children":3915},{"style":199},[3916],{"type":34,"value":3860},{"type":28,"tag":186,"props":3918,"children":3919},{"style":193},[3920],{"type":34,"value":1392},{"type":28,"tag":186,"props":3922,"children":3923},{"style":222},[3924],{"type":34,"value":3925},"1",{"type":28,"tag":186,"props":3927,"children":3928},{"style":193},[3929],{"type":34,"value":3834},{"type":28,"tag":186,"props":3931,"children":3932},{"class":188,"line":3088},[3933],{"type":28,"tag":186,"props":3934,"children":3935},{"style":193},[3936],{"type":34,"value":3937},"};\n",{"type":28,"tag":186,"props":3939,"children":3940},{"class":188,"line":3104},[3941,3945,3949],{"type":28,"tag":186,"props":3942,"children":3943},{"style":193},[3944],{"type":34,"value":399},{"type":28,"tag":186,"props":3946,"children":3947},{"style":199},[3948],{"type":34,"value":429},{"type":28,"tag":186,"props":3950,"children":3951},{"style":193},[3952],{"type":34,"value":206},{"type":28,"tag":633,"props":3954,"children":3955},{},[3956],{"type":28,"tag":176,"props":3957,"children":3959},{"className":638,"code":3958,"language":640,"meta":7,"style":7},"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",[3960],{"type":28,"tag":68,"props":3961,"children":3962},{"__ignoreMap":7},[3963,4010,4043,4050,4069,4108,4147,4186,4193,4200,4224,4277,4323,4396,4403,4424,4432,4439,4450,4477,4524,4559,4570,4585,4659,4729,4745,4772,4779,4786,4801,4816,4831,4842,4858,4866],{"type":28,"tag":186,"props":3964,"children":3965},{"class":188,"line":189},[3966,3970,3974,3978,3982,3986,3990,3994,3998,4002,4006],{"type":28,"tag":186,"props":3967,"children":3968},{"style":459},[3969],{"type":34,"value":462},{"type":28,"tag":186,"props":3971,"children":3972},{"style":193},[3973],{"type":34,"value":467},{"type":28,"tag":186,"props":3975,"children":3976},{"style":199},[3977],{"type":34,"value":73},{"type":28,"tag":186,"props":3979,"children":3980},{"style":193},[3981],{"type":34,"value":1392},{"type":28,"tag":186,"props":3983,"children":3984},{"style":199},[3985],{"type":34,"value":966},{"type":28,"tag":186,"props":3987,"children":3988},{"style":193},[3989],{"type":34,"value":1392},{"type":28,"tag":186,"props":3991,"children":3992},{"style":199},[3993],{"type":34,"value":3398},{"type":28,"tag":186,"props":3995,"children":3996},{"style":193},[3997],{"type":34,"value":477},{"type":28,"tag":186,"props":3999,"children":4000},{"style":459},[4001],{"type":34,"value":482},{"type":28,"tag":186,"props":4003,"children":4004},{"style":233},[4005],{"type":34,"value":672},{"type":28,"tag":186,"props":4007,"children":4008},{"style":193},[4009],{"type":34,"value":492},{"type":28,"tag":186,"props":4011,"children":4012},{"class":188,"line":209},[4013,4017,4021,4026,4030,4034,4039],{"type":28,"tag":186,"props":4014,"children":4015},{"style":459},[4016],{"type":34,"value":462},{"type":28,"tag":186,"props":4018,"children":4019},{"style":193},[4020],{"type":34,"value":467},{"type":28,"tag":186,"props":4022,"children":4023},{"style":199},[4024],{"type":34,"value":4025},"useState",{"type":28,"tag":186,"props":4027,"children":4028},{"style":193},[4029],{"type":34,"value":477},{"type":28,"tag":186,"props":4031,"children":4032},{"style":459},[4033],{"type":34,"value":482},{"type":28,"tag":186,"props":4035,"children":4036},{"style":233},[4037],{"type":34,"value":4038}," 'react'",{"type":28,"tag":186,"props":4040,"children":4041},{"style":193},[4042],{"type":34,"value":492},{"type":28,"tag":186,"props":4044,"children":4045},{"class":188,"line":280},[4046],{"type":28,"tag":186,"props":4047,"children":4048},{"emptyLinePlaceholder":9},[4049],{"type":34,"value":416},{"type":28,"tag":186,"props":4051,"children":4052},{"class":188,"line":343},[4053,4057,4061,4065],{"type":28,"tag":186,"props":4054,"children":4055},{"style":459},[4056],{"type":34,"value":542},{"type":28,"tag":186,"props":4058,"children":4059},{"style":545},[4060],{"type":34,"value":2260},{"type":28,"tag":186,"props":4062,"children":4063},{"style":551},[4064],{"type":34,"value":554},{"type":28,"tag":186,"props":4066,"children":4067},{"style":193},[4068],{"type":34,"value":2531},{"type":28,"tag":186,"props":4070,"children":4071},{"class":188,"line":393},[4072,4076,4080,4084,4088,4092,4096,4100,4104],{"type":28,"tag":186,"props":4073,"children":4074},{"style":193},[4075],{"type":34,"value":2282},{"type":28,"tag":186,"props":4077,"children":4078},{"style":199},[4079],{"type":34,"value":2287},{"type":28,"tag":186,"props":4081,"children":4082},{"style":193},[4083],{"type":34,"value":2292},{"type":28,"tag":186,"props":4085,"children":4086},{"style":233},[4087],{"type":34,"value":2297},{"type":28,"tag":186,"props":4089,"children":4090},{"style":193},[4091],{"type":34,"value":1392},{"type":28,"tag":186,"props":4093,"children":4094},{"style":199},[4095],{"type":34,"value":2306},{"type":28,"tag":186,"props":4097,"children":4098},{"style":193},[4099],{"type":34,"value":2292},{"type":28,"tag":186,"props":4101,"children":4102},{"style":233},[4103],{"type":34,"value":2315},{"type":28,"tag":186,"props":4105,"children":4106},{"style":193},[4107],{"type":34,"value":2320},{"type":28,"tag":186,"props":4109,"children":4110},{"class":188,"line":410},[4111,4115,4119,4123,4127,4131,4135,4139,4143],{"type":28,"tag":186,"props":4112,"children":4113},{"style":193},[4114],{"type":34,"value":2282},{"type":28,"tag":186,"props":4116,"children":4117},{"style":199},[4118],{"type":34,"value":2287},{"type":28,"tag":186,"props":4120,"children":4121},{"style":193},[4122],{"type":34,"value":2292},{"type":28,"tag":186,"props":4124,"children":4125},{"style":233},[4126],{"type":34,"value":2341},{"type":28,"tag":186,"props":4128,"children":4129},{"style":193},[4130],{"type":34,"value":1392},{"type":28,"tag":186,"props":4132,"children":4133},{"style":199},[4134],{"type":34,"value":2306},{"type":28,"tag":186,"props":4136,"children":4137},{"style":193},[4138],{"type":34,"value":2292},{"type":28,"tag":186,"props":4140,"children":4141},{"style":233},[4142],{"type":34,"value":2358},{"type":28,"tag":186,"props":4144,"children":4145},{"style":193},[4146],{"type":34,"value":2320},{"type":28,"tag":186,"props":4148,"children":4149},{"class":188,"line":419},[4150,4154,4158,4162,4166,4170,4174,4178,4182],{"type":28,"tag":186,"props":4151,"children":4152},{"style":193},[4153],{"type":34,"value":2282},{"type":28,"tag":186,"props":4155,"children":4156},{"style":199},[4157],{"type":34,"value":2287},{"type":28,"tag":186,"props":4159,"children":4160},{"style":193},[4161],{"type":34,"value":2292},{"type":28,"tag":186,"props":4163,"children":4164},{"style":233},[4165],{"type":34,"value":2383},{"type":28,"tag":186,"props":4167,"children":4168},{"style":193},[4169],{"type":34,"value":1392},{"type":28,"tag":186,"props":4171,"children":4172},{"style":199},[4173],{"type":34,"value":2306},{"type":28,"tag":186,"props":4175,"children":4176},{"style":193},[4177],{"type":34,"value":2292},{"type":28,"tag":186,"props":4179,"children":4180},{"style":233},[4181],{"type":34,"value":2400},{"type":28,"tag":186,"props":4183,"children":4184},{"style":193},[4185],{"type":34,"value":2320},{"type":28,"tag":186,"props":4187,"children":4188},{"class":188,"line":455},[4189],{"type":28,"tag":186,"props":4190,"children":4191},{"style":193},[4192],{"type":34,"value":2656},{"type":28,"tag":186,"props":4194,"children":4195},{"class":188,"line":495},[4196],{"type":28,"tag":186,"props":4197,"children":4198},{"emptyLinePlaceholder":9},[4199],{"type":34,"value":416},{"type":28,"tag":186,"props":4201,"children":4202},{"class":188,"line":528},[4203,4207,4211,4215,4220],{"type":28,"tag":186,"props":4204,"children":4205},{"style":459},[4206],{"type":34,"value":691},{"type":28,"tag":186,"props":4208,"children":4209},{"style":459},[4210],{"type":34,"value":696},{"type":28,"tag":186,"props":4212,"children":4213},{"style":459},[4214],{"type":34,"value":701},{"type":28,"tag":186,"props":4216,"children":4217},{"style":557},[4218],{"type":34,"value":4219}," DeletableChips",{"type":28,"tag":186,"props":4221,"children":4222},{"style":193},[4223],{"type":34,"value":711},{"type":28,"tag":186,"props":4225,"children":4226},{"class":188,"line":536},[4227,4232,4237,4242,4246,4251,4256,4260,4265,4269,4273],{"type":28,"tag":186,"props":4228,"children":4229},{"style":459},[4230],{"type":34,"value":4231}," const",{"type":28,"tag":186,"props":4233,"children":4234},{"style":193},[4235],{"type":34,"value":4236}," [",{"type":28,"tag":186,"props":4238,"children":4239},{"style":545},[4240],{"type":34,"value":4241},"chipList",{"type":28,"tag":186,"props":4243,"children":4244},{"style":193},[4245],{"type":34,"value":1392},{"type":28,"tag":186,"props":4247,"children":4248},{"style":545},[4249],{"type":34,"value":4250},"setChipList",{"type":28,"tag":186,"props":4252,"children":4253},{"style":193},[4254],{"type":34,"value":4255},"] ",{"type":28,"tag":186,"props":4257,"children":4258},{"style":551},[4259],{"type":34,"value":230},{"type":28,"tag":186,"props":4261,"children":4262},{"style":557},[4263],{"type":34,"value":4264}," useState",{"type":28,"tag":186,"props":4266,"children":4267},{"style":193},[4268],{"type":34,"value":3912},{"type":28,"tag":186,"props":4270,"children":4271},{"style":199},[4272],{"type":34,"value":2739},{"type":28,"tag":186,"props":4274,"children":4275},{"style":193},[4276],{"type":34,"value":3834},{"type":28,"tag":186,"props":4278,"children":4279},{"class":188,"line":568},[4280,4284,4289,4293,4297,4302,4306,4311,4315,4319],{"type":28,"tag":186,"props":4281,"children":4282},{"style":459},[4283],{"type":34,"value":4231},{"type":28,"tag":186,"props":4285,"children":4286},{"style":557},[4287],{"type":34,"value":4288}," handleRemoveChip",{"type":28,"tag":186,"props":4290,"children":4291},{"style":551},[4292],{"type":34,"value":554},{"type":28,"tag":186,"props":4294,"children":4295},{"style":193},[4296],{"type":34,"value":3855},{"type":28,"tag":186,"props":4298,"children":4299},{"style":2756},[4300],{"type":34,"value":4301},"val",{"type":28,"tag":186,"props":4303,"children":4304},{"style":193},[4305],{"type":34,"value":2292},{"type":28,"tag":186,"props":4307,"children":4308},{"style":545},[4309],{"type":34,"value":4310},"string",{"type":28,"tag":186,"props":4312,"children":4313},{"style":193},[4314],{"type":34,"value":3812},{"type":28,"tag":186,"props":4316,"children":4317},{"style":459},[4318],{"type":34,"value":2776},{"type":28,"tag":186,"props":4320,"children":4321},{"style":193},[4322],{"type":34,"value":3882},{"type":28,"tag":186,"props":4324,"children":4325},{"class":188,"line":593},[4326,4331,4336,4340,4345,4349,4354,4358,4362,4366,4370,4374,4378,4382,4387,4392],{"type":28,"tag":186,"props":4327,"children":4328},{"style":459},[4329],{"type":34,"value":4330}," const",{"type":28,"tag":186,"props":4332,"children":4333},{"style":545},[4334],{"type":34,"value":4335}," newList",{"type":28,"tag":186,"props":4337,"children":4338},{"style":551},[4339],{"type":34,"value":554},{"type":28,"tag":186,"props":4341,"children":4342},{"style":545},[4343],{"type":34,"value":4344}," chipList",{"type":28,"tag":186,"props":4346,"children":4347},{"style":193},[4348],{"type":34,"value":165},{"type":28,"tag":186,"props":4350,"children":4351},{"style":557},[4352],{"type":34,"value":4353},"filter",{"type":28,"tag":186,"props":4355,"children":4356},{"style":193},[4357],{"type":34,"value":3802},{"type":28,"tag":186,"props":4359,"children":4360},{"style":2756},[4361],{"type":34,"value":3807},{"type":28,"tag":186,"props":4363,"children":4364},{"style":193},[4365],{"type":34,"value":3812},{"type":28,"tag":186,"props":4367,"children":4368},{"style":459},[4369],{"type":34,"value":2776},{"type":28,"tag":186,"props":4371,"children":4372},{"style":545},[4373],{"type":34,"value":3821},{"type":28,"tag":186,"props":4375,"children":4376},{"style":193},[4377],{"type":34,"value":165},{"type":28,"tag":186,"props":4379,"children":4380},{"style":199},[4381],{"type":34,"value":2306},{"type":28,"tag":186,"props":4383,"children":4384},{"style":551},[4385],{"type":34,"value":4386}," !==",{"type":28,"tag":186,"props":4388,"children":4389},{"style":199},[4390],{"type":34,"value":4391}," val",{"type":28,"tag":186,"props":4393,"children":4394},{"style":193},[4395],{"type":34,"value":3834},{"type":28,"tag":186,"props":4397,"children":4398},{"class":188,"line":618},[4399],{"type":28,"tag":186,"props":4400,"children":4401},{"emptyLinePlaceholder":9},[4402],{"type":34,"value":416},{"type":28,"tag":186,"props":4404,"children":4405},{"class":188,"line":920},[4406,4411,4415,4420],{"type":28,"tag":186,"props":4407,"children":4408},{"style":557},[4409],{"type":34,"value":4410}," setChipList",{"type":28,"tag":186,"props":4412,"children":4413},{"style":193},[4414],{"type":34,"value":3912},{"type":28,"tag":186,"props":4416,"children":4417},{"style":199},[4418],{"type":34,"value":4419},"newList",{"type":28,"tag":186,"props":4421,"children":4422},{"style":193},[4423],{"type":34,"value":3834},{"type":28,"tag":186,"props":4425,"children":4426},{"class":188,"line":1422},[4427],{"type":28,"tag":186,"props":4428,"children":4429},{"style":193},[4430],{"type":34,"value":4431}," };\n",{"type":28,"tag":186,"props":4433,"children":4434},{"class":188,"line":1447},[4435],{"type":28,"tag":186,"props":4436,"children":4437},{"emptyLinePlaceholder":9},[4438],{"type":34,"value":416},{"type":28,"tag":186,"props":4440,"children":4441},{"class":188,"line":1472},[4442,4446],{"type":28,"tag":186,"props":4443,"children":4444},{"style":459},[4445],{"type":34,"value":719},{"type":28,"tag":186,"props":4447,"children":4448},{"style":193},[4449],{"type":34,"value":724},{"type":28,"tag":186,"props":4451,"children":4452},{"class":188,"line":2130},[4453,4457,4461,4465,4469,4473],{"type":28,"tag":186,"props":4454,"children":4455},{"style":193},[4456],{"type":34,"value":732},{"type":28,"tag":186,"props":4458,"children":4459},{"style":199},[4460],{"type":34,"value":1859},{"type":28,"tag":186,"props":4462,"children":4463},{"style":756},[4464],{"type":34,"value":771},{"type":28,"tag":186,"props":4466,"children":4467},{"style":551},[4468],{"type":34,"value":230},{"type":28,"tag":186,"props":4470,"children":4471},{"style":233},[4472],{"type":34,"value":2722},{"type":28,"tag":186,"props":4474,"children":4475},{"style":193},[4476],{"type":34,"value":206},{"type":28,"tag":186,"props":4478,"children":4479},{"class":188,"line":2138},[4480,4484,4488,4492,4496,4500,4504,4508,4512,4516,4520],{"type":28,"tag":186,"props":4481,"children":4482},{"style":459},[4483],{"type":34,"value":2734},{"type":28,"tag":186,"props":4485,"children":4486},{"style":545},[4487],{"type":34,"value":4241},{"type":28,"tag":186,"props":4489,"children":4490},{"style":193},[4491],{"type":34,"value":165},{"type":28,"tag":186,"props":4493,"children":4494},{"style":557},[4495],{"type":34,"value":2748},{"type":28,"tag":186,"props":4497,"children":4498},{"style":193},[4499],{"type":34,"value":2753},{"type":28,"tag":186,"props":4501,"children":4502},{"style":2756},[4503],{"type":34,"value":2287},{"type":28,"tag":186,"props":4505,"children":4506},{"style":193},[4507],{"type":34,"value":1392},{"type":28,"tag":186,"props":4509,"children":4510},{"style":2756},[4511],{"type":34,"value":2306},{"type":28,"tag":186,"props":4513,"children":4514},{"style":193},[4515],{"type":34,"value":2771},{"type":28,"tag":186,"props":4517,"children":4518},{"style":459},[4519],{"type":34,"value":2776},{"type":28,"tag":186,"props":4521,"children":4522},{"style":193},[4523],{"type":34,"value":724},{"type":28,"tag":186,"props":4525,"children":4526},{"class":188,"line":2170},[4527,4531,4535,4539,4543,4547,4551,4555],{"type":28,"tag":186,"props":4528,"children":4529},{"style":193},[4530],{"type":34,"value":1957},{"type":28,"tag":186,"props":4532,"children":4533},{"style":199},[4534],{"type":34,"value":1888},{"type":28,"tag":186,"props":4536,"children":4537},{"style":756},[4538],{"type":34,"value":2796},{"type":28,"tag":186,"props":4540,"children":4541},{"style":551},[4542],{"type":34,"value":230},{"type":28,"tag":186,"props":4544,"children":4545},{"style":459},[4546],{"type":34,"value":1633},{"type":28,"tag":186,"props":4548,"children":4549},{"style":199},[4550],{"type":34,"value":2306},{"type":28,"tag":186,"props":4552,"children":4553},{"style":459},[4554],{"type":34,"value":1675},{"type":28,"tag":186,"props":4556,"children":4557},{"style":193},[4558],{"type":34,"value":206},{"type":28,"tag":186,"props":4560,"children":4561},{"class":188,"line":2202},[4562,4566],{"type":28,"tag":186,"props":4563,"children":4564},{"style":193},[4565],{"type":34,"value":1981},{"type":28,"tag":186,"props":4567,"children":4568},{"style":545},[4569],{"type":34,"value":2828},{"type":28,"tag":186,"props":4571,"children":4572},{"class":188,"line":2242},[4573,4577,4581],{"type":28,"tag":186,"props":4574,"children":4575},{"style":756},[4576],{"type":34,"value":2836},{"type":28,"tag":186,"props":4578,"children":4579},{"style":551},[4580],{"type":34,"value":230},{"type":28,"tag":186,"props":4582,"children":4583},{"style":233},[4584],{"type":34,"value":2845},{"type":28,"tag":186,"props":4586,"children":4587},{"class":188,"line":2250},[4588,4593,4597,4601,4606,4611,4615,4620,4624,4629,4634,4638,4642,4646,4650,4655],{"type":28,"tag":186,"props":4589,"children":4590},{"style":756},[4591],{"type":34,"value":4592}," inputProps",{"type":28,"tag":186,"props":4594,"children":4595},{"style":551},[4596],{"type":34,"value":230},{"type":28,"tag":186,"props":4598,"children":4599},{"style":459},[4600],{"type":34,"value":1633},{"type":28,"tag":186,"props":4602,"children":4603},{"style":193},[4604],{"type":34,"value":4605},"{ ",{"type":28,"tag":186,"props":4607,"children":4608},{"style":199},[4609],{"type":34,"value":4610},"checked",{"type":28,"tag":186,"props":4612,"children":4613},{"style":193},[4614],{"type":34,"value":2292},{"type":28,"tag":186,"props":4616,"children":4617},{"style":222},[4618],{"type":34,"value":4619},"true",{"type":28,"tag":186,"props":4621,"children":4622},{"style":193},[4623],{"type":34,"value":1392},{"type":28,"tag":186,"props":4625,"children":4626},{"style":557},[4627],{"type":34,"value":4628},"onChange",{"type":28,"tag":186,"props":4630,"children":4631},{"style":193},[4632],{"type":34,"value":4633},": () ",{"type":28,"tag":186,"props":4635,"children":4636},{"style":459},[4637],{"type":34,"value":2776},{"type":28,"tag":186,"props":4639,"children":4640},{"style":557},[4641],{"type":34,"value":4288},{"type":28,"tag":186,"props":4643,"children":4644},{"style":193},[4645],{"type":34,"value":3912},{"type":28,"tag":186,"props":4647,"children":4648},{"style":199},[4649],{"type":34,"value":2306},{"type":28,"tag":186,"props":4651,"children":4652},{"style":193},[4653],{"type":34,"value":4654},") }",{"type":28,"tag":186,"props":4656,"children":4657},{"style":459},[4658],{"type":34,"value":926},{"type":28,"tag":186,"props":4660,"children":4661},{"class":188,"line":2276},[4662,4666,4670,4674,4678,4682,4686,4690,4694,4699,4704,4708,4712,4717,4721,4725],{"type":28,"tag":186,"props":4663,"children":4664},{"style":756},[4665],{"type":34,"value":2853},{"type":28,"tag":186,"props":4667,"children":4668},{"style":551},[4669],{"type":34,"value":230},{"type":28,"tag":186,"props":4671,"children":4672},{"style":459},[4673],{"type":34,"value":1633},{"type":28,"tag":186,"props":4675,"children":4676},{"style":193},[4677],{"type":34,"value":196},{"type":28,"tag":186,"props":4679,"children":4680},{"style":545},[4681],{"type":34,"value":966},{"type":28,"tag":186,"props":4683,"children":4684},{"style":756},[4685],{"type":34,"value":771},{"type":28,"tag":186,"props":4687,"children":4688},{"style":551},[4689],{"type":34,"value":230},{"type":28,"tag":186,"props":4691,"children":4692},{"style":459},[4693],{"type":34,"value":1633},{"type":28,"tag":186,"props":4695,"children":4696},{"style":233},[4697],{"type":34,"value":4698},"`bg-",{"type":28,"tag":186,"props":4700,"children":4701},{"style":459},[4702],{"type":34,"value":4703},"${",{"type":28,"tag":186,"props":4705,"children":4706},{"style":199},[4707],{"type":34,"value":2306},{"type":28,"tag":186,"props":4709,"children":4710},{"style":459},[4711],{"type":34,"value":1675},{"type":28,"tag":186,"props":4713,"children":4714},{"style":233},[4715],{"type":34,"value":4716},"-500`",{"type":28,"tag":186,"props":4718,"children":4719},{"style":459},[4720],{"type":34,"value":1675},{"type":28,"tag":186,"props":4722,"children":4723},{"style":193},[4724],{"type":34,"value":1670},{"type":28,"tag":186,"props":4726,"children":4727},{"style":459},[4728],{"type":34,"value":926},{"type":28,"tag":186,"props":4730,"children":4731},{"class":188,"line":2323},[4732,4737,4741],{"type":28,"tag":186,"props":4733,"children":4734},{"style":756},[4735],{"type":34,"value":4736}," slotSuffix",{"type":28,"tag":186,"props":4738,"children":4739},{"style":551},[4740],{"type":34,"value":230},{"type":28,"tag":186,"props":4742,"children":4743},{"style":459},[4744],{"type":34,"value":2862},{"type":28,"tag":186,"props":4746,"children":4747},{"class":188,"line":2365},[4748,4752,4756,4760,4764,4768],{"type":28,"tag":186,"props":4749,"children":4750},{"style":193},[4751],{"type":34,"value":2870},{"type":28,"tag":186,"props":4753,"children":4754},{"style":545},[4755],{"type":34,"value":3398},{"type":28,"tag":186,"props":4757,"children":4758},{"style":756},[4759],{"type":34,"value":771},{"type":28,"tag":186,"props":4761,"children":4762},{"style":551},[4763],{"type":34,"value":230},{"type":28,"tag":186,"props":4765,"children":4766},{"style":233},[4767],{"type":34,"value":3411},{"type":28,"tag":186,"props":4769,"children":4770},{"style":193},[4771],{"type":34,"value":3416},{"type":28,"tag":186,"props":4773,"children":4774},{"class":188,"line":2407},[4775],{"type":28,"tag":186,"props":4776,"children":4777},{"style":459},[4778],{"type":34,"value":3017},{"type":28,"tag":186,"props":4780,"children":4781},{"class":188,"line":2416},[4782],{"type":28,"tag":186,"props":4783,"children":4784},{"style":193},[4785],{"type":34,"value":3025},{"type":28,"tag":186,"props":4787,"children":4788},{"class":188,"line":3075},[4789,4793,4797],{"type":28,"tag":186,"props":4790,"children":4791},{"style":459},[4792],{"type":34,"value":3033},{"type":28,"tag":186,"props":4794,"children":4795},{"style":199},[4796],{"type":34,"value":2287},{"type":28,"tag":186,"props":4798,"children":4799},{"style":459},[4800],{"type":34,"value":926},{"type":28,"tag":186,"props":4802,"children":4803},{"class":188,"line":3088},[4804,4808,4812],{"type":28,"tag":186,"props":4805,"children":4806},{"style":193},[4807],{"type":34,"value":3049},{"type":28,"tag":186,"props":4809,"children":4810},{"style":545},[4811],{"type":34,"value":73},{"type":28,"tag":186,"props":4813,"children":4814},{"style":193},[4815],{"type":34,"value":206},{"type":28,"tag":186,"props":4817,"children":4818},{"class":188,"line":3104},[4819,4823,4827],{"type":28,"tag":186,"props":4820,"children":4821},{"style":193},[4822],{"type":34,"value":2051},{"type":28,"tag":186,"props":4824,"children":4825},{"style":199},[4826],{"type":34,"value":1888},{"type":28,"tag":186,"props":4828,"children":4829},{"style":193},[4830],{"type":34,"value":206},{"type":28,"tag":186,"props":4832,"children":4833},{"class":188,"line":3112},[4834,4838],{"type":28,"tag":186,"props":4835,"children":4836},{"style":193},[4837],{"type":34,"value":3081},{"type":28,"tag":186,"props":4839,"children":4840},{"style":459},[4841],{"type":34,"value":926},{"type":28,"tag":186,"props":4843,"children":4845},{"class":188,"line":4844},34,[4846,4850,4854],{"type":28,"tag":186,"props":4847,"children":4848},{"style":193},[4849],{"type":34,"value":901},{"type":28,"tag":186,"props":4851,"children":4852},{"style":199},[4853],{"type":34,"value":1859},{"type":28,"tag":186,"props":4855,"children":4856},{"style":193},[4857],{"type":34,"value":206},{"type":28,"tag":186,"props":4859,"children":4861},{"class":188,"line":4860},35,[4862],{"type":28,"tag":186,"props":4863,"children":4864},{"style":193},[4865],{"type":34,"value":917},{"type":28,"tag":186,"props":4867,"children":4869},{"class":188,"line":4868},36,[4870],{"type":28,"tag":186,"props":4871,"children":4872},{"style":193},[4873],{"type":34,"value":926},{"type":28,"tag":119,"props":4875,"children":4877},{"id":4876},"rounded-chip",[4878],{"type":34,"value":4879},"Rounded chip",{"type":28,"tag":44,"props":4881,"children":4882},{},[4883,4888,4890,4896],{"type":28,"tag":68,"props":4884,"children":4886},{"className":4885},[],[4887],{"type":34,"value":73},{"type":34,"value":4889}," accepts a ",{"type":28,"tag":68,"props":4891,"children":4893},{"className":4892},[],[4894],{"type":34,"value":4895},"square",{"type":34,"value":4897}," prop that will set equal paddings on all sides of the chip.",{"type":28,"tag":167,"props":4899,"children":4901},{"showcase-name":4900},"Chip\u002FWithoutLabel",[4902,5355],{"type":28,"tag":172,"props":4903,"children":4904},{},[4905],{"type":28,"tag":176,"props":4906,"children":4908},{"className":178,"code":4907,"language":180,"meta":7,"style":7},"\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",[4909],{"type":28,"tag":68,"props":4910,"children":4911},{"__ignoreMap":7},[4912,4927,4983,5036,5051,5082,5149,5164,5179,5186,5217,5248,5287,5294,5317,5340],{"type":28,"tag":186,"props":4913,"children":4914},{"class":188,"line":189},[4915,4919,4923],{"type":28,"tag":186,"props":4916,"children":4917},{"style":193},[4918],{"type":34,"value":196},{"type":28,"tag":186,"props":4920,"children":4921},{"style":199},[4922],{"type":34,"value":40},{"type":28,"tag":186,"props":4924,"children":4925},{"style":193},[4926],{"type":34,"value":206},{"type":28,"tag":186,"props":4928,"children":4929},{"class":188,"line":209},[4930,4934,4938,4942,4946,4950,4955,4959,4963,4967,4971,4975,4979],{"type":28,"tag":186,"props":4931,"children":4932},{"style":193},[4933],{"type":34,"value":215},{"type":28,"tag":186,"props":4935,"children":4936},{"style":199},[4937],{"type":34,"value":73},{"type":28,"tag":186,"props":4939,"children":4940},{"style":222},[4941],{"type":34,"value":225},{"type":28,"tag":186,"props":4943,"children":4944},{"style":193},[4945],{"type":34,"value":230},{"type":28,"tag":186,"props":4947,"children":4948},{"style":233},[4949],{"type":34,"value":236},{"type":28,"tag":186,"props":4951,"children":4952},{"style":222},[4953],{"type":34,"value":4954}," square",{"type":28,"tag":186,"props":4956,"children":4957},{"style":222},[4958],{"type":34,"value":241},{"type":28,"tag":186,"props":4960,"children":4961},{"style":193},[4962],{"type":34,"value":230},{"type":28,"tag":186,"props":4964,"children":4965},{"style":233},[4966],{"type":34,"value":250},{"type":28,"tag":186,"props":4968,"children":4969},{"style":222},[4970],{"type":34,"value":255},{"type":28,"tag":186,"props":4972,"children":4973},{"style":193},[4974],{"type":34,"value":230},{"type":28,"tag":186,"props":4976,"children":4977},{"style":233},[4978],{"type":34,"value":1078},{"type":28,"tag":186,"props":4980,"children":4981},{"style":193},[4982],{"type":34,"value":206},{"type":28,"tag":186,"props":4984,"children":4985},{"class":188,"line":280},[4986,4990,4994,4998,5002,5006,5010,5014,5018,5023,5027,5032],{"type":28,"tag":186,"props":4987,"children":4988},{"style":193},[4989],{"type":34,"value":732},{"type":28,"tag":186,"props":4991,"children":4992},{"style":199},[4993],{"type":34,"value":966},{"type":28,"tag":186,"props":4995,"children":4996},{"style":222},[4997],{"type":34,"value":241},{"type":28,"tag":186,"props":4999,"children":5000},{"style":193},[5001],{"type":34,"value":230},{"type":28,"tag":186,"props":5003,"children":5004},{"style":233},[5005],{"type":34,"value":1124},{"type":28,"tag":186,"props":5007,"children":5008},{"style":222},[5009],{"type":34,"value":225},{"type":28,"tag":186,"props":5011,"children":5012},{"style":193},[5013],{"type":34,"value":230},{"type":28,"tag":186,"props":5015,"children":5016},{"style":233},[5017],{"type":34,"value":236},{"type":28,"tag":186,"props":5019,"children":5020},{"style":222},[5021],{"type":34,"value":5022}," aria-label",{"type":28,"tag":186,"props":5024,"children":5025},{"style":193},[5026],{"type":34,"value":230},{"type":28,"tag":186,"props":5028,"children":5029},{"style":233},[5030],{"type":34,"value":5031},"\"Red thumbnail chip\"",{"type":28,"tag":186,"props":5033,"children":5034},{"style":193},[5035],{"type":34,"value":3416},{"type":28,"tag":186,"props":5037,"children":5038},{"class":188,"line":343},[5039,5043,5047],{"type":28,"tag":186,"props":5040,"children":5041},{"style":193},[5042],{"type":34,"value":1165},{"type":28,"tag":186,"props":5044,"children":5045},{"style":199},[5046],{"type":34,"value":73},{"type":28,"tag":186,"props":5048,"children":5049},{"style":193},[5050],{"type":34,"value":206},{"type":28,"tag":186,"props":5052,"children":5053},{"class":188,"line":393},[5054,5058,5062,5066,5070,5074,5078],{"type":28,"tag":186,"props":5055,"children":5056},{"style":193},[5057],{"type":34,"value":215},{"type":28,"tag":186,"props":5059,"children":5060},{"style":199},[5061],{"type":34,"value":73},{"type":28,"tag":186,"props":5063,"children":5064},{"style":222},[5065],{"type":34,"value":4954},{"type":28,"tag":186,"props":5067,"children":5068},{"style":222},[5069],{"type":34,"value":255},{"type":28,"tag":186,"props":5071,"children":5072},{"style":193},[5073],{"type":34,"value":230},{"type":28,"tag":186,"props":5075,"children":5076},{"style":233},[5077],{"type":34,"value":1197},{"type":28,"tag":186,"props":5079,"children":5080},{"style":193},[5081],{"type":34,"value":206},{"type":28,"tag":186,"props":5083,"children":5084},{"class":188,"line":410},[5085,5089,5093,5097,5101,5106,5111,5115,5120,5124,5128,5132,5136,5140,5145],{"type":28,"tag":186,"props":5086,"children":5087},{"style":193},[5088],{"type":34,"value":732},{"type":28,"tag":186,"props":5090,"children":5091},{"style":199},[5092],{"type":34,"value":966},{"type":28,"tag":186,"props":5094,"children":5095},{"style":222},[5096],{"type":34,"value":241},{"type":28,"tag":186,"props":5098,"children":5099},{"style":193},[5100],{"type":34,"value":230},{"type":28,"tag":186,"props":5102,"children":5103},{"style":233},[5104],{"type":34,"value":5105},"\"bg-blue-500\"",{"type":28,"tag":186,"props":5107,"children":5108},{"style":222},[5109],{"type":34,"value":5110}," color",{"type":28,"tag":186,"props":5112,"children":5113},{"style":193},[5114],{"type":34,"value":230},{"type":28,"tag":186,"props":5116,"children":5117},{"style":233},[5118],{"type":34,"value":5119},"\"blue\"",{"type":28,"tag":186,"props":5121,"children":5122},{"style":222},[5123],{"type":34,"value":225},{"type":28,"tag":186,"props":5125,"children":5126},{"style":193},[5127],{"type":34,"value":230},{"type":28,"tag":186,"props":5129,"children":5130},{"style":233},[5131],{"type":34,"value":302},{"type":28,"tag":186,"props":5133,"children":5134},{"style":222},[5135],{"type":34,"value":5022},{"type":28,"tag":186,"props":5137,"children":5138},{"style":193},[5139],{"type":34,"value":230},{"type":28,"tag":186,"props":5141,"children":5142},{"style":233},[5143],{"type":34,"value":5144},"\"Blue thumbnail chip\"",{"type":28,"tag":186,"props":5146,"children":5147},{"style":193},[5148],{"type":34,"value":3416},{"type":28,"tag":186,"props":5150,"children":5151},{"class":188,"line":419},[5152,5156,5160],{"type":28,"tag":186,"props":5153,"children":5154},{"style":193},[5155],{"type":34,"value":1165},{"type":28,"tag":186,"props":5157,"children":5158},{"style":199},[5159],{"type":34,"value":73},{"type":28,"tag":186,"props":5161,"children":5162},{"style":193},[5163],{"type":34,"value":206},{"type":28,"tag":186,"props":5165,"children":5166},{"class":188,"line":455},[5167,5171,5175],{"type":28,"tag":186,"props":5168,"children":5169},{"style":193},[5170],{"type":34,"value":399},{"type":28,"tag":186,"props":5172,"children":5173},{"style":199},[5174],{"type":34,"value":40},{"type":28,"tag":186,"props":5176,"children":5177},{"style":193},[5178],{"type":34,"value":206},{"type":28,"tag":186,"props":5180,"children":5181},{"class":188,"line":495},[5182],{"type":28,"tag":186,"props":5183,"children":5184},{"emptyLinePlaceholder":9},[5185],{"type":34,"value":416},{"type":28,"tag":186,"props":5187,"children":5188},{"class":188,"line":528},[5189,5193,5197,5201,5205,5209,5213],{"type":28,"tag":186,"props":5190,"children":5191},{"style":193},[5192],{"type":34,"value":196},{"type":28,"tag":186,"props":5194,"children":5195},{"style":199},[5196],{"type":34,"value":429},{"type":28,"tag":186,"props":5198,"children":5199},{"style":222},[5200],{"type":34,"value":434},{"type":28,"tag":186,"props":5202,"children":5203},{"style":193},[5204],{"type":34,"value":230},{"type":28,"tag":186,"props":5206,"children":5207},{"style":233},[5208],{"type":34,"value":443},{"type":28,"tag":186,"props":5210,"children":5211},{"style":222},[5212],{"type":34,"value":448},{"type":28,"tag":186,"props":5214,"children":5215},{"style":193},[5216],{"type":34,"value":206},{"type":28,"tag":186,"props":5218,"children":5219},{"class":188,"line":536},[5220,5224,5228,5232,5236,5240,5244],{"type":28,"tag":186,"props":5221,"children":5222},{"style":459},[5223],{"type":34,"value":462},{"type":28,"tag":186,"props":5225,"children":5226},{"style":193},[5227],{"type":34,"value":467},{"type":28,"tag":186,"props":5229,"children":5230},{"style":199},[5231],{"type":34,"value":472},{"type":28,"tag":186,"props":5233,"children":5234},{"style":193},[5235],{"type":34,"value":477},{"type":28,"tag":186,"props":5237,"children":5238},{"style":459},[5239],{"type":34,"value":482},{"type":28,"tag":186,"props":5241,"children":5242},{"style":233},[5243],{"type":34,"value":487},{"type":28,"tag":186,"props":5245,"children":5246},{"style":193},[5247],{"type":34,"value":492},{"type":28,"tag":186,"props":5249,"children":5250},{"class":188,"line":568},[5251,5255,5259,5263,5267,5271,5275,5279,5283],{"type":28,"tag":186,"props":5252,"children":5253},{"style":459},[5254],{"type":34,"value":462},{"type":28,"tag":186,"props":5256,"children":5257},{"style":193},[5258],{"type":34,"value":467},{"type":28,"tag":186,"props":5260,"children":5261},{"style":199},[5262],{"type":34,"value":73},{"type":28,"tag":186,"props":5264,"children":5265},{"style":193},[5266],{"type":34,"value":1392},{"type":28,"tag":186,"props":5268,"children":5269},{"style":199},[5270],{"type":34,"value":966},{"type":28,"tag":186,"props":5272,"children":5273},{"style":193},[5274],{"type":34,"value":477},{"type":28,"tag":186,"props":5276,"children":5277},{"style":459},[5278],{"type":34,"value":482},{"type":28,"tag":186,"props":5280,"children":5281},{"style":233},[5282],{"type":34,"value":521},{"type":28,"tag":186,"props":5284,"children":5285},{"style":193},[5286],{"type":34,"value":492},{"type":28,"tag":186,"props":5288,"children":5289},{"class":188,"line":593},[5290],{"type":28,"tag":186,"props":5291,"children":5292},{"emptyLinePlaceholder":9},[5293],{"type":34,"value":416},{"type":28,"tag":186,"props":5295,"children":5296},{"class":188,"line":618},[5297,5301,5305,5309,5313],{"type":28,"tag":186,"props":5298,"children":5299},{"style":459},[5300],{"type":34,"value":542},{"type":28,"tag":186,"props":5302,"children":5303},{"style":545},[5304],{"type":34,"value":1432},{"type":28,"tag":186,"props":5306,"children":5307},{"style":551},[5308],{"type":34,"value":554},{"type":28,"tag":186,"props":5310,"children":5311},{"style":557},[5312],{"type":34,"value":560},{"type":28,"tag":186,"props":5314,"children":5315},{"style":193},[5316],{"type":34,"value":565},{"type":28,"tag":186,"props":5318,"children":5319},{"class":188,"line":920},[5320,5324,5328,5332,5336],{"type":28,"tag":186,"props":5321,"children":5322},{"style":459},[5323],{"type":34,"value":542},{"type":28,"tag":186,"props":5325,"children":5326},{"style":545},[5327],{"type":34,"value":1457},{"type":28,"tag":186,"props":5329,"children":5330},{"style":551},[5331],{"type":34,"value":554},{"type":28,"tag":186,"props":5333,"children":5334},{"style":557},[5335],{"type":34,"value":560},{"type":28,"tag":186,"props":5337,"children":5338},{"style":193},[5339],{"type":34,"value":565},{"type":28,"tag":186,"props":5341,"children":5342},{"class":188,"line":1422},[5343,5347,5351],{"type":28,"tag":186,"props":5344,"children":5345},{"style":193},[5346],{"type":34,"value":399},{"type":28,"tag":186,"props":5348,"children":5349},{"style":199},[5350],{"type":34,"value":429},{"type":28,"tag":186,"props":5352,"children":5353},{"style":193},[5354],{"type":34,"value":206},{"type":28,"tag":633,"props":5356,"children":5357},{},[5358],{"type":28,"tag":176,"props":5359,"children":5361},{"className":638,"code":5360,"language":640,"meta":7,"style":7},"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",[5362],{"type":28,"tag":68,"props":5363,"children":5364},{"__ignoreMap":7},[5365,5404,5411,5435,5446,5453,5496,5547,5562,5581,5632,5647,5654,5661],{"type":28,"tag":186,"props":5366,"children":5367},{"class":188,"line":189},[5368,5372,5376,5380,5384,5388,5392,5396,5400],{"type":28,"tag":186,"props":5369,"children":5370},{"style":459},[5371],{"type":34,"value":462},{"type":28,"tag":186,"props":5373,"children":5374},{"style":193},[5375],{"type":34,"value":467},{"type":28,"tag":186,"props":5377,"children":5378},{"style":199},[5379],{"type":34,"value":73},{"type":28,"tag":186,"props":5381,"children":5382},{"style":193},[5383],{"type":34,"value":1392},{"type":28,"tag":186,"props":5385,"children":5386},{"style":199},[5387],{"type":34,"value":966},{"type":28,"tag":186,"props":5389,"children":5390},{"style":193},[5391],{"type":34,"value":477},{"type":28,"tag":186,"props":5393,"children":5394},{"style":459},[5395],{"type":34,"value":482},{"type":28,"tag":186,"props":5397,"children":5398},{"style":233},[5399],{"type":34,"value":672},{"type":28,"tag":186,"props":5401,"children":5402},{"style":193},[5403],{"type":34,"value":492},{"type":28,"tag":186,"props":5405,"children":5406},{"class":188,"line":209},[5407],{"type":28,"tag":186,"props":5408,"children":5409},{"emptyLinePlaceholder":9},[5410],{"type":34,"value":416},{"type":28,"tag":186,"props":5412,"children":5413},{"class":188,"line":280},[5414,5418,5422,5426,5431],{"type":28,"tag":186,"props":5415,"children":5416},{"style":459},[5417],{"type":34,"value":691},{"type":28,"tag":186,"props":5419,"children":5420},{"style":459},[5421],{"type":34,"value":696},{"type":28,"tag":186,"props":5423,"children":5424},{"style":459},[5425],{"type":34,"value":701},{"type":28,"tag":186,"props":5427,"children":5428},{"style":557},[5429],{"type":34,"value":5430}," SquareChips",{"type":28,"tag":186,"props":5432,"children":5433},{"style":193},[5434],{"type":34,"value":711},{"type":28,"tag":186,"props":5436,"children":5437},{"class":188,"line":343},[5438,5442],{"type":28,"tag":186,"props":5439,"children":5440},{"style":459},[5441],{"type":34,"value":719},{"type":28,"tag":186,"props":5443,"children":5444},{"style":193},[5445],{"type":34,"value":724},{"type":28,"tag":186,"props":5447,"children":5448},{"class":188,"line":393},[5449],{"type":28,"tag":186,"props":5450,"children":5451},{"style":193},[5452],{"type":34,"value":1584},{"type":28,"tag":186,"props":5454,"children":5455},{"class":188,"line":410},[5456,5460,5464,5468,5472,5476,5480,5484,5488,5492],{"type":28,"tag":186,"props":5457,"children":5458},{"style":193},[5459],{"type":34,"value":749},{"type":28,"tag":186,"props":5461,"children":5462},{"style":545},[5463],{"type":34,"value":73},{"type":28,"tag":186,"props":5465,"children":5466},{"style":756},[5467],{"type":34,"value":225},{"type":28,"tag":186,"props":5469,"children":5470},{"style":551},[5471],{"type":34,"value":230},{"type":28,"tag":186,"props":5473,"children":5474},{"style":233},[5475],{"type":34,"value":236},{"type":28,"tag":186,"props":5477,"children":5478},{"style":756},[5479],{"type":34,"value":771},{"type":28,"tag":186,"props":5481,"children":5482},{"style":551},[5483],{"type":34,"value":230},{"type":28,"tag":186,"props":5485,"children":5486},{"style":233},[5487],{"type":34,"value":250},{"type":28,"tag":186,"props":5489,"children":5490},{"style":756},[5491],{"type":34,"value":4954},{"type":28,"tag":186,"props":5493,"children":5494},{"style":193},[5495],{"type":34,"value":206},{"type":28,"tag":186,"props":5497,"children":5498},{"class":188,"line":419},[5499,5503,5507,5511,5515,5519,5523,5527,5531,5535,5539,5543],{"type":28,"tag":186,"props":5500,"children":5501},{"style":193},[5502],{"type":34,"value":1957},{"type":28,"tag":186,"props":5504,"children":5505},{"style":545},[5506],{"type":34,"value":966},{"type":28,"tag":186,"props":5508,"children":5509},{"style":756},[5510],{"type":34,"value":771},{"type":28,"tag":186,"props":5512,"children":5513},{"style":551},[5514],{"type":34,"value":230},{"type":28,"tag":186,"props":5516,"children":5517},{"style":233},[5518],{"type":34,"value":1124},{"type":28,"tag":186,"props":5520,"children":5521},{"style":756},[5522],{"type":34,"value":225},{"type":28,"tag":186,"props":5524,"children":5525},{"style":551},[5526],{"type":34,"value":230},{"type":28,"tag":186,"props":5528,"children":5529},{"style":233},[5530],{"type":34,"value":236},{"type":28,"tag":186,"props":5532,"children":5533},{"style":756},[5534],{"type":34,"value":5022},{"type":28,"tag":186,"props":5536,"children":5537},{"style":551},[5538],{"type":34,"value":230},{"type":28,"tag":186,"props":5540,"children":5541},{"style":233},[5542],{"type":34,"value":5031},{"type":28,"tag":186,"props":5544,"children":5545},{"style":193},[5546],{"type":34,"value":3416},{"type":28,"tag":186,"props":5548,"children":5549},{"class":188,"line":455},[5550,5554,5558],{"type":28,"tag":186,"props":5551,"children":5552},{"style":193},[5553],{"type":34,"value":799},{"type":28,"tag":186,"props":5555,"children":5556},{"style":545},[5557],{"type":34,"value":73},{"type":28,"tag":186,"props":5559,"children":5560},{"style":193},[5561],{"type":34,"value":206},{"type":28,"tag":186,"props":5563,"children":5564},{"class":188,"line":495},[5565,5569,5573,5577],{"type":28,"tag":186,"props":5566,"children":5567},{"style":193},[5568],{"type":34,"value":749},{"type":28,"tag":186,"props":5570,"children":5571},{"style":545},[5572],{"type":34,"value":73},{"type":28,"tag":186,"props":5574,"children":5575},{"style":756},[5576],{"type":34,"value":4954},{"type":28,"tag":186,"props":5578,"children":5579},{"style":193},[5580],{"type":34,"value":206},{"type":28,"tag":186,"props":5582,"children":5583},{"class":188,"line":528},[5584,5588,5592,5596,5600,5604,5608,5612,5616,5620,5624,5628],{"type":28,"tag":186,"props":5585,"children":5586},{"style":193},[5587],{"type":34,"value":1957},{"type":28,"tag":186,"props":5589,"children":5590},{"style":545},[5591],{"type":34,"value":966},{"type":28,"tag":186,"props":5593,"children":5594},{"style":756},[5595],{"type":34,"value":771},{"type":28,"tag":186,"props":5597,"children":5598},{"style":551},[5599],{"type":34,"value":230},{"type":28,"tag":186,"props":5601,"children":5602},{"style":233},[5603],{"type":34,"value":5105},{"type":28,"tag":186,"props":5605,"children":5606},{"style":756},[5607],{"type":34,"value":225},{"type":28,"tag":186,"props":5609,"children":5610},{"style":551},[5611],{"type":34,"value":230},{"type":28,"tag":186,"props":5613,"children":5614},{"style":233},[5615],{"type":34,"value":302},{"type":28,"tag":186,"props":5617,"children":5618},{"style":756},[5619],{"type":34,"value":5022},{"type":28,"tag":186,"props":5621,"children":5622},{"style":551},[5623],{"type":34,"value":230},{"type":28,"tag":186,"props":5625,"children":5626},{"style":233},[5627],{"type":34,"value":5144},{"type":28,"tag":186,"props":5629,"children":5630},{"style":193},[5631],{"type":34,"value":3416},{"type":28,"tag":186,"props":5633,"children":5634},{"class":188,"line":536},[5635,5639,5643],{"type":28,"tag":186,"props":5636,"children":5637},{"style":193},[5638],{"type":34,"value":799},{"type":28,"tag":186,"props":5640,"children":5641},{"style":545},[5642],{"type":34,"value":73},{"type":28,"tag":186,"props":5644,"children":5645},{"style":193},[5646],{"type":34,"value":206},{"type":28,"tag":186,"props":5648,"children":5649},{"class":188,"line":568},[5650],{"type":28,"tag":186,"props":5651,"children":5652},{"style":193},[5653],{"type":34,"value":1786},{"type":28,"tag":186,"props":5655,"children":5656},{"class":188,"line":593},[5657],{"type":28,"tag":186,"props":5658,"children":5659},{"style":193},[5660],{"type":34,"value":917},{"type":28,"tag":186,"props":5662,"children":5663},{"class":188,"line":618},[5664],{"type":28,"tag":186,"props":5665,"children":5666},{"style":193},[5667],{"type":34,"value":926},{"type":28,"tag":112,"props":5669,"children":5671},{"id":5670},"accessibility-notes",[5672],{"type":34,"value":5673},"Accessibility notes",{"type":28,"tag":44,"props":5675,"children":5676},{},[5677,5679,5684,5686,5692],{"type":34,"value":5678},"When using ",{"type":28,"tag":68,"props":5680,"children":5682},{"className":5681},[],[5683],{"type":34,"value":73},{"type":34,"value":5685}," without any text label\u002Fdescription inside, you should specify an ",{"type":28,"tag":68,"props":5687,"children":5689},{"className":5688},[],[5690],{"type":34,"value":5691},"aria-label",{"type":34,"value":5693}," on the component so that it can be understood by people using screen readers.",{"type":28,"tag":112,"props":5695,"children":5697},{"id":5696},"playground",[5698],{"type":34,"value":5699},"Playground",{"type":28,"tag":5701,"props":5702,"children":5704},"generate",{"style":5703},"height: 380px",[],{"type":28,"tag":40,"props":5706,"children":5707},{"v-slot:tab-2":7},[5708,5714,5920],{"type":28,"tag":112,"props":5709,"children":5711},{"id":5710},"props",[5712],{"type":34,"value":5713},"Props",{"type":28,"tag":633,"props":5715,"children":5716},{},[5717],{"type":28,"tag":5718,"props":5719,"children":5720},"table",{},[5721,5750],{"type":28,"tag":5722,"props":5723,"children":5724},"thead",{},[5725],{"type":28,"tag":5726,"props":5727,"children":5728},"tr",{},[5729,5735,5740,5745],{"type":28,"tag":5730,"props":5731,"children":5732},"th",{},[5733],{"type":34,"value":5734},"Prop name",{"type":28,"tag":5730,"props":5736,"children":5737},{},[5738],{"type":34,"value":5739},"Type",{"type":28,"tag":5730,"props":5741,"children":5742},{},[5743],{"type":34,"value":5744},"Default value",{"type":28,"tag":5730,"props":5746,"children":5747},{},[5748],{"type":34,"value":5749},"Possible values",{"type":28,"tag":5751,"props":5752,"children":5753},"tbody",{},[5754,5796,5828,5860,5893],{"type":28,"tag":5726,"props":5755,"children":5756},{},[5757,5766,5774,5782],{"type":28,"tag":5758,"props":5759,"children":5760},"td",{},[5761],{"type":28,"tag":68,"props":5762,"children":5764},{"className":5763},[],[5765],{"type":34,"value":140},{"type":28,"tag":5758,"props":5767,"children":5768},{},[5769],{"type":28,"tag":68,"props":5770,"children":5772},{"className":5771},[],[5773],{"type":34,"value":4310},{"type":28,"tag":5758,"props":5775,"children":5776},{},[5777],{"type":28,"tag":68,"props":5778,"children":5780},{"className":5779},[],[5781],{"type":34,"value":156},{"type":28,"tag":5758,"props":5783,"children":5784},{},[5785,5790,5791],{"type":28,"tag":68,"props":5786,"children":5788},{"className":5787},[],[5789],{"type":34,"value":148},{"type":34,"value":1392},{"type":28,"tag":68,"props":5792,"children":5794},{"className":5793},[],[5795],{"type":34,"value":156},{"type":28,"tag":5726,"props":5797,"children":5798},{},[5799,5807,5816,5825],{"type":28,"tag":5758,"props":5800,"children":5801},{},[5802],{"type":28,"tag":68,"props":5803,"children":5805},{"className":5804},[],[5806],{"type":34,"value":4895},{"type":28,"tag":5758,"props":5808,"children":5809},{},[5810],{"type":28,"tag":68,"props":5811,"children":5813},{"className":5812},[],[5814],{"type":34,"value":5815},"boolean",{"type":28,"tag":5758,"props":5817,"children":5818},{},[5819],{"type":28,"tag":68,"props":5820,"children":5822},{"className":5821},[],[5823],{"type":34,"value":5824},"false",{"type":28,"tag":5758,"props":5826,"children":5827},{},[],{"type":28,"tag":5726,"props":5829,"children":5830},{},[5831,5839,5848,5851],{"type":28,"tag":5758,"props":5832,"children":5833},{},[5834],{"type":28,"tag":68,"props":5835,"children":5837},{"className":5836},[],[5838],{"type":34,"value":108},{"type":28,"tag":5758,"props":5840,"children":5841},{},[5842],{"type":28,"tag":68,"props":5843,"children":5845},{"className":5844},[],[5846],{"type":34,"value":5847},"InputHTMLAttributes",{"type":28,"tag":5758,"props":5849,"children":5850},{},[],{"type":28,"tag":5758,"props":5852,"children":5853},{},[5854],{"type":28,"tag":68,"props":5855,"children":5857},{"className":5856},[],[5858],{"type":34,"value":5859},"{ disabled: true }",{"type":28,"tag":5726,"props":5861,"children":5862},{},[5863,5872,5881,5890],{"type":28,"tag":5758,"props":5864,"children":5865},{},[5866],{"type":28,"tag":68,"props":5867,"children":5869},{"className":5868},[],[5870],{"type":34,"value":5871},"onSelected",{"type":28,"tag":5758,"props":5873,"children":5874},{},[5875],{"type":28,"tag":68,"props":5876,"children":5878},{"className":5877},[],[5879],{"type":34,"value":5880},"Function",{"type":28,"tag":5758,"props":5882,"children":5883},{},[5884],{"type":28,"tag":68,"props":5885,"children":5887},{"className":5886},[],[5888],{"type":34,"value":5889},"(event?: ChangeEvent\u003CHTMLInputElement>) => void",{"type":28,"tag":5758,"props":5891,"children":5892},{},[],{"type":28,"tag":5726,"props":5894,"children":5895},{},[5896,5905,5914,5917],{"type":28,"tag":5758,"props":5897,"children":5898},{},[5899],{"type":28,"tag":68,"props":5900,"children":5902},{"className":5901},[],[5903],{"type":34,"value":5904},"children",{"type":28,"tag":5758,"props":5906,"children":5907},{},[5908],{"type":28,"tag":68,"props":5909,"children":5911},{"className":5910},[],[5912],{"type":34,"value":5913},"ReactNode",{"type":28,"tag":5758,"props":5915,"children":5916},{},[],{"type":28,"tag":5758,"props":5918,"children":5919},{},[],{"type":28,"tag":172,"props":5921,"children":5922},{},[5923,6083,6089,6128,6134],{"type":28,"tag":5718,"props":5924,"children":5925},{},[5926,5948],{"type":28,"tag":5722,"props":5927,"children":5928},{},[5929],{"type":28,"tag":5726,"props":5930,"children":5931},{},[5932,5936,5940,5944],{"type":28,"tag":5730,"props":5933,"children":5934},{},[5935],{"type":34,"value":5734},{"type":28,"tag":5730,"props":5937,"children":5938},{},[5939],{"type":34,"value":5739},{"type":28,"tag":5730,"props":5941,"children":5942},{},[5943],{"type":34,"value":5744},{"type":28,"tag":5730,"props":5945,"children":5946},{},[5947],{"type":34,"value":5749},{"type":28,"tag":5751,"props":5949,"children":5950},{},[5951,5992,6022,6052],{"type":28,"tag":5726,"props":5952,"children":5953},{},[5954,5962,5970,5978],{"type":28,"tag":5758,"props":5955,"children":5956},{},[5957],{"type":28,"tag":68,"props":5958,"children":5960},{"className":5959},[],[5961],{"type":34,"value":140},{"type":28,"tag":5758,"props":5963,"children":5964},{},[5965],{"type":28,"tag":68,"props":5966,"children":5968},{"className":5967},[],[5969],{"type":34,"value":4310},{"type":28,"tag":5758,"props":5971,"children":5972},{},[5973],{"type":28,"tag":68,"props":5974,"children":5976},{"className":5975},[],[5977],{"type":34,"value":156},{"type":28,"tag":5758,"props":5979,"children":5980},{},[5981,5986,5987],{"type":28,"tag":68,"props":5982,"children":5984},{"className":5983},[],[5985],{"type":34,"value":148},{"type":34,"value":1392},{"type":28,"tag":68,"props":5988,"children":5990},{"className":5989},[],[5991],{"type":34,"value":156},{"type":28,"tag":5726,"props":5993,"children":5994},{},[5995,6003,6011,6019],{"type":28,"tag":5758,"props":5996,"children":5997},{},[5998],{"type":28,"tag":68,"props":5999,"children":6001},{"className":6000},[],[6002],{"type":34,"value":4895},{"type":28,"tag":5758,"props":6004,"children":6005},{},[6006],{"type":28,"tag":68,"props":6007,"children":6009},{"className":6008},[],[6010],{"type":34,"value":5815},{"type":28,"tag":5758,"props":6012,"children":6013},{},[6014],{"type":28,"tag":68,"props":6015,"children":6017},{"className":6016},[],[6018],{"type":34,"value":5824},{"type":28,"tag":5758,"props":6020,"children":6021},{},[],{"type":28,"tag":5726,"props":6023,"children":6024},{},[6025,6033,6041,6044],{"type":28,"tag":5758,"props":6026,"children":6027},{},[6028],{"type":28,"tag":68,"props":6029,"children":6031},{"className":6030},[],[6032],{"type":34,"value":108},{"type":28,"tag":5758,"props":6034,"children":6035},{},[6036],{"type":28,"tag":68,"props":6037,"children":6039},{"className":6038},[],[6040],{"type":34,"value":5847},{"type":28,"tag":5758,"props":6042,"children":6043},{},[],{"type":28,"tag":5758,"props":6045,"children":6046},{},[6047],{"type":28,"tag":68,"props":6048,"children":6050},{"className":6049},[],[6051],{"type":34,"value":5859},{"type":28,"tag":5726,"props":6053,"children":6054},{},[6055,6064,6072,6080],{"type":28,"tag":5758,"props":6056,"children":6057},{},[6058],{"type":28,"tag":68,"props":6059,"children":6061},{"className":6060},[],[6062],{"type":34,"value":6063},"modelValue",{"type":28,"tag":5758,"props":6065,"children":6066},{},[6067],{"type":28,"tag":68,"props":6068,"children":6070},{"className":6069},[],[6071],{"type":34,"value":5815},{"type":28,"tag":5758,"props":6073,"children":6074},{},[6075],{"type":28,"tag":68,"props":6076,"children":6078},{"className":6077},[],[6079],{"type":34,"value":5824},{"type":28,"tag":5758,"props":6081,"children":6082},{},[],{"type":28,"tag":112,"props":6084,"children":6086},{"id":6085},"slots",[6087],{"type":34,"value":6088},"Slots",{"type":28,"tag":5718,"props":6090,"children":6091},{},[6092,6108],{"type":28,"tag":5722,"props":6093,"children":6094},{},[6095],{"type":28,"tag":5726,"props":6096,"children":6097},{},[6098,6103],{"type":28,"tag":5730,"props":6099,"children":6100},{},[6101],{"type":34,"value":6102},"Slot name",{"type":28,"tag":5730,"props":6104,"children":6105},{},[6106],{"type":34,"value":6107},"Description",{"type":28,"tag":5751,"props":6109,"children":6110},{},[6111],{"type":28,"tag":5726,"props":6112,"children":6113},{},[6114,6123],{"type":28,"tag":5758,"props":6115,"children":6116},{},[6117],{"type":28,"tag":68,"props":6118,"children":6120},{"className":6119},[],[6121],{"type":34,"value":6122},"default",{"type":28,"tag":5758,"props":6124,"children":6125},{},[6126],{"type":34,"value":6127},"Replaces content inside chip",{"type":28,"tag":112,"props":6129,"children":6131},{"id":6130},"events",[6132],{"type":34,"value":6133},"Events",{"type":28,"tag":5718,"props":6135,"children":6136},{},[6137,6153],{"type":28,"tag":5722,"props":6138,"children":6139},{},[6140],{"type":28,"tag":5726,"props":6141,"children":6142},{},[6143,6148],{"type":28,"tag":5730,"props":6144,"children":6145},{},[6146],{"type":34,"value":6147},"Event name",{"type":28,"tag":5730,"props":6149,"children":6150},{},[6151],{"type":34,"value":6152},"Trigger",{"type":28,"tag":5751,"props":6154,"children":6155},{},[6156],{"type":28,"tag":5726,"props":6157,"children":6158},{},[6159,6168],{"type":28,"tag":5758,"props":6160,"children":6161},{},[6162],{"type":28,"tag":68,"props":6163,"children":6165},{"className":6164},[],[6166],{"type":34,"value":6167},"update:modelValue",{"type":28,"tag":5758,"props":6169,"children":6170},{},[6171],{"type":34,"value":6172},"triggers v-model update event",{"type":28,"tag":40,"props":6174,"children":6175},{"v-slot:tab-3":7},[6176,6181,8141],{"type":28,"tag":6177,"props":6178,"children":6180},"partial",{"content":6179},"block-callout",[],{"type":28,"tag":172,"props":6182,"children":6183},{},[6184],{"type":28,"tag":176,"props":6185,"children":6187},{"className":178,"code":6186,"language":180,"meta":7,"style":7},"\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",[6188],{"type":28,"tag":68,"props":6189,"children":6190},{"__ignoreMap":7},[6191,6218,6238,6270,6299,6306,6321,6352,6429,6487,6494,6519,6532,6588,6617,6625,6637,6707,6726,6733,6745,6781,6801,6808,6820,6839,6858,6865,6873,6885,6905,6912,6945,6952,7008,7034,7095,7104,7130,7156,7164,7190,7225,7276,7284,7292,7326,7356,7384,7406,7429,7528,7540,7670,7679,7687,7703,7711,7727,7740,7758,7776,7793,7811,7829,7838,7851,7868,7885,7894,7903,7912,7921,7930,7939,7948,7966,7983,7992,8043,8063,8109,8125],{"type":28,"tag":186,"props":6192,"children":6193},{"class":188,"line":189},[6194,6198,6202,6206,6210,6214],{"type":28,"tag":186,"props":6195,"children":6196},{"style":193},[6197],{"type":34,"value":196},{"type":28,"tag":186,"props":6199,"children":6200},{"style":199},[6201],{"type":34,"value":429},{"type":28,"tag":186,"props":6203,"children":6204},{"style":222},[6205],{"type":34,"value":434},{"type":28,"tag":186,"props":6207,"children":6208},{"style":193},[6209],{"type":34,"value":230},{"type":28,"tag":186,"props":6211,"children":6212},{"style":233},[6213],{"type":34,"value":443},{"type":28,"tag":186,"props":6215,"children":6216},{"style":193},[6217],{"type":34,"value":206},{"type":28,"tag":186,"props":6219,"children":6220},{"class":188,"line":209},[6221,6225,6230,6234],{"type":28,"tag":186,"props":6222,"children":6223},{"style":459},[6224],{"type":34,"value":542},{"type":28,"tag":186,"props":6226,"children":6227},{"style":545},[6228],{"type":34,"value":6229}," sizeClasses",{"type":28,"tag":186,"props":6231,"children":6232},{"style":551},[6233],{"type":34,"value":554},{"type":28,"tag":186,"props":6235,"children":6236},{"style":193},[6237],{"type":34,"value":3882},{"type":28,"tag":186,"props":6239,"children":6240},{"class":188,"line":280},[6241,6246,6251,6256,6261,6266],{"type":28,"tag":186,"props":6242,"children":6243},{"style":193},[6244],{"type":34,"value":6245}," [",{"type":28,"tag":186,"props":6247,"children":6248},{"style":545},[6249],{"type":34,"value":6250},"SfChipSize",{"type":28,"tag":186,"props":6252,"children":6253},{"style":199},[6254],{"type":34,"value":6255},".sm",{"type":28,"tag":186,"props":6257,"children":6258},{"style":193},[6259],{"type":34,"value":6260},"]: ",{"type":28,"tag":186,"props":6262,"children":6263},{"style":233},[6264],{"type":34,"value":6265},"'text-sm py-1.5 gap-1.5'",{"type":28,"tag":186,"props":6267,"children":6268},{"style":193},[6269],{"type":34,"value":2931},{"type":28,"tag":186,"props":6271,"children":6272},{"class":188,"line":343},[6273,6277,6281,6286,6290,6295],{"type":28,"tag":186,"props":6274,"children":6275},{"style":193},[6276],{"type":34,"value":6245},{"type":28,"tag":186,"props":6278,"children":6279},{"style":545},[6280],{"type":34,"value":6250},{"type":28,"tag":186,"props":6282,"children":6283},{"style":199},[6284],{"type":34,"value":6285},".base",{"type":28,"tag":186,"props":6287,"children":6288},{"style":193},[6289],{"type":34,"value":6260},{"type":28,"tag":186,"props":6291,"children":6292},{"style":233},[6293],{"type":34,"value":6294},"'text-base py-2 gap-2'",{"type":28,"tag":186,"props":6296,"children":6297},{"style":193},[6298],{"type":34,"value":2931},{"type":28,"tag":186,"props":6300,"children":6301},{"class":188,"line":393},[6302],{"type":28,"tag":186,"props":6303,"children":6304},{"style":193},[6305],{"type":34,"value":3937},{"type":28,"tag":186,"props":6307,"children":6308},{"class":188,"line":410},[6309,6313,6317],{"type":28,"tag":186,"props":6310,"children":6311},{"style":193},[6312],{"type":34,"value":399},{"type":28,"tag":186,"props":6314,"children":6315},{"style":199},[6316],{"type":34,"value":429},{"type":28,"tag":186,"props":6318,"children":6319},{"style":193},[6320],{"type":34,"value":206},{"type":28,"tag":186,"props":6322,"children":6323},{"class":188,"line":419},[6324,6328,6332,6336,6340,6344,6348],{"type":28,"tag":186,"props":6325,"children":6326},{"style":193},[6327],{"type":34,"value":196},{"type":28,"tag":186,"props":6329,"children":6330},{"style":199},[6331],{"type":34,"value":429},{"type":28,"tag":186,"props":6333,"children":6334},{"style":222},[6335],{"type":34,"value":434},{"type":28,"tag":186,"props":6337,"children":6338},{"style":193},[6339],{"type":34,"value":230},{"type":28,"tag":186,"props":6341,"children":6342},{"style":233},[6343],{"type":34,"value":443},{"type":28,"tag":186,"props":6345,"children":6346},{"style":222},[6347],{"type":34,"value":448},{"type":28,"tag":186,"props":6349,"children":6350},{"style":193},[6351],{"type":34,"value":206},{"type":28,"tag":186,"props":6353,"children":6354},{"class":188,"line":455},[6355,6359,6363,6368,6373,6377,6381,6386,6390,6395,6399,6404,6408,6413,6417,6421,6425],{"type":28,"tag":186,"props":6356,"children":6357},{"style":459},[6358],{"type":34,"value":462},{"type":28,"tag":186,"props":6360,"children":6361},{"style":193},[6362],{"type":34,"value":467},{"type":28,"tag":186,"props":6364,"children":6365},{"style":459},[6366],{"type":34,"value":6367},"type",{"type":28,"tag":186,"props":6369,"children":6370},{"style":199},[6371],{"type":34,"value":6372}," PropType",{"type":28,"tag":186,"props":6374,"children":6375},{"style":193},[6376],{"type":34,"value":1392},{"type":28,"tag":186,"props":6378,"children":6379},{"style":459},[6380],{"type":34,"value":6367},{"type":28,"tag":186,"props":6382,"children":6383},{"style":199},[6384],{"type":34,"value":6385}," InputHTMLAttributes",{"type":28,"tag":186,"props":6387,"children":6388},{"style":193},[6389],{"type":34,"value":1392},{"type":28,"tag":186,"props":6391,"children":6392},{"style":199},[6393],{"type":34,"value":6394},"useId",{"type":28,"tag":186,"props":6396,"children":6397},{"style":193},[6398],{"type":34,"value":1392},{"type":28,"tag":186,"props":6400,"children":6401},{"style":199},[6402],{"type":34,"value":6403},"toRefs",{"type":28,"tag":186,"props":6405,"children":6406},{"style":193},[6407],{"type":34,"value":1392},{"type":28,"tag":186,"props":6409,"children":6410},{"style":199},[6411],{"type":34,"value":6412},"computed",{"type":28,"tag":186,"props":6414,"children":6415},{"style":193},[6416],{"type":34,"value":477},{"type":28,"tag":186,"props":6418,"children":6419},{"style":459},[6420],{"type":34,"value":482},{"type":28,"tag":186,"props":6422,"children":6423},{"style":233},[6424],{"type":34,"value":487},{"type":28,"tag":186,"props":6426,"children":6427},{"style":193},[6428],{"type":34,"value":492},{"type":28,"tag":186,"props":6430,"children":6431},{"class":188,"line":495},[6432,6436,6440,6444,6448,6453,6457,6462,6466,6471,6475,6479,6483],{"type":28,"tag":186,"props":6433,"children":6434},{"style":459},[6435],{"type":34,"value":462},{"type":28,"tag":186,"props":6437,"children":6438},{"style":193},[6439],{"type":34,"value":467},{"type":28,"tag":186,"props":6441,"children":6442},{"style":199},[6443],{"type":34,"value":6250},{"type":28,"tag":186,"props":6445,"children":6446},{"style":193},[6447],{"type":34,"value":1392},{"type":28,"tag":186,"props":6449,"children":6450},{"style":199},[6451],{"type":34,"value":6452},"useSlotsRef",{"type":28,"tag":186,"props":6454,"children":6455},{"style":193},[6456],{"type":34,"value":1392},{"type":28,"tag":186,"props":6458,"children":6459},{"style":199},[6460],{"type":34,"value":6461},"twMerge",{"type":28,"tag":186,"props":6463,"children":6464},{"style":193},[6465],{"type":34,"value":1392},{"type":28,"tag":186,"props":6467,"children":6468},{"style":199},[6469],{"type":34,"value":6470},"useTwMergeRoot",{"type":28,"tag":186,"props":6472,"children":6473},{"style":193},[6474],{"type":34,"value":477},{"type":28,"tag":186,"props":6476,"children":6477},{"style":459},[6478],{"type":34,"value":482},{"type":28,"tag":186,"props":6480,"children":6481},{"style":233},[6482],{"type":34,"value":521},{"type":28,"tag":186,"props":6484,"children":6485},{"style":193},[6486],{"type":34,"value":492},{"type":28,"tag":186,"props":6488,"children":6489},{"class":188,"line":528},[6490],{"type":28,"tag":186,"props":6491,"children":6492},{"emptyLinePlaceholder":9},[6493],{"type":34,"value":416},{"type":28,"tag":186,"props":6495,"children":6496},{"class":188,"line":536},[6497,6501,6506,6510,6515],{"type":28,"tag":186,"props":6498,"children":6499},{"style":459},[6500],{"type":34,"value":542},{"type":28,"tag":186,"props":6502,"children":6503},{"style":545},[6504],{"type":34,"value":6505}," props",{"type":28,"tag":186,"props":6507,"children":6508},{"style":551},[6509],{"type":34,"value":554},{"type":28,"tag":186,"props":6511,"children":6512},{"style":557},[6513],{"type":34,"value":6514}," defineProps",{"type":28,"tag":186,"props":6516,"children":6517},{"style":193},[6518],{"type":34,"value":2900},{"type":28,"tag":186,"props":6520,"children":6521},{"class":188,"line":568},[6522,6527],{"type":28,"tag":186,"props":6523,"children":6524},{"style":199},[6525],{"type":34,"value":6526}," size",{"type":28,"tag":186,"props":6528,"children":6529},{"style":193},[6530],{"type":34,"value":6531},": {\n",{"type":28,"tag":186,"props":6533,"children":6534},{"class":188,"line":593},[6535,6540,6544,6549,6554,6558,6562,6567,6571,6575,6579,6583],{"type":28,"tag":186,"props":6536,"children":6537},{"style":199},[6538],{"type":34,"value":6539}," type",{"type":28,"tag":186,"props":6541,"children":6542},{"style":193},[6543],{"type":34,"value":2292},{"type":28,"tag":186,"props":6545,"children":6546},{"style":199},[6547],{"type":34,"value":6548},"String",{"type":28,"tag":186,"props":6550,"children":6551},{"style":459},[6552],{"type":34,"value":6553}," as",{"type":28,"tag":186,"props":6555,"children":6556},{"style":545},[6557],{"type":34,"value":6372},{"type":28,"tag":186,"props":6559,"children":6560},{"style":193},[6561],{"type":34,"value":196},{"type":28,"tag":186,"props":6563,"children":6564},{"style":233},[6565],{"type":34,"value":6566},"`",{"type":28,"tag":186,"props":6568,"children":6569},{"style":459},[6570],{"type":34,"value":4703},{"type":28,"tag":186,"props":6572,"children":6573},{"style":545},[6574],{"type":34,"value":6250},{"type":28,"tag":186,"props":6576,"children":6577},{"style":459},[6578],{"type":34,"value":1675},{"type":28,"tag":186,"props":6580,"children":6581},{"style":233},[6582],{"type":34,"value":6566},{"type":28,"tag":186,"props":6584,"children":6585},{"style":193},[6586],{"type":34,"value":6587},">,\n",{"type":28,"tag":186,"props":6589,"children":6590},{"class":188,"line":618},[6591,6596,6600,6604,6608,6613],{"type":28,"tag":186,"props":6592,"children":6593},{"style":199},[6594],{"type":34,"value":6595}," default",{"type":28,"tag":186,"props":6597,"children":6598},{"style":193},[6599],{"type":34,"value":2292},{"type":28,"tag":186,"props":6601,"children":6602},{"style":545},[6603],{"type":34,"value":6250},{"type":28,"tag":186,"props":6605,"children":6606},{"style":193},[6607],{"type":34,"value":165},{"type":28,"tag":186,"props":6609,"children":6610},{"style":199},[6611],{"type":34,"value":6612},"base",{"type":28,"tag":186,"props":6614,"children":6615},{"style":193},[6616],{"type":34,"value":2931},{"type":28,"tag":186,"props":6618,"children":6619},{"class":188,"line":920},[6620],{"type":28,"tag":186,"props":6621,"children":6622},{"style":193},[6623],{"type":34,"value":6624}," },\n",{"type":28,"tag":186,"props":6626,"children":6627},{"class":188,"line":1422},[6628,6633],{"type":28,"tag":186,"props":6629,"children":6630},{"style":199},[6631],{"type":34,"value":6632}," modelValue",{"type":28,"tag":186,"props":6634,"children":6635},{"style":193},[6636],{"type":34,"value":6531},{"type":28,"tag":186,"props":6638,"children":6639},{"class":188,"line":1447},[6640,6644,6649,6653,6657,6662,6666,6671,6675,6680,6684,6688,6692,6697,6702],{"type":28,"tag":186,"props":6641,"children":6642},{"style":199},[6643],{"type":34,"value":6539},{"type":28,"tag":186,"props":6645,"children":6646},{"style":193},[6647],{"type":34,"value":6648},": [",{"type":28,"tag":186,"props":6650,"children":6651},{"style":199},[6652],{"type":34,"value":6548},{"type":28,"tag":186,"props":6654,"children":6655},{"style":193},[6656],{"type":34,"value":1392},{"type":28,"tag":186,"props":6658,"children":6659},{"style":199},[6660],{"type":34,"value":6661},"Array",{"type":28,"tag":186,"props":6663,"children":6664},{"style":193},[6665],{"type":34,"value":1392},{"type":28,"tag":186,"props":6667,"children":6668},{"style":199},[6669],{"type":34,"value":6670},"Boolean",{"type":28,"tag":186,"props":6672,"children":6673},{"style":193},[6674],{"type":34,"value":4255},{"type":28,"tag":186,"props":6676,"children":6677},{"style":459},[6678],{"type":34,"value":6679},"as",{"type":28,"tag":186,"props":6681,"children":6682},{"style":545},[6683],{"type":34,"value":6372},{"type":28,"tag":186,"props":6685,"children":6686},{"style":193},[6687],{"type":34,"value":196},{"type":28,"tag":186,"props":6689,"children":6690},{"style":545},[6691],{"type":34,"value":5847},{"type":28,"tag":186,"props":6693,"children":6694},{"style":193},[6695],{"type":34,"value":6696},"[",{"type":28,"tag":186,"props":6698,"children":6699},{"style":233},[6700],{"type":34,"value":6701},"'checked'",{"type":28,"tag":186,"props":6703,"children":6704},{"style":193},[6705],{"type":34,"value":6706},"]>,\n",{"type":28,"tag":186,"props":6708,"children":6709},{"class":188,"line":1472},[6710,6714,6718,6722],{"type":28,"tag":186,"props":6711,"children":6712},{"style":199},[6713],{"type":34,"value":6595},{"type":28,"tag":186,"props":6715,"children":6716},{"style":193},[6717],{"type":34,"value":2292},{"type":28,"tag":186,"props":6719,"children":6720},{"style":222},[6721],{"type":34,"value":5824},{"type":28,"tag":186,"props":6723,"children":6724},{"style":193},[6725],{"type":34,"value":2931},{"type":28,"tag":186,"props":6727,"children":6728},{"class":188,"line":2130},[6729],{"type":28,"tag":186,"props":6730,"children":6731},{"style":193},[6732],{"type":34,"value":6624},{"type":28,"tag":186,"props":6734,"children":6735},{"class":188,"line":2138},[6736,6741],{"type":28,"tag":186,"props":6737,"children":6738},{"style":199},[6739],{"type":34,"value":6740}," inputProps",{"type":28,"tag":186,"props":6742,"children":6743},{"style":193},[6744],{"type":34,"value":6531},{"type":28,"tag":186,"props":6746,"children":6747},{"class":188,"line":2170},[6748,6752,6756,6761,6765,6769,6773,6777],{"type":28,"tag":186,"props":6749,"children":6750},{"style":199},[6751],{"type":34,"value":6539},{"type":28,"tag":186,"props":6753,"children":6754},{"style":193},[6755],{"type":34,"value":2292},{"type":28,"tag":186,"props":6757,"children":6758},{"style":199},[6759],{"type":34,"value":6760},"Object",{"type":28,"tag":186,"props":6762,"children":6763},{"style":459},[6764],{"type":34,"value":6553},{"type":28,"tag":186,"props":6766,"children":6767},{"style":545},[6768],{"type":34,"value":6372},{"type":28,"tag":186,"props":6770,"children":6771},{"style":193},[6772],{"type":34,"value":196},{"type":28,"tag":186,"props":6774,"children":6775},{"style":545},[6776],{"type":34,"value":5847},{"type":28,"tag":186,"props":6778,"children":6779},{"style":193},[6780],{"type":34,"value":6587},{"type":28,"tag":186,"props":6782,"children":6783},{"class":188,"line":2202},[6784,6788,6792,6797],{"type":28,"tag":186,"props":6785,"children":6786},{"style":199},[6787],{"type":34,"value":6595},{"type":28,"tag":186,"props":6789,"children":6790},{"style":193},[6791],{"type":34,"value":2292},{"type":28,"tag":186,"props":6793,"children":6794},{"style":222},[6795],{"type":34,"value":6796},"null",{"type":28,"tag":186,"props":6798,"children":6799},{"style":193},[6800],{"type":34,"value":2931},{"type":28,"tag":186,"props":6802,"children":6803},{"class":188,"line":2242},[6804],{"type":28,"tag":186,"props":6805,"children":6806},{"style":193},[6807],{"type":34,"value":6624},{"type":28,"tag":186,"props":6809,"children":6810},{"class":188,"line":2250},[6811,6816],{"type":28,"tag":186,"props":6812,"children":6813},{"style":199},[6814],{"type":34,"value":6815}," square",{"type":28,"tag":186,"props":6817,"children":6818},{"style":193},[6819],{"type":34,"value":6531},{"type":28,"tag":186,"props":6821,"children":6822},{"class":188,"line":2276},[6823,6827,6831,6835],{"type":28,"tag":186,"props":6824,"children":6825},{"style":199},[6826],{"type":34,"value":6539},{"type":28,"tag":186,"props":6828,"children":6829},{"style":193},[6830],{"type":34,"value":2292},{"type":28,"tag":186,"props":6832,"children":6833},{"style":199},[6834],{"type":34,"value":6670},{"type":28,"tag":186,"props":6836,"children":6837},{"style":193},[6838],{"type":34,"value":2931},{"type":28,"tag":186,"props":6840,"children":6841},{"class":188,"line":2323},[6842,6846,6850,6854],{"type":28,"tag":186,"props":6843,"children":6844},{"style":199},[6845],{"type":34,"value":6595},{"type":28,"tag":186,"props":6847,"children":6848},{"style":193},[6849],{"type":34,"value":2292},{"type":28,"tag":186,"props":6851,"children":6852},{"style":222},[6853],{"type":34,"value":5824},{"type":28,"tag":186,"props":6855,"children":6856},{"style":193},[6857],{"type":34,"value":2931},{"type":28,"tag":186,"props":6859,"children":6860},{"class":188,"line":2365},[6861],{"type":28,"tag":186,"props":6862,"children":6863},{"style":193},[6864],{"type":34,"value":6624},{"type":28,"tag":186,"props":6866,"children":6867},{"class":188,"line":2407},[6868],{"type":28,"tag":186,"props":6869,"children":6870},{"style":193},[6871],{"type":34,"value":6872},"});\n",{"type":28,"tag":186,"props":6874,"children":6875},{"class":188,"line":2416},[6876,6881],{"type":28,"tag":186,"props":6877,"children":6878},{"style":557},[6879],{"type":34,"value":6880},"defineOptions",{"type":28,"tag":186,"props":6882,"children":6883},{"style":193},[6884],{"type":34,"value":2900},{"type":28,"tag":186,"props":6886,"children":6887},{"class":188,"line":3075},[6888,6893,6897,6901],{"type":28,"tag":186,"props":6889,"children":6890},{"style":199},[6891],{"type":34,"value":6892}," inheritAttrs",{"type":28,"tag":186,"props":6894,"children":6895},{"style":193},[6896],{"type":34,"value":2292},{"type":28,"tag":186,"props":6898,"children":6899},{"style":222},[6900],{"type":34,"value":5824},{"type":28,"tag":186,"props":6902,"children":6903},{"style":193},[6904],{"type":34,"value":2931},{"type":28,"tag":186,"props":6906,"children":6907},{"class":188,"line":3088},[6908],{"type":28,"tag":186,"props":6909,"children":6910},{"style":193},[6911],{"type":34,"value":6872},{"type":28,"tag":186,"props":6913,"children":6914},{"class":188,"line":3104},[6915,6919,6923,6928,6932,6936,6941],{"type":28,"tag":186,"props":6916,"children":6917},{"style":459},[6918],{"type":34,"value":542},{"type":28,"tag":186,"props":6920,"children":6921},{"style":193},[6922],{"type":34,"value":467},{"type":28,"tag":186,"props":6924,"children":6925},{"style":545},[6926],{"type":34,"value":6927},"attrsWithoutClass",{"type":28,"tag":186,"props":6929,"children":6930},{"style":193},[6931],{"type":34,"value":477},{"type":28,"tag":186,"props":6933,"children":6934},{"style":551},[6935],{"type":34,"value":230},{"type":28,"tag":186,"props":6937,"children":6938},{"style":557},[6939],{"type":34,"value":6940}," useTwMergeRoot",{"type":28,"tag":186,"props":6942,"children":6943},{"style":193},[6944],{"type":34,"value":565},{"type":28,"tag":186,"props":6946,"children":6947},{"class":188,"line":3112},[6948],{"type":28,"tag":186,"props":6949,"children":6950},{"emptyLinePlaceholder":9},[6951],{"type":34,"value":416},{"type":28,"tag":186,"props":6953,"children":6954},{"class":188,"line":4844},[6955,6959,6963,6967,6971,6975,6979,6983,6987,6991,6996,7000,7004],{"type":28,"tag":186,"props":6956,"children":6957},{"style":459},[6958],{"type":34,"value":542},{"type":28,"tag":186,"props":6960,"children":6961},{"style":193},[6962],{"type":34,"value":467},{"type":28,"tag":186,"props":6964,"children":6965},{"style":545},[6966],{"type":34,"value":140},{"type":28,"tag":186,"props":6968,"children":6969},{"style":193},[6970],{"type":34,"value":1392},{"type":28,"tag":186,"props":6972,"children":6973},{"style":545},[6974],{"type":34,"value":4895},{"type":28,"tag":186,"props":6976,"children":6977},{"style":193},[6978],{"type":34,"value":1392},{"type":28,"tag":186,"props":6980,"children":6981},{"style":545},[6982],{"type":34,"value":6063},{"type":28,"tag":186,"props":6984,"children":6985},{"style":193},[6986],{"type":34,"value":477},{"type":28,"tag":186,"props":6988,"children":6989},{"style":551},[6990],{"type":34,"value":230},{"type":28,"tag":186,"props":6992,"children":6993},{"style":557},[6994],{"type":34,"value":6995}," toRefs",{"type":28,"tag":186,"props":6997,"children":6998},{"style":193},[6999],{"type":34,"value":3912},{"type":28,"tag":186,"props":7001,"children":7002},{"style":199},[7003],{"type":34,"value":5710},{"type":28,"tag":186,"props":7005,"children":7006},{"style":193},[7007],{"type":34,"value":3834},{"type":28,"tag":186,"props":7009,"children":7010},{"class":188,"line":4860},[7011,7015,7020,7024,7029],{"type":28,"tag":186,"props":7012,"children":7013},{"style":459},[7014],{"type":34,"value":542},{"type":28,"tag":186,"props":7016,"children":7017},{"style":545},[7018],{"type":34,"value":7019}," emit",{"type":28,"tag":186,"props":7021,"children":7022},{"style":551},[7023],{"type":34,"value":554},{"type":28,"tag":186,"props":7025,"children":7026},{"style":557},[7027],{"type":34,"value":7028}," defineEmits",{"type":28,"tag":186,"props":7030,"children":7031},{"style":193},[7032],{"type":34,"value":7033},"\u003C{\n",{"type":28,"tag":186,"props":7035,"children":7036},{"class":188,"line":4868},[7037,7042,7047,7051,7056,7060,7065,7069,7073,7077,7081,7086,7091],{"type":28,"tag":186,"props":7038,"children":7039},{"style":193},[7040],{"type":34,"value":7041}," (",{"type":28,"tag":186,"props":7043,"children":7044},{"style":2756},[7045],{"type":34,"value":7046},"event",{"type":28,"tag":186,"props":7048,"children":7049},{"style":193},[7050],{"type":34,"value":2292},{"type":28,"tag":186,"props":7052,"children":7053},{"style":233},[7054],{"type":34,"value":7055},"'update:modelValue'",{"type":28,"tag":186,"props":7057,"children":7058},{"style":193},[7059],{"type":34,"value":1392},{"type":28,"tag":186,"props":7061,"children":7062},{"style":2756},[7063],{"type":34,"value":7064},"param",{"type":28,"tag":186,"props":7066,"children":7067},{"style":193},[7068],{"type":34,"value":2292},{"type":28,"tag":186,"props":7070,"children":7071},{"style":545},[7072],{"type":34,"value":5847},{"type":28,"tag":186,"props":7074,"children":7075},{"style":193},[7076],{"type":34,"value":6696},{"type":28,"tag":186,"props":7078,"children":7079},{"style":233},[7080],{"type":34,"value":6701},{"type":28,"tag":186,"props":7082,"children":7083},{"style":193},[7084],{"type":34,"value":7085},"]): ",{"type":28,"tag":186,"props":7087,"children":7088},{"style":545},[7089],{"type":34,"value":7090},"void",{"type":28,"tag":186,"props":7092,"children":7093},{"style":193},[7094],{"type":34,"value":492},{"type":28,"tag":186,"props":7096,"children":7098},{"class":188,"line":7097},37,[7099],{"type":28,"tag":186,"props":7100,"children":7101},{"style":193},[7102],{"type":34,"value":7103},"}>();\n",{"type":28,"tag":186,"props":7105,"children":7107},{"class":188,"line":7106},38,[7108,7112,7117,7121,7126],{"type":28,"tag":186,"props":7109,"children":7110},{"style":459},[7111],{"type":34,"value":542},{"type":28,"tag":186,"props":7113,"children":7114},{"style":545},[7115],{"type":34,"value":7116}," slots",{"type":28,"tag":186,"props":7118,"children":7119},{"style":551},[7120],{"type":34,"value":554},{"type":28,"tag":186,"props":7122,"children":7123},{"style":557},[7124],{"type":34,"value":7125}," useSlotsRef",{"type":28,"tag":186,"props":7127,"children":7128},{"style":193},[7129],{"type":34,"value":565},{"type":28,"tag":186,"props":7131,"children":7133},{"class":188,"line":7132},39,[7134,7138,7143,7147,7152],{"type":28,"tag":186,"props":7135,"children":7136},{"style":459},[7137],{"type":34,"value":542},{"type":28,"tag":186,"props":7139,"children":7140},{"style":545},[7141],{"type":34,"value":7142}," inputId",{"type":28,"tag":186,"props":7144,"children":7145},{"style":551},[7146],{"type":34,"value":554},{"type":28,"tag":186,"props":7148,"children":7149},{"style":557},[7150],{"type":34,"value":7151}," useId",{"type":28,"tag":186,"props":7153,"children":7154},{"style":193},[7155],{"type":34,"value":565},{"type":28,"tag":186,"props":7157,"children":7159},{"class":188,"line":7158},40,[7160],{"type":28,"tag":186,"props":7161,"children":7162},{"emptyLinePlaceholder":9},[7163],{"type":34,"value":416},{"type":28,"tag":186,"props":7165,"children":7167},{"class":188,"line":7166},41,[7168,7172,7177,7181,7186],{"type":28,"tag":186,"props":7169,"children":7170},{"style":459},[7171],{"type":34,"value":542},{"type":28,"tag":186,"props":7173,"children":7174},{"style":545},[7175],{"type":34,"value":7176}," onSelected",{"type":28,"tag":186,"props":7178,"children":7179},{"style":551},[7180],{"type":34,"value":554},{"type":28,"tag":186,"props":7182,"children":7183},{"style":557},[7184],{"type":34,"value":7185}," computed",{"type":28,"tag":186,"props":7187,"children":7188},{"style":193},[7189],{"type":34,"value":2900},{"type":28,"tag":186,"props":7191,"children":7193},{"class":188,"line":7192},42,[7194,7199,7203,7207,7212,7217,7221],{"type":28,"tag":186,"props":7195,"children":7196},{"style":557},[7197],{"type":34,"value":7198}," get",{"type":28,"tag":186,"props":7200,"children":7201},{"style":193},[7202],{"type":34,"value":4633},{"type":28,"tag":186,"props":7204,"children":7205},{"style":459},[7206],{"type":34,"value":2776},{"type":28,"tag":186,"props":7208,"children":7209},{"style":545},[7210],{"type":34,"value":7211}," modelValue",{"type":28,"tag":186,"props":7213,"children":7214},{"style":193},[7215],{"type":34,"value":7216},"?.",{"type":28,"tag":186,"props":7218,"children":7219},{"style":199},[7220],{"type":34,"value":2306},{"type":28,"tag":186,"props":7222,"children":7223},{"style":193},[7224],{"type":34,"value":2931},{"type":28,"tag":186,"props":7226,"children":7228},{"class":188,"line":7227},43,[7229,7234,7239,7243,7247,7251,7255,7259,7263,7267,7271],{"type":28,"tag":186,"props":7230,"children":7231},{"style":557},[7232],{"type":34,"value":7233}," set",{"type":28,"tag":186,"props":7235,"children":7236},{"style":193},[7237],{"type":34,"value":7238},": (",{"type":28,"tag":186,"props":7240,"children":7241},{"style":2756},[7242],{"type":34,"value":2306},{"type":28,"tag":186,"props":7244,"children":7245},{"style":193},[7246],{"type":34,"value":3812},{"type":28,"tag":186,"props":7248,"children":7249},{"style":459},[7250],{"type":34,"value":2776},{"type":28,"tag":186,"props":7252,"children":7253},{"style":557},[7254],{"type":34,"value":7019},{"type":28,"tag":186,"props":7256,"children":7257},{"style":193},[7258],{"type":34,"value":3912},{"type":28,"tag":186,"props":7260,"children":7261},{"style":233},[7262],{"type":34,"value":7055},{"type":28,"tag":186,"props":7264,"children":7265},{"style":193},[7266],{"type":34,"value":1392},{"type":28,"tag":186,"props":7268,"children":7269},{"style":199},[7270],{"type":34,"value":2306},{"type":28,"tag":186,"props":7272,"children":7273},{"style":193},[7274],{"type":34,"value":7275},"),\n",{"type":28,"tag":186,"props":7277,"children":7279},{"class":188,"line":7278},44,[7280],{"type":28,"tag":186,"props":7281,"children":7282},{"style":193},[7283],{"type":34,"value":6872},{"type":28,"tag":186,"props":7285,"children":7287},{"class":188,"line":7286},45,[7288],{"type":28,"tag":186,"props":7289,"children":7290},{"emptyLinePlaceholder":9},[7291],{"type":34,"value":416},{"type":28,"tag":186,"props":7293,"children":7295},{"class":188,"line":7294},46,[7296,7300,7305,7309,7313,7318,7322],{"type":28,"tag":186,"props":7297,"children":7298},{"style":459},[7299],{"type":34,"value":542},{"type":28,"tag":186,"props":7301,"children":7302},{"style":545},[7303],{"type":34,"value":7304}," paddingForSize",{"type":28,"tag":186,"props":7306,"children":7307},{"style":551},[7308],{"type":34,"value":554},{"type":28,"tag":186,"props":7310,"children":7311},{"style":557},[7312],{"type":34,"value":7185},{"type":28,"tag":186,"props":7314,"children":7315},{"style":193},[7316],{"type":34,"value":7317},"(() ",{"type":28,"tag":186,"props":7319,"children":7320},{"style":459},[7321],{"type":34,"value":2776},{"type":28,"tag":186,"props":7323,"children":7324},{"style":193},[7325],{"type":34,"value":3882},{"type":28,"tag":186,"props":7327,"children":7329},{"class":188,"line":7328},47,[7330,7335,7339,7343,7347,7351],{"type":28,"tag":186,"props":7331,"children":7332},{"style":459},[7333],{"type":34,"value":7334}," switch",{"type":28,"tag":186,"props":7336,"children":7337},{"style":193},[7338],{"type":34,"value":3855},{"type":28,"tag":186,"props":7340,"children":7341},{"style":545},[7342],{"type":34,"value":140},{"type":28,"tag":186,"props":7344,"children":7345},{"style":193},[7346],{"type":34,"value":165},{"type":28,"tag":186,"props":7348,"children":7349},{"style":199},[7350],{"type":34,"value":2306},{"type":28,"tag":186,"props":7352,"children":7353},{"style":193},[7354],{"type":34,"value":7355},") {\n",{"type":28,"tag":186,"props":7357,"children":7359},{"class":188,"line":7358},48,[7360,7365,7370,7374,7379],{"type":28,"tag":186,"props":7361,"children":7362},{"style":459},[7363],{"type":34,"value":7364}," case",{"type":28,"tag":186,"props":7366,"children":7367},{"style":545},[7368],{"type":34,"value":7369}," SfChipSize",{"type":28,"tag":186,"props":7371,"children":7372},{"style":193},[7373],{"type":34,"value":165},{"type":28,"tag":186,"props":7375,"children":7376},{"style":199},[7377],{"type":34,"value":7378},"sm",{"type":28,"tag":186,"props":7380,"children":7381},{"style":193},[7382],{"type":34,"value":7383},":\n",{"type":28,"tag":186,"props":7385,"children":7387},{"class":188,"line":7386},49,[7388,7393,7397,7401],{"type":28,"tag":186,"props":7389,"children":7390},{"style":459},[7391],{"type":34,"value":7392}," return",{"type":28,"tag":186,"props":7394,"children":7395},{"style":545},[7396],{"type":34,"value":4954},{"type":28,"tag":186,"props":7398,"children":7399},{"style":193},[7400],{"type":34,"value":165},{"type":28,"tag":186,"props":7402,"children":7403},{"style":199},[7404],{"type":34,"value":7405},"value\n",{"type":28,"tag":186,"props":7407,"children":7409},{"class":188,"line":7408},50,[7410,7415,7419,7424],{"type":28,"tag":186,"props":7411,"children":7412},{"style":459},[7413],{"type":34,"value":7414}," ?",{"type":28,"tag":186,"props":7416,"children":7417},{"style":193},[7418],{"type":34,"value":4236},{"type":28,"tag":186,"props":7420,"children":7421},{"style":233},[7422],{"type":34,"value":7423},"'px-1.5'",{"type":28,"tag":186,"props":7425,"children":7426},{"style":193},[7427],{"type":34,"value":7428},"]\n",{"type":28,"tag":186,"props":7430,"children":7432},{"class":188,"line":7431},51,[7433,7438,7442,7446,7450,7454,7458,7462,7467,7472,7477,7482,7486,7490,7494,7498,7502,7506,7510,7515,7519,7524],{"type":28,"tag":186,"props":7434,"children":7435},{"style":459},[7436],{"type":34,"value":7437}," :",{"type":28,"tag":186,"props":7439,"children":7440},{"style":193},[7441],{"type":34,"value":4236},{"type":28,"tag":186,"props":7443,"children":7444},{"style":545},[7445],{"type":34,"value":6085},{"type":28,"tag":186,"props":7447,"children":7448},{"style":193},[7449],{"type":34,"value":165},{"type":28,"tag":186,"props":7451,"children":7452},{"style":545},[7453],{"type":34,"value":2306},{"type":28,"tag":186,"props":7455,"children":7456},{"style":193},[7457],{"type":34,"value":165},{"type":28,"tag":186,"props":7459,"children":7460},{"style":199},[7461],{"type":34,"value":951},{"type":28,"tag":186,"props":7463,"children":7464},{"style":459},[7465],{"type":34,"value":7466}," ?",{"type":28,"tag":186,"props":7468,"children":7469},{"style":233},[7470],{"type":34,"value":7471}," 'pl-1.5'",{"type":28,"tag":186,"props":7473,"children":7474},{"style":459},[7475],{"type":34,"value":7476}," :",{"type":28,"tag":186,"props":7478,"children":7479},{"style":233},[7480],{"type":34,"value":7481}," 'pl-3'",{"type":28,"tag":186,"props":7483,"children":7484},{"style":193},[7485],{"type":34,"value":1392},{"type":28,"tag":186,"props":7487,"children":7488},{"style":545},[7489],{"type":34,"value":6085},{"type":28,"tag":186,"props":7491,"children":7492},{"style":193},[7493],{"type":34,"value":165},{"type":28,"tag":186,"props":7495,"children":7496},{"style":545},[7497],{"type":34,"value":2306},{"type":28,"tag":186,"props":7499,"children":7500},{"style":193},[7501],{"type":34,"value":165},{"type":28,"tag":186,"props":7503,"children":7504},{"style":199},[7505],{"type":34,"value":958},{"type":28,"tag":186,"props":7507,"children":7508},{"style":459},[7509],{"type":34,"value":7466},{"type":28,"tag":186,"props":7511,"children":7512},{"style":233},[7513],{"type":34,"value":7514}," 'pr-1.5'",{"type":28,"tag":186,"props":7516,"children":7517},{"style":459},[7518],{"type":34,"value":7476},{"type":28,"tag":186,"props":7520,"children":7521},{"style":233},[7522],{"type":34,"value":7523}," 'pr-3'",{"type":28,"tag":186,"props":7525,"children":7526},{"style":193},[7527],{"type":34,"value":2656},{"type":28,"tag":186,"props":7529,"children":7531},{"class":188,"line":7530},52,[7532,7536],{"type":28,"tag":186,"props":7533,"children":7534},{"style":459},[7535],{"type":34,"value":6595},{"type":28,"tag":186,"props":7537,"children":7538},{"style":193},[7539],{"type":34,"value":7383},{"type":28,"tag":186,"props":7541,"children":7543},{"class":188,"line":7542},53,[7544,7548,7552,7556,7560,7564,7568,7573,7577,7582,7586,7590,7594,7598,7602,7606,7610,7615,7619,7624,7628,7632,7636,7640,7644,7648,7652,7657,7661,7666],{"type":28,"tag":186,"props":7545,"children":7546},{"style":459},[7547],{"type":34,"value":7392},{"type":28,"tag":186,"props":7549,"children":7550},{"style":545},[7551],{"type":34,"value":4954},{"type":28,"tag":186,"props":7553,"children":7554},{"style":193},[7555],{"type":34,"value":165},{"type":28,"tag":186,"props":7557,"children":7558},{"style":199},[7559],{"type":34,"value":2306},{"type":28,"tag":186,"props":7561,"children":7562},{"style":459},[7563],{"type":34,"value":7466},{"type":28,"tag":186,"props":7565,"children":7566},{"style":193},[7567],{"type":34,"value":4236},{"type":28,"tag":186,"props":7569,"children":7570},{"style":233},[7571],{"type":34,"value":7572},"'px-2'",{"type":28,"tag":186,"props":7574,"children":7575},{"style":193},[7576],{"type":34,"value":4255},{"type":28,"tag":186,"props":7578,"children":7579},{"style":459},[7580],{"type":34,"value":7581},":",{"type":28,"tag":186,"props":7583,"children":7584},{"style":193},[7585],{"type":34,"value":4236},{"type":28,"tag":186,"props":7587,"children":7588},{"style":545},[7589],{"type":34,"value":6085},{"type":28,"tag":186,"props":7591,"children":7592},{"style":193},[7593],{"type":34,"value":165},{"type":28,"tag":186,"props":7595,"children":7596},{"style":545},[7597],{"type":34,"value":2306},{"type":28,"tag":186,"props":7599,"children":7600},{"style":193},[7601],{"type":34,"value":165},{"type":28,"tag":186,"props":7603,"children":7604},{"style":199},[7605],{"type":34,"value":951},{"type":28,"tag":186,"props":7607,"children":7608},{"style":459},[7609],{"type":34,"value":7466},{"type":28,"tag":186,"props":7611,"children":7612},{"style":233},[7613],{"type":34,"value":7614}," 'pl-2'",{"type":28,"tag":186,"props":7616,"children":7617},{"style":459},[7618],{"type":34,"value":7476},{"type":28,"tag":186,"props":7620,"children":7621},{"style":233},[7622],{"type":34,"value":7623}," 'pl-4'",{"type":28,"tag":186,"props":7625,"children":7626},{"style":193},[7627],{"type":34,"value":1392},{"type":28,"tag":186,"props":7629,"children":7630},{"style":545},[7631],{"type":34,"value":6085},{"type":28,"tag":186,"props":7633,"children":7634},{"style":193},[7635],{"type":34,"value":165},{"type":28,"tag":186,"props":7637,"children":7638},{"style":545},[7639],{"type":34,"value":2306},{"type":28,"tag":186,"props":7641,"children":7642},{"style":193},[7643],{"type":34,"value":165},{"type":28,"tag":186,"props":7645,"children":7646},{"style":199},[7647],{"type":34,"value":958},{"type":28,"tag":186,"props":7649,"children":7650},{"style":459},[7651],{"type":34,"value":7466},{"type":28,"tag":186,"props":7653,"children":7654},{"style":233},[7655],{"type":34,"value":7656}," 'pr-2'",{"type":28,"tag":186,"props":7658,"children":7659},{"style":459},[7660],{"type":34,"value":7476},{"type":28,"tag":186,"props":7662,"children":7663},{"style":233},[7664],{"type":34,"value":7665}," 'pr-4'",{"type":28,"tag":186,"props":7667,"children":7668},{"style":193},[7669],{"type":34,"value":2656},{"type":28,"tag":186,"props":7671,"children":7673},{"class":188,"line":7672},54,[7674],{"type":28,"tag":186,"props":7675,"children":7676},{"style":193},[7677],{"type":34,"value":7678}," }\n",{"type":28,"tag":186,"props":7680,"children":7682},{"class":188,"line":7681},55,[7683],{"type":28,"tag":186,"props":7684,"children":7685},{"style":193},[7686],{"type":34,"value":6872},{"type":28,"tag":186,"props":7688,"children":7690},{"class":188,"line":7689},56,[7691,7695,7699],{"type":28,"tag":186,"props":7692,"children":7693},{"style":193},[7694],{"type":34,"value":399},{"type":28,"tag":186,"props":7696,"children":7697},{"style":199},[7698],{"type":34,"value":429},{"type":28,"tag":186,"props":7700,"children":7701},{"style":193},[7702],{"type":34,"value":206},{"type":28,"tag":186,"props":7704,"children":7706},{"class":188,"line":7705},57,[7707],{"type":28,"tag":186,"props":7708,"children":7709},{"emptyLinePlaceholder":9},[7710],{"type":34,"value":416},{"type":28,"tag":186,"props":7712,"children":7714},{"class":188,"line":7713},58,[7715,7719,7723],{"type":28,"tag":186,"props":7716,"children":7717},{"style":193},[7718],{"type":34,"value":196},{"type":28,"tag":186,"props":7720,"children":7721},{"style":199},[7722],{"type":34,"value":40},{"type":28,"tag":186,"props":7724,"children":7725},{"style":193},[7726],{"type":34,"value":206},{"type":28,"tag":186,"props":7728,"children":7730},{"class":188,"line":7729},59,[7731,7735],{"type":28,"tag":186,"props":7732,"children":7733},{"style":193},[7734],{"type":34,"value":215},{"type":28,"tag":186,"props":7736,"children":7737},{"style":199},[7738],{"type":34,"value":7739},"input\n",{"type":28,"tag":186,"props":7741,"children":7743},{"class":188,"line":7742},60,[7744,7749,7753],{"type":28,"tag":186,"props":7745,"children":7746},{"style":222},[7747],{"type":34,"value":7748}," :id",{"type":28,"tag":186,"props":7750,"children":7751},{"style":193},[7752],{"type":34,"value":230},{"type":28,"tag":186,"props":7754,"children":7755},{"style":233},[7756],{"type":34,"value":7757},"\"inputId\"\n",{"type":28,"tag":186,"props":7759,"children":7761},{"class":188,"line":7760},61,[7762,7767,7771],{"type":28,"tag":186,"props":7763,"children":7764},{"style":222},[7765],{"type":34,"value":7766}," :class",{"type":28,"tag":186,"props":7768,"children":7769},{"style":193},[7770],{"type":34,"value":230},{"type":28,"tag":186,"props":7772,"children":7773},{"style":233},[7774],{"type":34,"value":7775},"\"twMerge('absolute w-0 outline-hidden appearance-none peer', inputProps?.class)\"\n",{"type":28,"tag":186,"props":7777,"children":7779},{"class":188,"line":7778},62,[7780,7784,7788],{"type":28,"tag":186,"props":7781,"children":7782},{"style":222},[7783],{"type":34,"value":6539},{"type":28,"tag":186,"props":7785,"children":7786},{"style":193},[7787],{"type":34,"value":230},{"type":28,"tag":186,"props":7789,"children":7790},{"style":233},[7791],{"type":34,"value":7792},"\"checkbox\"\n",{"type":28,"tag":186,"props":7794,"children":7796},{"class":188,"line":7795},63,[7797,7802,7806],{"type":28,"tag":186,"props":7798,"children":7799},{"style":222},[7800],{"type":34,"value":7801}," v-model",{"type":28,"tag":186,"props":7803,"children":7804},{"style":193},[7805],{"type":34,"value":230},{"type":28,"tag":186,"props":7807,"children":7808},{"style":233},[7809],{"type":34,"value":7810},"\"onSelected\"\n",{"type":28,"tag":186,"props":7812,"children":7814},{"class":188,"line":7813},64,[7815,7820,7824],{"type":28,"tag":186,"props":7816,"children":7817},{"style":222},[7818],{"type":34,"value":7819}," v-bind",{"type":28,"tag":186,"props":7821,"children":7822},{"style":193},[7823],{"type":34,"value":230},{"type":28,"tag":186,"props":7825,"children":7826},{"style":233},[7827],{"type":34,"value":7828},"\"inputProps\"\n",{"type":28,"tag":186,"props":7830,"children":7832},{"class":188,"line":7831},65,[7833],{"type":28,"tag":186,"props":7834,"children":7835},{"style":193},[7836],{"type":34,"value":7837}," \u002F>\n",{"type":28,"tag":186,"props":7839,"children":7841},{"class":188,"line":7840},66,[7842,7846],{"type":28,"tag":186,"props":7843,"children":7844},{"style":193},[7845],{"type":34,"value":215},{"type":28,"tag":186,"props":7847,"children":7848},{"style":199},[7849],{"type":34,"value":7850},"label\n",{"type":28,"tag":186,"props":7852,"children":7854},{"class":188,"line":7853},67,[7855,7860,7864],{"type":28,"tag":186,"props":7856,"children":7857},{"style":222},[7858],{"type":34,"value":7859}," :for",{"type":28,"tag":186,"props":7861,"children":7862},{"style":193},[7863],{"type":34,"value":230},{"type":28,"tag":186,"props":7865,"children":7866},{"style":233},[7867],{"type":34,"value":7757},{"type":28,"tag":186,"props":7869,"children":7871},{"class":188,"line":7870},68,[7872,7876,7880],{"type":28,"tag":186,"props":7873,"children":7874},{"style":222},[7875],{"type":34,"value":7766},{"type":28,"tag":186,"props":7877,"children":7878},{"style":193},[7879],{"type":34,"value":230},{"type":28,"tag":186,"props":7881,"children":7882},{"style":233},[7883],{"type":34,"value":7884},"\"\n",{"type":28,"tag":186,"props":7886,"children":7888},{"class":188,"line":7887},69,[7889],{"type":28,"tag":186,"props":7890,"children":7891},{"style":233},[7892],{"type":34,"value":7893}," twMerge(\n",{"type":28,"tag":186,"props":7895,"children":7897},{"class":188,"line":7896},70,[7898],{"type":28,"tag":186,"props":7899,"children":7900},{"style":233},[7901],{"type":34,"value":7902}," '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":28,"tag":186,"props":7904,"children":7906},{"class":188,"line":7905},71,[7907],{"type":28,"tag":186,"props":7908,"children":7909},{"style":233},[7910],{"type":34,"value":7911}," sizeClasses[size],\n",{"type":28,"tag":186,"props":7913,"children":7915},{"class":188,"line":7914},72,[7916],{"type":28,"tag":186,"props":7917,"children":7918},{"style":233},[7919],{"type":34,"value":7920}," ...paddingForSize,\n",{"type":28,"tag":186,"props":7922,"children":7924},{"class":188,"line":7923},73,[7925],{"type":28,"tag":186,"props":7926,"children":7927},{"style":233},[7928],{"type":34,"value":7929}," $attrs.class,\n",{"type":28,"tag":186,"props":7931,"children":7933},{"class":188,"line":7932},74,[7934],{"type":28,"tag":186,"props":7935,"children":7936},{"style":233},[7937],{"type":34,"value":7938}," )\n",{"type":28,"tag":186,"props":7940,"children":7942},{"class":188,"line":7941},75,[7943],{"type":28,"tag":186,"props":7944,"children":7945},{"style":233},[7946],{"type":34,"value":7947}," \"\n",{"type":28,"tag":186,"props":7949,"children":7951},{"class":188,"line":7950},76,[7952,7957,7961],{"type":28,"tag":186,"props":7953,"children":7954},{"style":222},[7955],{"type":34,"value":7956}," data-testid",{"type":28,"tag":186,"props":7958,"children":7959},{"style":193},[7960],{"type":34,"value":230},{"type":28,"tag":186,"props":7962,"children":7963},{"style":233},[7964],{"type":34,"value":7965},"\"chip\"\n",{"type":28,"tag":186,"props":7967,"children":7969},{"class":188,"line":7968},77,[7970,7974,7978],{"type":28,"tag":186,"props":7971,"children":7972},{"style":222},[7973],{"type":34,"value":7819},{"type":28,"tag":186,"props":7975,"children":7976},{"style":193},[7977],{"type":34,"value":230},{"type":28,"tag":186,"props":7979,"children":7980},{"style":233},[7981],{"type":34,"value":7982},"\"attrsWithoutClass\"\n",{"type":28,"tag":186,"props":7984,"children":7986},{"class":188,"line":7985},78,[7987],{"type":28,"tag":186,"props":7988,"children":7989},{"style":193},[7990],{"type":34,"value":7991}," >\n",{"type":28,"tag":186,"props":7993,"children":7995},{"class":188,"line":7994},79,[7996,8000,8005,8010,8014,8019,8024,8028,8033,8039],{"type":28,"tag":186,"props":7997,"children":7998},{"style":193},[7999],{"type":34,"value":732},{"type":28,"tag":186,"props":8001,"children":8002},{"style":199},[8003],{"type":34,"value":8004},"slot",{"type":28,"tag":186,"props":8006,"children":8007},{"style":222},[8008],{"type":34,"value":8009}," v-if",{"type":28,"tag":186,"props":8011,"children":8012},{"style":193},[8013],{"type":34,"value":230},{"type":28,"tag":186,"props":8015,"children":8016},{"style":233},[8017],{"type":34,"value":8018},"\"$slots.prefix\"",{"type":28,"tag":186,"props":8020,"children":8021},{"style":222},[8022],{"type":34,"value":8023}," name",{"type":28,"tag":186,"props":8025,"children":8026},{"style":193},[8027],{"type":34,"value":230},{"type":28,"tag":186,"props":8029,"children":8030},{"style":233},[8031],{"type":34,"value":8032},"\"prefix\"",{"type":28,"tag":186,"props":8034,"children":8036},{"style":8035},"--shiki-default:#FFFFFF",[8037],{"type":34,"value":8038}," \u002F",{"type":28,"tag":186,"props":8040,"children":8041},{"style":193},[8042],{"type":34,"value":206},{"type":28,"tag":186,"props":8044,"children":8046},{"class":188,"line":8045},80,[8047,8051,8055,8059],{"type":28,"tag":186,"props":8048,"children":8049},{"style":193},[8050],{"type":34,"value":732},{"type":28,"tag":186,"props":8052,"children":8053},{"style":199},[8054],{"type":34,"value":8004},{"type":28,"tag":186,"props":8056,"children":8057},{"style":8035},[8058],{"type":34,"value":8038},{"type":28,"tag":186,"props":8060,"children":8061},{"style":193},[8062],{"type":34,"value":206},{"type":28,"tag":186,"props":8064,"children":8066},{"class":188,"line":8065},81,[8067,8071,8075,8079,8083,8088,8092,8096,8101,8105],{"type":28,"tag":186,"props":8068,"children":8069},{"style":193},[8070],{"type":34,"value":732},{"type":28,"tag":186,"props":8072,"children":8073},{"style":199},[8074],{"type":34,"value":8004},{"type":28,"tag":186,"props":8076,"children":8077},{"style":222},[8078],{"type":34,"value":8009},{"type":28,"tag":186,"props":8080,"children":8081},{"style":193},[8082],{"type":34,"value":230},{"type":28,"tag":186,"props":8084,"children":8085},{"style":233},[8086],{"type":34,"value":8087},"\"$slots.suffix\"",{"type":28,"tag":186,"props":8089,"children":8090},{"style":222},[8091],{"type":34,"value":8023},{"type":28,"tag":186,"props":8093,"children":8094},{"style":193},[8095],{"type":34,"value":230},{"type":28,"tag":186,"props":8097,"children":8098},{"style":233},[8099],{"type":34,"value":8100},"\"suffix\"",{"type":28,"tag":186,"props":8102,"children":8103},{"style":8035},[8104],{"type":34,"value":8038},{"type":28,"tag":186,"props":8106,"children":8107},{"style":193},[8108],{"type":34,"value":206},{"type":28,"tag":186,"props":8110,"children":8112},{"class":188,"line":8111},82,[8113,8117,8121],{"type":28,"tag":186,"props":8114,"children":8115},{"style":193},[8116],{"type":34,"value":1165},{"type":28,"tag":186,"props":8118,"children":8119},{"style":199},[8120],{"type":34,"value":2287},{"type":28,"tag":186,"props":8122,"children":8123},{"style":193},[8124],{"type":34,"value":206},{"type":28,"tag":186,"props":8126,"children":8128},{"class":188,"line":8127},83,[8129,8133,8137],{"type":28,"tag":186,"props":8130,"children":8131},{"style":193},[8132],{"type":34,"value":399},{"type":28,"tag":186,"props":8134,"children":8135},{"style":199},[8136],{"type":34,"value":40},{"type":28,"tag":186,"props":8138,"children":8139},{"style":193},[8140],{"type":34,"value":206},{"type":28,"tag":633,"props":8142,"children":8143},{},[8144],{"type":28,"tag":176,"props":8145,"children":8147},{"className":638,"code":8146,"language":640,"meta":7,"style":7},"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",[8148],{"type":28,"tag":68,"props":8149,"children":8150},{"__ignoreMap":7},[8151,8204,8252,8259,8366,8385,8408,8491,8502,8585,8592,8599,8606,8660,8679,8702,8718,8729,8745,8752,8759,8766,8809,8817,8825,8837,8865,8877,8889,8910,8922,8934,8947,8963,8975,8991,9015,9022,9034,9042,9053,9078,9102,9118,9139,9194,9202,9213,9237,9261,9273,9293,9342,9353,9365,9381,9401,9409,9424,9439,9454,9469,9477,9485,9492,9499,9506],{"type":28,"tag":186,"props":8152,"children":8153},{"class":188,"line":189},[8154,8158,8162,8167,8171,8175,8179,8183,8188,8192,8196,8200],{"type":28,"tag":186,"props":8155,"children":8156},{"style":459},[8157],{"type":34,"value":462},{"type":28,"tag":186,"props":8159,"children":8160},{"style":193},[8161],{"type":34,"value":467},{"type":28,"tag":186,"props":8163,"children":8164},{"style":199},[8165],{"type":34,"value":8166},"forwardRef",{"type":28,"tag":186,"props":8168,"children":8169},{"style":193},[8170],{"type":34,"value":1392},{"type":28,"tag":186,"props":8172,"children":8173},{"style":199},[8174],{"type":34,"value":6394},{"type":28,"tag":186,"props":8176,"children":8177},{"style":193},[8178],{"type":34,"value":1392},{"type":28,"tag":186,"props":8180,"children":8181},{"style":459},[8182],{"type":34,"value":6367},{"type":28,"tag":186,"props":8184,"children":8185},{"style":199},[8186],{"type":34,"value":8187}," ReactNode",{"type":28,"tag":186,"props":8189,"children":8190},{"style":193},[8191],{"type":34,"value":477},{"type":28,"tag":186,"props":8193,"children":8194},{"style":459},[8195],{"type":34,"value":482},{"type":28,"tag":186,"props":8197,"children":8198},{"style":233},[8199],{"type":34,"value":4038},{"type":28,"tag":186,"props":8201,"children":8202},{"style":193},[8203],{"type":34,"value":492},{"type":28,"tag":186,"props":8205,"children":8206},{"class":188,"line":209},[8207,8211,8215,8220,8224,8228,8232,8236,8240,8244,8248],{"type":28,"tag":186,"props":8208,"children":8209},{"style":459},[8210],{"type":34,"value":462},{"type":28,"tag":186,"props":8212,"children":8213},{"style":193},[8214],{"type":34,"value":467},{"type":28,"tag":186,"props":8216,"children":8217},{"style":199},[8218],{"type":34,"value":8219},"SfChipProps",{"type":28,"tag":186,"props":8221,"children":8222},{"style":193},[8223],{"type":34,"value":1392},{"type":28,"tag":186,"props":8225,"children":8226},{"style":199},[8227],{"type":34,"value":6250},{"type":28,"tag":186,"props":8229,"children":8230},{"style":193},[8231],{"type":34,"value":1392},{"type":28,"tag":186,"props":8233,"children":8234},{"style":199},[8235],{"type":34,"value":6461},{"type":28,"tag":186,"props":8237,"children":8238},{"style":193},[8239],{"type":34,"value":477},{"type":28,"tag":186,"props":8241,"children":8242},{"style":459},[8243],{"type":34,"value":482},{"type":28,"tag":186,"props":8245,"children":8246},{"style":233},[8247],{"type":34,"value":672},{"type":28,"tag":186,"props":8249,"children":8250},{"style":193},[8251],{"type":34,"value":492},{"type":28,"tag":186,"props":8253,"children":8254},{"class":188,"line":280},[8255],{"type":28,"tag":186,"props":8256,"children":8257},{"emptyLinePlaceholder":9},[8258],{"type":34,"value":416},{"type":28,"tag":186,"props":8260,"children":8261},{"class":188,"line":343},[8262,8266,8270,8274,8278,8282,8286,8290,8294,8298,8302,8306,8310,8314,8318,8322,8326,8330,8334,8338,8342,8346,8350,8354,8358,8362],{"type":28,"tag":186,"props":8263,"children":8264},{"style":459},[8265],{"type":34,"value":542},{"type":28,"tag":186,"props":8267,"children":8268},{"style":557},[8269],{"type":34,"value":7304},{"type":28,"tag":186,"props":8271,"children":8272},{"style":551},[8273],{"type":34,"value":554},{"type":28,"tag":186,"props":8275,"children":8276},{"style":193},[8277],{"type":34,"value":3855},{"type":28,"tag":186,"props":8279,"children":8280},{"style":2756},[8281],{"type":34,"value":140},{"type":28,"tag":186,"props":8283,"children":8284},{"style":193},[8285],{"type":34,"value":2292},{"type":28,"tag":186,"props":8287,"children":8288},{"style":233},[8289],{"type":34,"value":6566},{"type":28,"tag":186,"props":8291,"children":8292},{"style":459},[8293],{"type":34,"value":4703},{"type":28,"tag":186,"props":8295,"children":8296},{"style":545},[8297],{"type":34,"value":6250},{"type":28,"tag":186,"props":8299,"children":8300},{"style":459},[8301],{"type":34,"value":1675},{"type":28,"tag":186,"props":8303,"children":8304},{"style":233},[8305],{"type":34,"value":6566},{"type":28,"tag":186,"props":8307,"children":8308},{"style":193},[8309],{"type":34,"value":1392},{"type":28,"tag":186,"props":8311,"children":8312},{"style":2756},[8313],{"type":34,"value":4895},{"type":28,"tag":186,"props":8315,"children":8316},{"style":193},[8317],{"type":34,"value":2292},{"type":28,"tag":186,"props":8319,"children":8320},{"style":545},[8321],{"type":34,"value":5815},{"type":28,"tag":186,"props":8323,"children":8324},{"style":193},[8325],{"type":34,"value":1392},{"type":28,"tag":186,"props":8327,"children":8328},{"style":2756},[8329],{"type":34,"value":986},{"type":28,"tag":186,"props":8331,"children":8332},{"style":193},[8333],{"type":34,"value":2292},{"type":28,"tag":186,"props":8335,"children":8336},{"style":545},[8337],{"type":34,"value":5913},{"type":28,"tag":186,"props":8339,"children":8340},{"style":193},[8341],{"type":34,"value":1392},{"type":28,"tag":186,"props":8343,"children":8344},{"style":2756},[8345],{"type":34,"value":993},{"type":28,"tag":186,"props":8347,"children":8348},{"style":193},[8349],{"type":34,"value":2292},{"type":28,"tag":186,"props":8351,"children":8352},{"style":545},[8353],{"type":34,"value":5913},{"type":28,"tag":186,"props":8355,"children":8356},{"style":193},[8357],{"type":34,"value":3812},{"type":28,"tag":186,"props":8359,"children":8360},{"style":459},[8361],{"type":34,"value":2776},{"type":28,"tag":186,"props":8363,"children":8364},{"style":193},[8365],{"type":34,"value":3882},{"type":28,"tag":186,"props":8367,"children":8368},{"class":188,"line":393},[8369,8373,8377,8381],{"type":28,"tag":186,"props":8370,"children":8371},{"style":459},[8372],{"type":34,"value":7334},{"type":28,"tag":186,"props":8374,"children":8375},{"style":193},[8376],{"type":34,"value":3855},{"type":28,"tag":186,"props":8378,"children":8379},{"style":199},[8380],{"type":34,"value":140},{"type":28,"tag":186,"props":8382,"children":8383},{"style":193},[8384],{"type":34,"value":7355},{"type":28,"tag":186,"props":8386,"children":8387},{"class":188,"line":410},[8388,8392,8396,8400,8404],{"type":28,"tag":186,"props":8389,"children":8390},{"style":459},[8391],{"type":34,"value":7364},{"type":28,"tag":186,"props":8393,"children":8394},{"style":545},[8395],{"type":34,"value":7369},{"type":28,"tag":186,"props":8397,"children":8398},{"style":193},[8399],{"type":34,"value":165},{"type":28,"tag":186,"props":8401,"children":8402},{"style":199},[8403],{"type":34,"value":7378},{"type":28,"tag":186,"props":8405,"children":8406},{"style":193},[8407],{"type":34,"value":7383},{"type":28,"tag":186,"props":8409,"children":8410},{"class":188,"line":419},[8411,8415,8419,8423,8427,8431,8435,8439,8443,8447,8451,8455,8459,8463,8467,8471,8475,8479,8483,8487],{"type":28,"tag":186,"props":8412,"children":8413},{"style":459},[8414],{"type":34,"value":7392},{"type":28,"tag":186,"props":8416,"children":8417},{"style":199},[8418],{"type":34,"value":4954},{"type":28,"tag":186,"props":8420,"children":8421},{"style":459},[8422],{"type":34,"value":7466},{"type":28,"tag":186,"props":8424,"children":8425},{"style":193},[8426],{"type":34,"value":4236},{"type":28,"tag":186,"props":8428,"children":8429},{"style":233},[8430],{"type":34,"value":7423},{"type":28,"tag":186,"props":8432,"children":8433},{"style":193},[8434],{"type":34,"value":4255},{"type":28,"tag":186,"props":8436,"children":8437},{"style":459},[8438],{"type":34,"value":7581},{"type":28,"tag":186,"props":8440,"children":8441},{"style":193},[8442],{"type":34,"value":4236},{"type":28,"tag":186,"props":8444,"children":8445},{"style":199},[8446],{"type":34,"value":986},{"type":28,"tag":186,"props":8448,"children":8449},{"style":459},[8450],{"type":34,"value":7466},{"type":28,"tag":186,"props":8452,"children":8453},{"style":233},[8454],{"type":34,"value":7471},{"type":28,"tag":186,"props":8456,"children":8457},{"style":459},[8458],{"type":34,"value":7476},{"type":28,"tag":186,"props":8460,"children":8461},{"style":233},[8462],{"type":34,"value":7481},{"type":28,"tag":186,"props":8464,"children":8465},{"style":193},[8466],{"type":34,"value":1392},{"type":28,"tag":186,"props":8468,"children":8469},{"style":199},[8470],{"type":34,"value":993},{"type":28,"tag":186,"props":8472,"children":8473},{"style":459},[8474],{"type":34,"value":7466},{"type":28,"tag":186,"props":8476,"children":8477},{"style":233},[8478],{"type":34,"value":7514},{"type":28,"tag":186,"props":8480,"children":8481},{"style":459},[8482],{"type":34,"value":7476},{"type":28,"tag":186,"props":8484,"children":8485},{"style":233},[8486],{"type":34,"value":7523},{"type":28,"tag":186,"props":8488,"children":8489},{"style":193},[8490],{"type":34,"value":2656},{"type":28,"tag":186,"props":8492,"children":8493},{"class":188,"line":455},[8494,8498],{"type":28,"tag":186,"props":8495,"children":8496},{"style":459},[8497],{"type":34,"value":6595},{"type":28,"tag":186,"props":8499,"children":8500},{"style":193},[8501],{"type":34,"value":7383},{"type":28,"tag":186,"props":8503,"children":8504},{"class":188,"line":495},[8505,8509,8513,8517,8521,8525,8529,8533,8537,8541,8545,8549,8553,8557,8561,8565,8569,8573,8577,8581],{"type":28,"tag":186,"props":8506,"children":8507},{"style":459},[8508],{"type":34,"value":7392},{"type":28,"tag":186,"props":8510,"children":8511},{"style":199},[8512],{"type":34,"value":4954},{"type":28,"tag":186,"props":8514,"children":8515},{"style":459},[8516],{"type":34,"value":7466},{"type":28,"tag":186,"props":8518,"children":8519},{"style":193},[8520],{"type":34,"value":4236},{"type":28,"tag":186,"props":8522,"children":8523},{"style":233},[8524],{"type":34,"value":7572},{"type":28,"tag":186,"props":8526,"children":8527},{"style":193},[8528],{"type":34,"value":4255},{"type":28,"tag":186,"props":8530,"children":8531},{"style":459},[8532],{"type":34,"value":7581},{"type":28,"tag":186,"props":8534,"children":8535},{"style":193},[8536],{"type":34,"value":4236},{"type":28,"tag":186,"props":8538,"children":8539},{"style":199},[8540],{"type":34,"value":986},{"type":28,"tag":186,"props":8542,"children":8543},{"style":459},[8544],{"type":34,"value":7466},{"type":28,"tag":186,"props":8546,"children":8547},{"style":233},[8548],{"type":34,"value":7614},{"type":28,"tag":186,"props":8550,"children":8551},{"style":459},[8552],{"type":34,"value":7476},{"type":28,"tag":186,"props":8554,"children":8555},{"style":233},[8556],{"type":34,"value":7623},{"type":28,"tag":186,"props":8558,"children":8559},{"style":193},[8560],{"type":34,"value":1392},{"type":28,"tag":186,"props":8562,"children":8563},{"style":199},[8564],{"type":34,"value":993},{"type":28,"tag":186,"props":8566,"children":8567},{"style":459},[8568],{"type":34,"value":7466},{"type":28,"tag":186,"props":8570,"children":8571},{"style":233},[8572],{"type":34,"value":7656},{"type":28,"tag":186,"props":8574,"children":8575},{"style":459},[8576],{"type":34,"value":7476},{"type":28,"tag":186,"props":8578,"children":8579},{"style":233},[8580],{"type":34,"value":7665},{"type":28,"tag":186,"props":8582,"children":8583},{"style":193},[8584],{"type":34,"value":2656},{"type":28,"tag":186,"props":8586,"children":8587},{"class":188,"line":528},[8588],{"type":28,"tag":186,"props":8589,"children":8590},{"style":193},[8591],{"type":34,"value":7678},{"type":28,"tag":186,"props":8593,"children":8594},{"class":188,"line":536},[8595],{"type":28,"tag":186,"props":8596,"children":8597},{"style":193},[8598],{"type":34,"value":3937},{"type":28,"tag":186,"props":8600,"children":8601},{"class":188,"line":568},[8602],{"type":28,"tag":186,"props":8603,"children":8604},{"emptyLinePlaceholder":9},[8605],{"type":34,"value":416},{"type":28,"tag":186,"props":8607,"children":8608},{"class":188,"line":593},[8609,8613,8618,8622,8626,8630,8634,8638,8642,8647,8652,8656],{"type":28,"tag":186,"props":8610,"children":8611},{"style":459},[8612],{"type":34,"value":542},{"type":28,"tag":186,"props":8614,"children":8615},{"style":557},[8616],{"type":34,"value":8617}," getSizeClasses",{"type":28,"tag":186,"props":8619,"children":8620},{"style":551},[8621],{"type":34,"value":554},{"type":28,"tag":186,"props":8623,"children":8624},{"style":193},[8625],{"type":34,"value":3855},{"type":28,"tag":186,"props":8627,"children":8628},{"style":2756},[8629],{"type":34,"value":140},{"type":28,"tag":186,"props":8631,"children":8632},{"style":193},[8633],{"type":34,"value":2292},{"type":28,"tag":186,"props":8635,"children":8636},{"style":545},[8637],{"type":34,"value":8219},{"type":28,"tag":186,"props":8639,"children":8640},{"style":193},[8641],{"type":34,"value":6696},{"type":28,"tag":186,"props":8643,"children":8644},{"style":233},[8645],{"type":34,"value":8646},"'size'",{"type":28,"tag":186,"props":8648,"children":8649},{"style":193},[8650],{"type":34,"value":8651},"]) ",{"type":28,"tag":186,"props":8653,"children":8654},{"style":459},[8655],{"type":34,"value":2776},{"type":28,"tag":186,"props":8657,"children":8658},{"style":193},[8659],{"type":34,"value":3882},{"type":28,"tag":186,"props":8661,"children":8662},{"class":188,"line":618},[8663,8667,8671,8675],{"type":28,"tag":186,"props":8664,"children":8665},{"style":459},[8666],{"type":34,"value":7334},{"type":28,"tag":186,"props":8668,"children":8669},{"style":193},[8670],{"type":34,"value":3855},{"type":28,"tag":186,"props":8672,"children":8673},{"style":199},[8674],{"type":34,"value":140},{"type":28,"tag":186,"props":8676,"children":8677},{"style":193},[8678],{"type":34,"value":7355},{"type":28,"tag":186,"props":8680,"children":8681},{"class":188,"line":920},[8682,8686,8690,8694,8698],{"type":28,"tag":186,"props":8683,"children":8684},{"style":459},[8685],{"type":34,"value":7364},{"type":28,"tag":186,"props":8687,"children":8688},{"style":545},[8689],{"type":34,"value":7369},{"type":28,"tag":186,"props":8691,"children":8692},{"style":193},[8693],{"type":34,"value":165},{"type":28,"tag":186,"props":8695,"children":8696},{"style":199},[8697],{"type":34,"value":7378},{"type":28,"tag":186,"props":8699,"children":8700},{"style":193},[8701],{"type":34,"value":7383},{"type":28,"tag":186,"props":8703,"children":8704},{"class":188,"line":1422},[8705,8709,8714],{"type":28,"tag":186,"props":8706,"children":8707},{"style":459},[8708],{"type":34,"value":7392},{"type":28,"tag":186,"props":8710,"children":8711},{"style":233},[8712],{"type":34,"value":8713}," `text-sm py-1.5 gap-1.5`",{"type":28,"tag":186,"props":8715,"children":8716},{"style":193},[8717],{"type":34,"value":492},{"type":28,"tag":186,"props":8719,"children":8720},{"class":188,"line":1447},[8721,8725],{"type":28,"tag":186,"props":8722,"children":8723},{"style":459},[8724],{"type":34,"value":6595},{"type":28,"tag":186,"props":8726,"children":8727},{"style":193},[8728],{"type":34,"value":7383},{"type":28,"tag":186,"props":8730,"children":8731},{"class":188,"line":1472},[8732,8736,8741],{"type":28,"tag":186,"props":8733,"children":8734},{"style":459},[8735],{"type":34,"value":7392},{"type":28,"tag":186,"props":8737,"children":8738},{"style":233},[8739],{"type":34,"value":8740}," 'text-base py-2 gap-2'",{"type":28,"tag":186,"props":8742,"children":8743},{"style":193},[8744],{"type":34,"value":492},{"type":28,"tag":186,"props":8746,"children":8747},{"class":188,"line":2130},[8748],{"type":28,"tag":186,"props":8749,"children":8750},{"style":193},[8751],{"type":34,"value":7678},{"type":28,"tag":186,"props":8753,"children":8754},{"class":188,"line":2138},[8755],{"type":28,"tag":186,"props":8756,"children":8757},{"style":193},[8758],{"type":34,"value":3937},{"type":28,"tag":186,"props":8760,"children":8761},{"class":188,"line":2170},[8762],{"type":28,"tag":186,"props":8763,"children":8764},{"emptyLinePlaceholder":9},[8765],{"type":34,"value":416},{"type":28,"tag":186,"props":8767,"children":8768},{"class":188,"line":2202},[8769,8773,8778,8782,8787,8791,8796,8800,8804],{"type":28,"tag":186,"props":8770,"children":8771},{"style":459},[8772],{"type":34,"value":542},{"type":28,"tag":186,"props":8774,"children":8775},{"style":545},[8776],{"type":34,"value":8777}," SfChip",{"type":28,"tag":186,"props":8779,"children":8780},{"style":551},[8781],{"type":34,"value":554},{"type":28,"tag":186,"props":8783,"children":8784},{"style":557},[8785],{"type":34,"value":8786}," forwardRef",{"type":28,"tag":186,"props":8788,"children":8789},{"style":193},[8790],{"type":34,"value":196},{"type":28,"tag":186,"props":8792,"children":8793},{"style":545},[8794],{"type":34,"value":8795},"HTMLInputElement",{"type":28,"tag":186,"props":8797,"children":8798},{"style":193},[8799],{"type":34,"value":1392},{"type":28,"tag":186,"props":8801,"children":8802},{"style":545},[8803],{"type":34,"value":8219},{"type":28,"tag":186,"props":8805,"children":8806},{"style":193},[8807],{"type":34,"value":8808},">(\n",{"type":28,"tag":186,"props":8810,"children":8811},{"class":188,"line":2242},[8812],{"type":28,"tag":186,"props":8813,"children":8814},{"style":193},[8815],{"type":34,"value":8816}," (\n",{"type":28,"tag":186,"props":8818,"children":8819},{"class":188,"line":2250},[8820],{"type":28,"tag":186,"props":8821,"children":8822},{"style":193},[8823],{"type":34,"value":8824}," {\n",{"type":28,"tag":186,"props":8826,"children":8827},{"class":188,"line":2276},[8828,8833],{"type":28,"tag":186,"props":8829,"children":8830},{"style":199},[8831],{"type":34,"value":8832}," children",{"type":28,"tag":186,"props":8834,"children":8835},{"style":193},[8836],{"type":34,"value":2931},{"type":28,"tag":186,"props":8838,"children":8839},{"class":188,"line":2323},[8840,8845,8849,8853,8857,8861],{"type":28,"tag":186,"props":8841,"children":8842},{"style":199},[8843],{"type":34,"value":8844}," size",{"type":28,"tag":186,"props":8846,"children":8847},{"style":551},[8848],{"type":34,"value":554},{"type":28,"tag":186,"props":8850,"children":8851},{"style":545},[8852],{"type":34,"value":7369},{"type":28,"tag":186,"props":8854,"children":8855},{"style":193},[8856],{"type":34,"value":165},{"type":28,"tag":186,"props":8858,"children":8859},{"style":199},[8860],{"type":34,"value":6612},{"type":28,"tag":186,"props":8862,"children":8863},{"style":193},[8864],{"type":34,"value":2931},{"type":28,"tag":186,"props":8866,"children":8867},{"class":188,"line":2365},[8868,8873],{"type":28,"tag":186,"props":8869,"children":8870},{"style":199},[8871],{"type":34,"value":8872}," className",{"type":28,"tag":186,"props":8874,"children":8875},{"style":193},[8876],{"type":34,"value":2931},{"type":28,"tag":186,"props":8878,"children":8879},{"class":188,"line":2407},[8880,8885],{"type":28,"tag":186,"props":8881,"children":8882},{"style":199},[8883],{"type":34,"value":8884}," inputProps",{"type":28,"tag":186,"props":8886,"children":8887},{"style":193},[8888],{"type":34,"value":2931},{"type":28,"tag":186,"props":8890,"children":8891},{"class":188,"line":2416},[8892,8897,8901,8906],{"type":28,"tag":186,"props":8893,"children":8894},{"style":199},[8895],{"type":34,"value":8896}," square",{"type":28,"tag":186,"props":8898,"children":8899},{"style":551},[8900],{"type":34,"value":554},{"type":28,"tag":186,"props":8902,"children":8903},{"style":222},[8904],{"type":34,"value":8905}," false",{"type":28,"tag":186,"props":8907,"children":8908},{"style":193},[8909],{"type":34,"value":2931},{"type":28,"tag":186,"props":8911,"children":8912},{"class":188,"line":3075},[8913,8918],{"type":28,"tag":186,"props":8914,"children":8915},{"style":199},[8916],{"type":34,"value":8917}," slotPrefix",{"type":28,"tag":186,"props":8919,"children":8920},{"style":193},[8921],{"type":34,"value":2931},{"type":28,"tag":186,"props":8923,"children":8924},{"class":188,"line":3088},[8925,8930],{"type":28,"tag":186,"props":8926,"children":8927},{"style":199},[8928],{"type":34,"value":8929}," slotSuffix",{"type":28,"tag":186,"props":8931,"children":8932},{"style":193},[8933],{"type":34,"value":2931},{"type":28,"tag":186,"props":8935,"children":8936},{"class":188,"line":3104},[8937,8942],{"type":28,"tag":186,"props":8938,"children":8939},{"style":193},[8940],{"type":34,"value":8941}," ...",{"type":28,"tag":186,"props":8943,"children":8944},{"style":199},[8945],{"type":34,"value":8946},"attributes\n",{"type":28,"tag":186,"props":8948,"children":8949},{"class":188,"line":3112},[8950,8955,8959],{"type":28,"tag":186,"props":8951,"children":8952},{"style":193},[8953],{"type":34,"value":8954}," }: ",{"type":28,"tag":186,"props":8956,"children":8957},{"style":199},[8958],{"type":34,"value":8219},{"type":28,"tag":186,"props":8960,"children":8961},{"style":193},[8962],{"type":34,"value":2931},{"type":28,"tag":186,"props":8964,"children":8965},{"class":188,"line":4844},[8966,8971],{"type":28,"tag":186,"props":8967,"children":8968},{"style":199},[8969],{"type":34,"value":8970}," ref",{"type":28,"tag":186,"props":8972,"children":8973},{"style":193},[8974],{"type":34,"value":2931},{"type":28,"tag":186,"props":8976,"children":8977},{"class":188,"line":4860},[8978,8983,8987],{"type":28,"tag":186,"props":8979,"children":8980},{"style":193},[8981],{"type":34,"value":8982}," ) ",{"type":28,"tag":186,"props":8984,"children":8985},{"style":459},[8986],{"type":34,"value":2776},{"type":28,"tag":186,"props":8988,"children":8989},{"style":193},[8990],{"type":34,"value":3882},{"type":28,"tag":186,"props":8992,"children":8993},{"class":188,"line":4868},[8994,8998,9003,9007,9011],{"type":28,"tag":186,"props":8995,"children":8996},{"style":459},[8997],{"type":34,"value":4330},{"type":28,"tag":186,"props":8999,"children":9000},{"style":545},[9001],{"type":34,"value":9002}," chipId",{"type":28,"tag":186,"props":9004,"children":9005},{"style":551},[9006],{"type":34,"value":554},{"type":28,"tag":186,"props":9008,"children":9009},{"style":557},[9010],{"type":34,"value":7151},{"type":28,"tag":186,"props":9012,"children":9013},{"style":193},[9014],{"type":34,"value":565},{"type":28,"tag":186,"props":9016,"children":9017},{"class":188,"line":7097},[9018],{"type":28,"tag":186,"props":9019,"children":9020},{"emptyLinePlaceholder":9},[9021],{"type":34,"value":416},{"type":28,"tag":186,"props":9023,"children":9024},{"class":188,"line":7106},[9025,9030],{"type":28,"tag":186,"props":9026,"children":9027},{"style":459},[9028],{"type":34,"value":9029}," return",{"type":28,"tag":186,"props":9031,"children":9032},{"style":193},[9033],{"type":34,"value":724},{"type":28,"tag":186,"props":9035,"children":9036},{"class":188,"line":7132},[9037],{"type":28,"tag":186,"props":9038,"children":9039},{"style":193},[9040],{"type":34,"value":9041}," \u003C>\n",{"type":28,"tag":186,"props":9043,"children":9044},{"class":188,"line":7158},[9045,9049],{"type":28,"tag":186,"props":9046,"children":9047},{"style":193},[9048],{"type":34,"value":1957},{"type":28,"tag":186,"props":9050,"children":9051},{"style":199},[9052],{"type":34,"value":7739},{"type":28,"tag":186,"props":9054,"children":9055},{"class":188,"line":7166},[9056,9061,9065,9069,9074],{"type":28,"tag":186,"props":9057,"children":9058},{"style":756},[9059],{"type":34,"value":9060}," id",{"type":28,"tag":186,"props":9062,"children":9063},{"style":551},[9064],{"type":34,"value":230},{"type":28,"tag":186,"props":9066,"children":9067},{"style":459},[9068],{"type":34,"value":1633},{"type":28,"tag":186,"props":9070,"children":9071},{"style":199},[9072],{"type":34,"value":9073},"chipId",{"type":28,"tag":186,"props":9075,"children":9076},{"style":459},[9077],{"type":34,"value":926},{"type":28,"tag":186,"props":9079,"children":9080},{"class":188,"line":7192},[9081,9086,9090,9094,9098],{"type":28,"tag":186,"props":9082,"children":9083},{"style":756},[9084],{"type":34,"value":9085}," ref",{"type":28,"tag":186,"props":9087,"children":9088},{"style":551},[9089],{"type":34,"value":230},{"type":28,"tag":186,"props":9091,"children":9092},{"style":459},[9093],{"type":34,"value":1633},{"type":28,"tag":186,"props":9095,"children":9096},{"style":199},[9097],{"type":34,"value":472},{"type":28,"tag":186,"props":9099,"children":9100},{"style":459},[9101],{"type":34,"value":926},{"type":28,"tag":186,"props":9103,"children":9104},{"class":188,"line":7227},[9105,9110,9114],{"type":28,"tag":186,"props":9106,"children":9107},{"style":756},[9108],{"type":34,"value":9109}," type",{"type":28,"tag":186,"props":9111,"children":9112},{"style":551},[9113],{"type":34,"value":230},{"type":28,"tag":186,"props":9115,"children":9116},{"style":233},[9117],{"type":34,"value":7792},{"type":28,"tag":186,"props":9119,"children":9120},{"class":188,"line":7278},[9121,9126,9131,9135],{"type":28,"tag":186,"props":9122,"children":9123},{"style":459},[9124],{"type":34,"value":9125}," {",{"type":28,"tag":186,"props":9127,"children":9128},{"style":193},[9129],{"type":34,"value":9130},"...",{"type":28,"tag":186,"props":9132,"children":9133},{"style":199},[9134],{"type":34,"value":108},{"type":28,"tag":186,"props":9136,"children":9137},{"style":459},[9138],{"type":34,"value":926},{"type":28,"tag":186,"props":9140,"children":9141},{"class":188,"line":7286},[9142,9147,9151,9155,9159,9163,9168,9172,9176,9180,9185,9190],{"type":28,"tag":186,"props":9143,"children":9144},{"style":756},[9145],{"type":34,"value":9146}," className",{"type":28,"tag":186,"props":9148,"children":9149},{"style":551},[9150],{"type":34,"value":230},{"type":28,"tag":186,"props":9152,"children":9153},{"style":459},[9154],{"type":34,"value":1633},{"type":28,"tag":186,"props":9156,"children":9157},{"style":557},[9158],{"type":34,"value":6461},{"type":28,"tag":186,"props":9160,"children":9161},{"style":193},[9162],{"type":34,"value":3912},{"type":28,"tag":186,"props":9164,"children":9165},{"style":233},[9166],{"type":34,"value":9167},"'absolute w-0 outline-hidden appearance-none peer'",{"type":28,"tag":186,"props":9169,"children":9170},{"style":193},[9171],{"type":34,"value":1392},{"type":28,"tag":186,"props":9173,"children":9174},{"style":545},[9175],{"type":34,"value":108},{"type":28,"tag":186,"props":9177,"children":9178},{"style":193},[9179],{"type":34,"value":7216},{"type":28,"tag":186,"props":9181,"children":9182},{"style":199},[9183],{"type":34,"value":9184},"className",{"type":28,"tag":186,"props":9186,"children":9187},{"style":193},[9188],{"type":34,"value":9189},")",{"type":28,"tag":186,"props":9191,"children":9192},{"style":459},[9193],{"type":34,"value":926},{"type":28,"tag":186,"props":9195,"children":9196},{"class":188,"line":7294},[9197],{"type":28,"tag":186,"props":9198,"children":9199},{"style":193},[9200],{"type":34,"value":9201}," \u002F>\n",{"type":28,"tag":186,"props":9203,"children":9204},{"class":188,"line":7328},[9205,9209],{"type":28,"tag":186,"props":9206,"children":9207},{"style":193},[9208],{"type":34,"value":1957},{"type":28,"tag":186,"props":9210,"children":9211},{"style":199},[9212],{"type":34,"value":7850},{"type":28,"tag":186,"props":9214,"children":9215},{"class":188,"line":7358},[9216,9221,9225,9229,9233],{"type":28,"tag":186,"props":9217,"children":9218},{"style":756},[9219],{"type":34,"value":9220}," htmlFor",{"type":28,"tag":186,"props":9222,"children":9223},{"style":551},[9224],{"type":34,"value":230},{"type":28,"tag":186,"props":9226,"children":9227},{"style":459},[9228],{"type":34,"value":1633},{"type":28,"tag":186,"props":9230,"children":9231},{"style":199},[9232],{"type":34,"value":9073},{"type":28,"tag":186,"props":9234,"children":9235},{"style":459},[9236],{"type":34,"value":926},{"type":28,"tag":186,"props":9238,"children":9239},{"class":188,"line":7386},[9240,9244,9248,9252,9256],{"type":28,"tag":186,"props":9241,"children":9242},{"style":756},[9243],{"type":34,"value":9146},{"type":28,"tag":186,"props":9245,"children":9246},{"style":551},[9247],{"type":34,"value":230},{"type":28,"tag":186,"props":9249,"children":9250},{"style":459},[9251],{"type":34,"value":1633},{"type":28,"tag":186,"props":9253,"children":9254},{"style":557},[9255],{"type":34,"value":6461},{"type":28,"tag":186,"props":9257,"children":9258},{"style":193},[9259],{"type":34,"value":9260},"(\n",{"type":28,"tag":186,"props":9262,"children":9263},{"class":188,"line":7408},[9264,9269],{"type":28,"tag":186,"props":9265,"children":9266},{"style":233},[9267],{"type":34,"value":9268}," '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":28,"tag":186,"props":9270,"children":9271},{"style":193},[9272],{"type":34,"value":2931},{"type":28,"tag":186,"props":9274,"children":9275},{"class":188,"line":7431},[9276,9281,9285,9289],{"type":28,"tag":186,"props":9277,"children":9278},{"style":557},[9279],{"type":34,"value":9280}," getSizeClasses",{"type":28,"tag":186,"props":9282,"children":9283},{"style":193},[9284],{"type":34,"value":3912},{"type":28,"tag":186,"props":9286,"children":9287},{"style":199},[9288],{"type":34,"value":140},{"type":28,"tag":186,"props":9290,"children":9291},{"style":193},[9292],{"type":34,"value":7275},{"type":28,"tag":186,"props":9294,"children":9295},{"class":188,"line":7530},[9296,9301,9306,9310,9314,9318,9322,9326,9330,9334,9338],{"type":28,"tag":186,"props":9297,"children":9298},{"style":193},[9299],{"type":34,"value":9300}," ...",{"type":28,"tag":186,"props":9302,"children":9303},{"style":557},[9304],{"type":34,"value":9305},"paddingForSize",{"type":28,"tag":186,"props":9307,"children":9308},{"style":193},[9309],{"type":34,"value":3912},{"type":28,"tag":186,"props":9311,"children":9312},{"style":199},[9313],{"type":34,"value":140},{"type":28,"tag":186,"props":9315,"children":9316},{"style":193},[9317],{"type":34,"value":1392},{"type":28,"tag":186,"props":9319,"children":9320},{"style":199},[9321],{"type":34,"value":4895},{"type":28,"tag":186,"props":9323,"children":9324},{"style":193},[9325],{"type":34,"value":1392},{"type":28,"tag":186,"props":9327,"children":9328},{"style":199},[9329],{"type":34,"value":986},{"type":28,"tag":186,"props":9331,"children":9332},{"style":193},[9333],{"type":34,"value":1392},{"type":28,"tag":186,"props":9335,"children":9336},{"style":199},[9337],{"type":34,"value":993},{"type":28,"tag":186,"props":9339,"children":9340},{"style":193},[9341],{"type":34,"value":7275},{"type":28,"tag":186,"props":9343,"children":9344},{"class":188,"line":7542},[9345,9349],{"type":28,"tag":186,"props":9346,"children":9347},{"style":199},[9348],{"type":34,"value":2836},{"type":28,"tag":186,"props":9350,"children":9351},{"style":193},[9352],{"type":34,"value":2931},{"type":28,"tag":186,"props":9354,"children":9355},{"class":188,"line":7672},[9356,9361],{"type":28,"tag":186,"props":9357,"children":9358},{"style":193},[9359],{"type":34,"value":9360}," )",{"type":28,"tag":186,"props":9362,"children":9363},{"style":459},[9364],{"type":34,"value":926},{"type":28,"tag":186,"props":9366,"children":9367},{"class":188,"line":7681},[9368,9373,9377],{"type":28,"tag":186,"props":9369,"children":9370},{"style":756},[9371],{"type":34,"value":9372}," data-testid",{"type":28,"tag":186,"props":9374,"children":9375},{"style":551},[9376],{"type":34,"value":230},{"type":28,"tag":186,"props":9378,"children":9379},{"style":233},[9380],{"type":34,"value":7965},{"type":28,"tag":186,"props":9382,"children":9383},{"class":188,"line":7689},[9384,9388,9392,9397],{"type":28,"tag":186,"props":9385,"children":9386},{"style":459},[9387],{"type":34,"value":9125},{"type":28,"tag":186,"props":9389,"children":9390},{"style":193},[9391],{"type":34,"value":9130},{"type":28,"tag":186,"props":9393,"children":9394},{"style":199},[9395],{"type":34,"value":9396},"attributes",{"type":28,"tag":186,"props":9398,"children":9399},{"style":459},[9400],{"type":34,"value":926},{"type":28,"tag":186,"props":9402,"children":9403},{"class":188,"line":7705},[9404],{"type":28,"tag":186,"props":9405,"children":9406},{"style":193},[9407],{"type":34,"value":9408}," >\n",{"type":28,"tag":186,"props":9410,"children":9411},{"class":188,"line":7713},[9412,9416,9420],{"type":28,"tag":186,"props":9413,"children":9414},{"style":459},[9415],{"type":34,"value":9125},{"type":28,"tag":186,"props":9417,"children":9418},{"style":199},[9419],{"type":34,"value":986},{"type":28,"tag":186,"props":9421,"children":9422},{"style":459},[9423],{"type":34,"value":926},{"type":28,"tag":186,"props":9425,"children":9426},{"class":188,"line":7729},[9427,9431,9435],{"type":28,"tag":186,"props":9428,"children":9429},{"style":459},[9430],{"type":34,"value":9125},{"type":28,"tag":186,"props":9432,"children":9433},{"style":199},[9434],{"type":34,"value":5904},{"type":28,"tag":186,"props":9436,"children":9437},{"style":459},[9438],{"type":34,"value":926},{"type":28,"tag":186,"props":9440,"children":9441},{"class":188,"line":7742},[9442,9446,9450],{"type":28,"tag":186,"props":9443,"children":9444},{"style":459},[9445],{"type":34,"value":9125},{"type":28,"tag":186,"props":9447,"children":9448},{"style":199},[9449],{"type":34,"value":993},{"type":28,"tag":186,"props":9451,"children":9452},{"style":459},[9453],{"type":34,"value":926},{"type":28,"tag":186,"props":9455,"children":9456},{"class":188,"line":7760},[9457,9461,9465],{"type":28,"tag":186,"props":9458,"children":9459},{"style":193},[9460],{"type":34,"value":2051},{"type":28,"tag":186,"props":9462,"children":9463},{"style":199},[9464],{"type":34,"value":2287},{"type":28,"tag":186,"props":9466,"children":9467},{"style":193},[9468],{"type":34,"value":206},{"type":28,"tag":186,"props":9470,"children":9471},{"class":188,"line":7778},[9472],{"type":28,"tag":186,"props":9473,"children":9474},{"style":193},[9475],{"type":34,"value":9476}," \u003C\u002F>\n",{"type":28,"tag":186,"props":9478,"children":9479},{"class":188,"line":7795},[9480],{"type":28,"tag":186,"props":9481,"children":9482},{"style":193},[9483],{"type":34,"value":9484}," );\n",{"type":28,"tag":186,"props":9486,"children":9487},{"class":188,"line":7813},[9488],{"type":28,"tag":186,"props":9489,"children":9490},{"style":193},[9491],{"type":34,"value":6624},{"type":28,"tag":186,"props":9493,"children":9494},{"class":188,"line":7831},[9495],{"type":28,"tag":186,"props":9496,"children":9497},{"style":193},[9498],{"type":34,"value":3834},{"type":28,"tag":186,"props":9500,"children":9501},{"class":188,"line":7840},[9502],{"type":28,"tag":186,"props":9503,"children":9504},{"emptyLinePlaceholder":9},[9505],{"type":34,"value":416},{"type":28,"tag":186,"props":9507,"children":9508},{"class":188,"line":7853},[9509,9513,9517,9521],{"type":28,"tag":186,"props":9510,"children":9511},{"style":459},[9512],{"type":34,"value":691},{"type":28,"tag":186,"props":9514,"children":9515},{"style":459},[9516],{"type":34,"value":696},{"type":28,"tag":186,"props":9518,"children":9519},{"style":199},[9520],{"type":34,"value":8777},{"type":28,"tag":186,"props":9522,"children":9523},{"style":193},[9524],{"type":34,"value":492},{"type":28,"tag":9526,"props":9527,"children":9528},"style",{},[9529],{"type":34,"value":9530},"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":7,"searchDepth":393,"depth":209,"links":9532},[9533,9540,9541,9542,9543,9544],{"id":114,"depth":209,"text":117,"children":9534},[9535,9536,9537,9538,9539],{"id":121,"depth":280,"text":124},{"id":929,"depth":280,"text":932},{"id":1803,"depth":280,"text":1806},{"id":3120,"depth":280,"text":3123},{"id":4876,"depth":280,"text":4879},{"id":5670,"depth":209,"text":5673},{"id":5696,"depth":209,"text":5699},{"id":5710,"depth":209,"text":5713},{"id":6085,"depth":209,"text":6088},{"id":6130,"depth":209,"text":6133},"markdown","content:_components:chip.md","_components\u002Fchip.md","_components\u002Fchip","md",{"nav":9551,"sidebarRoot":9553},[9552,9555,9567],{"title":11,"_path":9553,"_id":13,"layout":9554,"sidebarRoot":9,"icon":12},"\u002F","fullscreen",{"title":9556,"_path":9557,"children":9558,"_id":9566,"layout":6122},"Getting Started","\u002Fgetting-started",[9559,9562],{"title":9560,"_path":9557,"_id":9561,"layout":6122},"Installation","content:2.getting-started:1.index.md",{"title":9563,"_path":9564,"_id":9565,"layout":6122},"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":6122},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":9576,"_path":9577,"_id":9578,"layout":6122},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":9580,"_path":9581,"_id":9582,"layout":6122},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":9584,"_path":9585,"_id":9586,"layout":6122},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574899044]