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