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