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