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