[{"data":1,"prerenderedAt":2970},["ShallowReactive",2],{"reference":3,"content-query-r0JHxZDm7K":4,"sidebar-roots":2921,"$dNTcUNV7nV":2933},null,{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":9,"title":10,"description":9,"body":11,"_type":2914,"_id":2915,"_source":2916,"_file":2917,"_stem":2918,"_extension":2919,"layout":2920},"\u002F_hooks\u002Fusefocusvisible","_hooks",false,true,"","useFocusVisible",{"type":12,"children":13,"toc":2909},"root",[14,22,2903],{"type":15,"tag":16,"props":17,"children":19},"element","h1",{"id":18},"usefocusvisible",[20],{"type":21,"value":10},"text",{"type":15,"tag":23,"props":24,"children":26},"tabs",{":titles":25},"[\"Usage\", \"API\", \"Source Code\"]",[27,1019,1174],{"type":15,"tag":28,"props":29,"children":30},"template",{"v-slot:tab-1":9},[31,51,64,71,83],{"type":15,"tag":32,"props":33,"children":34},"p",{},[35,41,43,49],{"type":15,"tag":36,"props":37,"children":39},"code",{"className":38},[],[40],{"type":21,"value":10},{"type":21,"value":42}," helps you determine whether keyboard focus is visible globally. Sometimes standard ",{"type":15,"tag":36,"props":44,"children":46},{"className":45},[],[47],{"type":21,"value":48},":focus-visible",{"type":21,"value":50}," pseudo-class is not enough. In those cases, you may want to style a wrapper element based on nested input.",{"type":15,"tag":32,"props":52,"children":53},{},[54,56,62],{"type":21,"value":55},"In many cases, our custom Tailwind CSS ",{"type":15,"tag":36,"props":57,"children":59},{"className":58},[],[60],{"type":21,"value":61},"focus-visible-within",{"type":21,"value":63}," variant will might be enough an shuold be preferred. However, if you require information about focus state in JavaScript, this hook provides a solution.",{"type":15,"tag":65,"props":66,"children":68},"h2",{"id":67},"input-default-behaviour",[69],{"type":21,"value":70},"Input default behaviour",{"type":15,"tag":32,"props":72,"children":73},{},[74,76,81],{"type":21,"value":75},"Most browsers implements ",{"type":15,"tag":36,"props":77,"children":79},{"className":78},[],[80],{"type":21,"value":48},{"type":21,"value":82}," pseudo-class to activate on every focus event. It means by default your inputs would get focus ring even if you set them only on focus visible and disabled them on focus. You can see the difference in the example below. Try to focus both inputs using mous and using tab. First input will get focus ring no matter if you click or tab on it, while the second one will get the focus ring only when using tab.",{"type":15,"tag":84,"props":85,"children":87},"showcase",{"showcase-name":86},"useFocusVisible\u002FInputWithFocusVisible",[88,611],{"type":15,"tag":89,"props":90,"children":91},"react-only",{},[92],{"type":15,"tag":93,"props":94,"children":98},"pre",{"className":95,"code":96,"language":97,"meta":9,"style":9},"language-tsx shiki shiki-themes one-dark-pro","import classNames from 'classnames';\nimport { useFocusVisible } from '@storefront-ui\u002Freact';\n\nexport default function InputWithFocusVisible() {\n  const { isFocusVisible } = useFocusVisible({ isTextInput: true });\n  return (\n    \u003Cdiv>\n      \u003Clabel className=\"inline-block m-2\">\n        \u003Cspan>Default focus visible\u003C\u002Fspan>\n        \u003Cinput className=\"block bg-gray-100 p-2 rounded-md focus:outline-hidden focus-visible:ring-2\" \u002F>\n      \u003C\u002Flabel>\n      \u003Clabel className=\"inline-block m-2\">\n        \u003Cspan>Custom focus visible\u003C\u002Fspan>\n        \u003Cinput\n          className={classNames('block bg-gray-100 p-2 rounded-md focus:outline-hidden', {\n            'focus-visible:ring-2': isFocusVisible,\n          })}\n        \u002F>\n      \u003C\u002Flabel>\n    \u003C\u002Fdiv>\n  );\n}\n","tsx",[99],{"type":15,"tag":36,"props":100,"children":101},{"__ignoreMap":9},[102,137,173,182,212,272,286,305,338,364,395,412,440,465,478,516,538,552,561,577,594,603],{"type":15,"tag":103,"props":104,"children":107},"span",{"class":105,"line":106},"line",1,[108,114,120,125,131],{"type":15,"tag":103,"props":109,"children":111},{"style":110},"--shiki-default:#C678DD",[112],{"type":21,"value":113},"import",{"type":15,"tag":103,"props":115,"children":117},{"style":116},"--shiki-default:#E06C75",[118],{"type":21,"value":119}," classNames",{"type":15,"tag":103,"props":121,"children":122},{"style":110},[123],{"type":21,"value":124}," from",{"type":15,"tag":103,"props":126,"children":128},{"style":127},"--shiki-default:#98C379",[129],{"type":21,"value":130}," 'classnames'",{"type":15,"tag":103,"props":132,"children":134},{"style":133},"--shiki-default:#ABB2BF",[135],{"type":21,"value":136},";\n",{"type":15,"tag":103,"props":138,"children":140},{"class":105,"line":139},2,[141,145,150,154,159,164,169],{"type":15,"tag":103,"props":142,"children":143},{"style":110},[144],{"type":21,"value":113},{"type":15,"tag":103,"props":146,"children":147},{"style":133},[148],{"type":21,"value":149}," { ",{"type":15,"tag":103,"props":151,"children":152},{"style":116},[153],{"type":21,"value":10},{"type":15,"tag":103,"props":155,"children":156},{"style":133},[157],{"type":21,"value":158}," } ",{"type":15,"tag":103,"props":160,"children":161},{"style":110},[162],{"type":21,"value":163},"from",{"type":15,"tag":103,"props":165,"children":166},{"style":127},[167],{"type":21,"value":168}," '@storefront-ui\u002Freact'",{"type":15,"tag":103,"props":170,"children":171},{"style":133},[172],{"type":21,"value":136},{"type":15,"tag":103,"props":174,"children":176},{"class":105,"line":175},3,[177],{"type":15,"tag":103,"props":178,"children":179},{"emptyLinePlaceholder":8},[180],{"type":21,"value":181},"\n",{"type":15,"tag":103,"props":183,"children":185},{"class":105,"line":184},4,[186,191,196,201,207],{"type":15,"tag":103,"props":187,"children":188},{"style":110},[189],{"type":21,"value":190},"export",{"type":15,"tag":103,"props":192,"children":193},{"style":110},[194],{"type":21,"value":195}," default",{"type":15,"tag":103,"props":197,"children":198},{"style":110},[199],{"type":21,"value":200}," function",{"type":15,"tag":103,"props":202,"children":204},{"style":203},"--shiki-default:#61AFEF",[205],{"type":21,"value":206}," InputWithFocusVisible",{"type":15,"tag":103,"props":208,"children":209},{"style":133},[210],{"type":21,"value":211},"() {\n",{"type":15,"tag":103,"props":213,"children":215},{"class":105,"line":214},5,[216,221,225,231,235,241,246,251,256,261,267],{"type":15,"tag":103,"props":217,"children":218},{"style":110},[219],{"type":21,"value":220},"  const",{"type":15,"tag":103,"props":222,"children":223},{"style":133},[224],{"type":21,"value":149},{"type":15,"tag":103,"props":226,"children":228},{"style":227},"--shiki-default:#E5C07B",[229],{"type":21,"value":230},"isFocusVisible",{"type":15,"tag":103,"props":232,"children":233},{"style":133},[234],{"type":21,"value":158},{"type":15,"tag":103,"props":236,"children":238},{"style":237},"--shiki-default:#56B6C2",[239],{"type":21,"value":240},"=",{"type":15,"tag":103,"props":242,"children":243},{"style":203},[244],{"type":21,"value":245}," useFocusVisible",{"type":15,"tag":103,"props":247,"children":248},{"style":133},[249],{"type":21,"value":250},"({ ",{"type":15,"tag":103,"props":252,"children":253},{"style":116},[254],{"type":21,"value":255},"isTextInput",{"type":15,"tag":103,"props":257,"children":258},{"style":133},[259],{"type":21,"value":260},": ",{"type":15,"tag":103,"props":262,"children":264},{"style":263},"--shiki-default:#D19A66",[265],{"type":21,"value":266},"true",{"type":15,"tag":103,"props":268,"children":269},{"style":133},[270],{"type":21,"value":271}," });\n",{"type":15,"tag":103,"props":273,"children":275},{"class":105,"line":274},6,[276,281],{"type":15,"tag":103,"props":277,"children":278},{"style":110},[279],{"type":21,"value":280},"  return",{"type":15,"tag":103,"props":282,"children":283},{"style":133},[284],{"type":21,"value":285}," (\n",{"type":15,"tag":103,"props":287,"children":289},{"class":105,"line":288},7,[290,295,300],{"type":15,"tag":103,"props":291,"children":292},{"style":133},[293],{"type":21,"value":294},"    \u003C",{"type":15,"tag":103,"props":296,"children":297},{"style":116},[298],{"type":21,"value":299},"div",{"type":15,"tag":103,"props":301,"children":302},{"style":133},[303],{"type":21,"value":304},">\n",{"type":15,"tag":103,"props":306,"children":308},{"class":105,"line":307},8,[309,314,319,325,329,334],{"type":15,"tag":103,"props":310,"children":311},{"style":133},[312],{"type":21,"value":313},"      \u003C",{"type":15,"tag":103,"props":315,"children":316},{"style":116},[317],{"type":21,"value":318},"label",{"type":15,"tag":103,"props":320,"children":322},{"style":321},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[323],{"type":21,"value":324}," className",{"type":15,"tag":103,"props":326,"children":327},{"style":237},[328],{"type":21,"value":240},{"type":15,"tag":103,"props":330,"children":331},{"style":127},[332],{"type":21,"value":333},"\"inline-block m-2\"",{"type":15,"tag":103,"props":335,"children":336},{"style":133},[337],{"type":21,"value":304},{"type":15,"tag":103,"props":339,"children":341},{"class":105,"line":340},9,[342,347,351,356,360],{"type":15,"tag":103,"props":343,"children":344},{"style":133},[345],{"type":21,"value":346},"        \u003C",{"type":15,"tag":103,"props":348,"children":349},{"style":116},[350],{"type":21,"value":103},{"type":15,"tag":103,"props":352,"children":353},{"style":133},[354],{"type":21,"value":355},">Default focus visible\u003C\u002F",{"type":15,"tag":103,"props":357,"children":358},{"style":116},[359],{"type":21,"value":103},{"type":15,"tag":103,"props":361,"children":362},{"style":133},[363],{"type":21,"value":304},{"type":15,"tag":103,"props":365,"children":367},{"class":105,"line":366},10,[368,372,377,381,385,390],{"type":15,"tag":103,"props":369,"children":370},{"style":133},[371],{"type":21,"value":346},{"type":15,"tag":103,"props":373,"children":374},{"style":116},[375],{"type":21,"value":376},"input",{"type":15,"tag":103,"props":378,"children":379},{"style":321},[380],{"type":21,"value":324},{"type":15,"tag":103,"props":382,"children":383},{"style":237},[384],{"type":21,"value":240},{"type":15,"tag":103,"props":386,"children":387},{"style":127},[388],{"type":21,"value":389},"\"block bg-gray-100 p-2 rounded-md focus:outline-hidden focus-visible:ring-2\"",{"type":15,"tag":103,"props":391,"children":392},{"style":133},[393],{"type":21,"value":394}," \u002F>\n",{"type":15,"tag":103,"props":396,"children":398},{"class":105,"line":397},11,[399,404,408],{"type":15,"tag":103,"props":400,"children":401},{"style":133},[402],{"type":21,"value":403},"      \u003C\u002F",{"type":15,"tag":103,"props":405,"children":406},{"style":116},[407],{"type":21,"value":318},{"type":15,"tag":103,"props":409,"children":410},{"style":133},[411],{"type":21,"value":304},{"type":15,"tag":103,"props":413,"children":415},{"class":105,"line":414},12,[416,420,424,428,432,436],{"type":15,"tag":103,"props":417,"children":418},{"style":133},[419],{"type":21,"value":313},{"type":15,"tag":103,"props":421,"children":422},{"style":116},[423],{"type":21,"value":318},{"type":15,"tag":103,"props":425,"children":426},{"style":321},[427],{"type":21,"value":324},{"type":15,"tag":103,"props":429,"children":430},{"style":237},[431],{"type":21,"value":240},{"type":15,"tag":103,"props":433,"children":434},{"style":127},[435],{"type":21,"value":333},{"type":15,"tag":103,"props":437,"children":438},{"style":133},[439],{"type":21,"value":304},{"type":15,"tag":103,"props":441,"children":443},{"class":105,"line":442},13,[444,448,452,457,461],{"type":15,"tag":103,"props":445,"children":446},{"style":133},[447],{"type":21,"value":346},{"type":15,"tag":103,"props":449,"children":450},{"style":116},[451],{"type":21,"value":103},{"type":15,"tag":103,"props":453,"children":454},{"style":133},[455],{"type":21,"value":456},">Custom focus visible\u003C\u002F",{"type":15,"tag":103,"props":458,"children":459},{"style":116},[460],{"type":21,"value":103},{"type":15,"tag":103,"props":462,"children":463},{"style":133},[464],{"type":21,"value":304},{"type":15,"tag":103,"props":466,"children":468},{"class":105,"line":467},14,[469,473],{"type":15,"tag":103,"props":470,"children":471},{"style":133},[472],{"type":21,"value":346},{"type":15,"tag":103,"props":474,"children":475},{"style":116},[476],{"type":21,"value":477},"input\n",{"type":15,"tag":103,"props":479,"children":481},{"class":105,"line":480},15,[482,487,491,496,501,506,511],{"type":15,"tag":103,"props":483,"children":484},{"style":321},[485],{"type":21,"value":486},"          className",{"type":15,"tag":103,"props":488,"children":489},{"style":237},[490],{"type":21,"value":240},{"type":15,"tag":103,"props":492,"children":493},{"style":110},[494],{"type":21,"value":495},"{",{"type":15,"tag":103,"props":497,"children":498},{"style":203},[499],{"type":21,"value":500},"classNames",{"type":15,"tag":103,"props":502,"children":503},{"style":133},[504],{"type":21,"value":505},"(",{"type":15,"tag":103,"props":507,"children":508},{"style":127},[509],{"type":21,"value":510},"'block bg-gray-100 p-2 rounded-md focus:outline-hidden'",{"type":15,"tag":103,"props":512,"children":513},{"style":133},[514],{"type":21,"value":515},", {\n",{"type":15,"tag":103,"props":517,"children":519},{"class":105,"line":518},16,[520,525,529,533],{"type":15,"tag":103,"props":521,"children":522},{"style":127},[523],{"type":21,"value":524},"            'focus-visible:ring-2'",{"type":15,"tag":103,"props":526,"children":527},{"style":133},[528],{"type":21,"value":260},{"type":15,"tag":103,"props":530,"children":531},{"style":116},[532],{"type":21,"value":230},{"type":15,"tag":103,"props":534,"children":535},{"style":133},[536],{"type":21,"value":537},",\n",{"type":15,"tag":103,"props":539,"children":541},{"class":105,"line":540},17,[542,547],{"type":15,"tag":103,"props":543,"children":544},{"style":133},[545],{"type":21,"value":546},"          })",{"type":15,"tag":103,"props":548,"children":549},{"style":110},[550],{"type":21,"value":551},"}\n",{"type":15,"tag":103,"props":553,"children":555},{"class":105,"line":554},18,[556],{"type":15,"tag":103,"props":557,"children":558},{"style":133},[559],{"type":21,"value":560},"        \u002F>\n",{"type":15,"tag":103,"props":562,"children":564},{"class":105,"line":563},19,[565,569,573],{"type":15,"tag":103,"props":566,"children":567},{"style":133},[568],{"type":21,"value":403},{"type":15,"tag":103,"props":570,"children":571},{"style":116},[572],{"type":21,"value":318},{"type":15,"tag":103,"props":574,"children":575},{"style":133},[576],{"type":21,"value":304},{"type":15,"tag":103,"props":578,"children":580},{"class":105,"line":579},20,[581,586,590],{"type":15,"tag":103,"props":582,"children":583},{"style":133},[584],{"type":21,"value":585},"    \u003C\u002F",{"type":15,"tag":103,"props":587,"children":588},{"style":116},[589],{"type":21,"value":299},{"type":15,"tag":103,"props":591,"children":592},{"style":133},[593],{"type":21,"value":304},{"type":15,"tag":103,"props":595,"children":597},{"class":105,"line":596},21,[598],{"type":15,"tag":103,"props":599,"children":600},{"style":133},[601],{"type":21,"value":602},"  );\n",{"type":15,"tag":103,"props":604,"children":606},{"class":105,"line":605},22,[607],{"type":15,"tag":103,"props":608,"children":609},{"style":133},[610],{"type":21,"value":551},{"type":15,"tag":612,"props":613,"children":614},"vue-only",{},[615],{"type":15,"tag":93,"props":616,"children":620},{"className":617,"code":618,"language":619,"meta":9,"style":9},"language-vue shiki shiki-themes one-dark-pro","\u003Ctemplate>\n  \u003Cdiv>\n    \u003Clabel class=\"inline-block m-2\">\n      \u003Cspan>Default focus visible\u003C\u002Fspan>\n      \u003Cinput class=\"block bg-gray-100 p-2 rounded-md focus:outline-hidden focus-visible:ring-2\" \u002F>\n    \u003C\u002Flabel>\n    \u003Clabel class=\"inline-block m-2\">\n      \u003Cspan>Custom focus visible\u003C\u002Fspan>\n      \u003Cinput\n        :class=\"['block bg-gray-100 p-2 rounded-md focus:outline-hidden', { 'focus-visible:ring-2': isFocusVisible }]\"\n      \u002F>\n    \u003C\u002Flabel>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { useFocusVisible } from '@storefront-ui\u002Fvue';\nconst { isFocusVisible } = useFocusVisible({ isTextInput: true });\n\u003C\u002Fscript>\n\n","vue",[621],{"type":15,"tag":36,"props":622,"children":623},{"__ignoreMap":9},[624,640,656,684,707,734,749,776,799,810,827,835,850,866,882,889,924,956,1004],{"type":15,"tag":103,"props":625,"children":626},{"class":105,"line":106},[627,632,636],{"type":15,"tag":103,"props":628,"children":629},{"style":133},[630],{"type":21,"value":631},"\u003C",{"type":15,"tag":103,"props":633,"children":634},{"style":116},[635],{"type":21,"value":28},{"type":15,"tag":103,"props":637,"children":638},{"style":133},[639],{"type":21,"value":304},{"type":15,"tag":103,"props":641,"children":642},{"class":105,"line":139},[643,648,652],{"type":15,"tag":103,"props":644,"children":645},{"style":133},[646],{"type":21,"value":647},"  \u003C",{"type":15,"tag":103,"props":649,"children":650},{"style":116},[651],{"type":21,"value":299},{"type":15,"tag":103,"props":653,"children":654},{"style":133},[655],{"type":21,"value":304},{"type":15,"tag":103,"props":657,"children":658},{"class":105,"line":175},[659,663,667,672,676,680],{"type":15,"tag":103,"props":660,"children":661},{"style":133},[662],{"type":21,"value":294},{"type":15,"tag":103,"props":664,"children":665},{"style":116},[666],{"type":21,"value":318},{"type":15,"tag":103,"props":668,"children":669},{"style":263},[670],{"type":21,"value":671}," class",{"type":15,"tag":103,"props":673,"children":674},{"style":133},[675],{"type":21,"value":240},{"type":15,"tag":103,"props":677,"children":678},{"style":127},[679],{"type":21,"value":333},{"type":15,"tag":103,"props":681,"children":682},{"style":133},[683],{"type":21,"value":304},{"type":15,"tag":103,"props":685,"children":686},{"class":105,"line":184},[687,691,695,699,703],{"type":15,"tag":103,"props":688,"children":689},{"style":133},[690],{"type":21,"value":313},{"type":15,"tag":103,"props":692,"children":693},{"style":116},[694],{"type":21,"value":103},{"type":15,"tag":103,"props":696,"children":697},{"style":133},[698],{"type":21,"value":355},{"type":15,"tag":103,"props":700,"children":701},{"style":116},[702],{"type":21,"value":103},{"type":15,"tag":103,"props":704,"children":705},{"style":133},[706],{"type":21,"value":304},{"type":15,"tag":103,"props":708,"children":709},{"class":105,"line":214},[710,714,718,722,726,730],{"type":15,"tag":103,"props":711,"children":712},{"style":133},[713],{"type":21,"value":313},{"type":15,"tag":103,"props":715,"children":716},{"style":116},[717],{"type":21,"value":376},{"type":15,"tag":103,"props":719,"children":720},{"style":263},[721],{"type":21,"value":671},{"type":15,"tag":103,"props":723,"children":724},{"style":133},[725],{"type":21,"value":240},{"type":15,"tag":103,"props":727,"children":728},{"style":127},[729],{"type":21,"value":389},{"type":15,"tag":103,"props":731,"children":732},{"style":133},[733],{"type":21,"value":394},{"type":15,"tag":103,"props":735,"children":736},{"class":105,"line":274},[737,741,745],{"type":15,"tag":103,"props":738,"children":739},{"style":133},[740],{"type":21,"value":585},{"type":15,"tag":103,"props":742,"children":743},{"style":116},[744],{"type":21,"value":318},{"type":15,"tag":103,"props":746,"children":747},{"style":133},[748],{"type":21,"value":304},{"type":15,"tag":103,"props":750,"children":751},{"class":105,"line":288},[752,756,760,764,768,772],{"type":15,"tag":103,"props":753,"children":754},{"style":133},[755],{"type":21,"value":294},{"type":15,"tag":103,"props":757,"children":758},{"style":116},[759],{"type":21,"value":318},{"type":15,"tag":103,"props":761,"children":762},{"style":263},[763],{"type":21,"value":671},{"type":15,"tag":103,"props":765,"children":766},{"style":133},[767],{"type":21,"value":240},{"type":15,"tag":103,"props":769,"children":770},{"style":127},[771],{"type":21,"value":333},{"type":15,"tag":103,"props":773,"children":774},{"style":133},[775],{"type":21,"value":304},{"type":15,"tag":103,"props":777,"children":778},{"class":105,"line":307},[779,783,787,791,795],{"type":15,"tag":103,"props":780,"children":781},{"style":133},[782],{"type":21,"value":313},{"type":15,"tag":103,"props":784,"children":785},{"style":116},[786],{"type":21,"value":103},{"type":15,"tag":103,"props":788,"children":789},{"style":133},[790],{"type":21,"value":456},{"type":15,"tag":103,"props":792,"children":793},{"style":116},[794],{"type":21,"value":103},{"type":15,"tag":103,"props":796,"children":797},{"style":133},[798],{"type":21,"value":304},{"type":15,"tag":103,"props":800,"children":801},{"class":105,"line":340},[802,806],{"type":15,"tag":103,"props":803,"children":804},{"style":133},[805],{"type":21,"value":313},{"type":15,"tag":103,"props":807,"children":808},{"style":116},[809],{"type":21,"value":477},{"type":15,"tag":103,"props":811,"children":812},{"class":105,"line":366},[813,818,822],{"type":15,"tag":103,"props":814,"children":815},{"style":263},[816],{"type":21,"value":817},"        :class",{"type":15,"tag":103,"props":819,"children":820},{"style":133},[821],{"type":21,"value":240},{"type":15,"tag":103,"props":823,"children":824},{"style":127},[825],{"type":21,"value":826},"\"['block bg-gray-100 p-2 rounded-md focus:outline-hidden', { 'focus-visible:ring-2': isFocusVisible }]\"\n",{"type":15,"tag":103,"props":828,"children":829},{"class":105,"line":397},[830],{"type":15,"tag":103,"props":831,"children":832},{"style":133},[833],{"type":21,"value":834},"      \u002F>\n",{"type":15,"tag":103,"props":836,"children":837},{"class":105,"line":414},[838,842,846],{"type":15,"tag":103,"props":839,"children":840},{"style":133},[841],{"type":21,"value":585},{"type":15,"tag":103,"props":843,"children":844},{"style":116},[845],{"type":21,"value":318},{"type":15,"tag":103,"props":847,"children":848},{"style":133},[849],{"type":21,"value":304},{"type":15,"tag":103,"props":851,"children":852},{"class":105,"line":442},[853,858,862],{"type":15,"tag":103,"props":854,"children":855},{"style":133},[856],{"type":21,"value":857},"  \u003C\u002F",{"type":15,"tag":103,"props":859,"children":860},{"style":116},[861],{"type":21,"value":299},{"type":15,"tag":103,"props":863,"children":864},{"style":133},[865],{"type":21,"value":304},{"type":15,"tag":103,"props":867,"children":868},{"class":105,"line":467},[869,874,878],{"type":15,"tag":103,"props":870,"children":871},{"style":133},[872],{"type":21,"value":873},"\u003C\u002F",{"type":15,"tag":103,"props":875,"children":876},{"style":116},[877],{"type":21,"value":28},{"type":15,"tag":103,"props":879,"children":880},{"style":133},[881],{"type":21,"value":304},{"type":15,"tag":103,"props":883,"children":884},{"class":105,"line":480},[885],{"type":15,"tag":103,"props":886,"children":887},{"emptyLinePlaceholder":8},[888],{"type":21,"value":181},{"type":15,"tag":103,"props":890,"children":891},{"class":105,"line":518},[892,896,901,906,910,915,920],{"type":15,"tag":103,"props":893,"children":894},{"style":133},[895],{"type":21,"value":631},{"type":15,"tag":103,"props":897,"children":898},{"style":116},[899],{"type":21,"value":900},"script",{"type":15,"tag":103,"props":902,"children":903},{"style":263},[904],{"type":21,"value":905}," lang",{"type":15,"tag":103,"props":907,"children":908},{"style":133},[909],{"type":21,"value":240},{"type":15,"tag":103,"props":911,"children":912},{"style":127},[913],{"type":21,"value":914},"\"ts\"",{"type":15,"tag":103,"props":916,"children":917},{"style":263},[918],{"type":21,"value":919}," setup",{"type":15,"tag":103,"props":921,"children":922},{"style":133},[923],{"type":21,"value":304},{"type":15,"tag":103,"props":925,"children":926},{"class":105,"line":540},[927,931,935,939,943,947,952],{"type":15,"tag":103,"props":928,"children":929},{"style":110},[930],{"type":21,"value":113},{"type":15,"tag":103,"props":932,"children":933},{"style":133},[934],{"type":21,"value":149},{"type":15,"tag":103,"props":936,"children":937},{"style":116},[938],{"type":21,"value":10},{"type":15,"tag":103,"props":940,"children":941},{"style":133},[942],{"type":21,"value":158},{"type":15,"tag":103,"props":944,"children":945},{"style":110},[946],{"type":21,"value":163},{"type":15,"tag":103,"props":948,"children":949},{"style":127},[950],{"type":21,"value":951}," '@storefront-ui\u002Fvue'",{"type":15,"tag":103,"props":953,"children":954},{"style":133},[955],{"type":21,"value":136},{"type":15,"tag":103,"props":957,"children":958},{"class":105,"line":554},[959,964,968,972,976,980,984,988,992,996,1000],{"type":15,"tag":103,"props":960,"children":961},{"style":110},[962],{"type":21,"value":963},"const",{"type":15,"tag":103,"props":965,"children":966},{"style":133},[967],{"type":21,"value":149},{"type":15,"tag":103,"props":969,"children":970},{"style":227},[971],{"type":21,"value":230},{"type":15,"tag":103,"props":973,"children":974},{"style":133},[975],{"type":21,"value":158},{"type":15,"tag":103,"props":977,"children":978},{"style":237},[979],{"type":21,"value":240},{"type":15,"tag":103,"props":981,"children":982},{"style":203},[983],{"type":21,"value":245},{"type":15,"tag":103,"props":985,"children":986},{"style":133},[987],{"type":21,"value":250},{"type":15,"tag":103,"props":989,"children":990},{"style":116},[991],{"type":21,"value":255},{"type":15,"tag":103,"props":993,"children":994},{"style":133},[995],{"type":21,"value":260},{"type":15,"tag":103,"props":997,"children":998},{"style":263},[999],{"type":21,"value":266},{"type":15,"tag":103,"props":1001,"children":1002},{"style":133},[1003],{"type":21,"value":271},{"type":15,"tag":103,"props":1005,"children":1006},{"class":105,"line":563},[1007,1011,1015],{"type":15,"tag":103,"props":1008,"children":1009},{"style":133},[1010],{"type":21,"value":873},{"type":15,"tag":103,"props":1012,"children":1013},{"style":116},[1014],{"type":21,"value":900},{"type":15,"tag":103,"props":1016,"children":1017},{"style":133},[1018],{"type":21,"value":304},{"type":15,"tag":28,"props":1020,"children":1021},{"v-slot:tab-2":9},[1022,1028,1117,1123],{"type":15,"tag":65,"props":1023,"children":1025},{"id":1024},"parameters",[1026],{"type":21,"value":1027},"Parameters",{"type":15,"tag":1029,"props":1030,"children":1031},"table",{},[1032,1061],{"type":15,"tag":1033,"props":1034,"children":1035},"thead",{},[1036],{"type":15,"tag":1037,"props":1038,"children":1039},"tr",{},[1040,1046,1051,1056],{"type":15,"tag":1041,"props":1042,"children":1043},"th",{},[1044],{"type":21,"value":1045},"Name",{"type":15,"tag":1041,"props":1047,"children":1048},{},[1049],{"type":21,"value":1050},"Type",{"type":15,"tag":1041,"props":1052,"children":1053},{},[1054],{"type":21,"value":1055},"Default value",{"type":15,"tag":1041,"props":1057,"children":1058},{},[1059],{"type":21,"value":1060},"Description",{"type":15,"tag":1062,"props":1063,"children":1064},"tbody",{},[1065,1092],{"type":15,"tag":1037,"props":1066,"children":1067},{},[1068,1073,1082,1087],{"type":15,"tag":1069,"props":1070,"children":1071},"td",{},[1072],{"type":21,"value":255},{"type":15,"tag":1069,"props":1074,"children":1075},{},[1076],{"type":15,"tag":36,"props":1077,"children":1079},{"className":1078},[],[1080],{"type":21,"value":1081},"boolean",{"type":15,"tag":1069,"props":1083,"children":1084},{},[1085],{"type":21,"value":1086},"false",{"type":15,"tag":1069,"props":1088,"children":1089},{},[1090],{"type":21,"value":1091},"Whether the element is a text input.",{"type":15,"tag":1037,"props":1093,"children":1094},{},[1095,1100,1108,1112],{"type":15,"tag":1069,"props":1096,"children":1097},{},[1098],{"type":21,"value":1099},"autoFocus",{"type":15,"tag":1069,"props":1101,"children":1102},{},[1103],{"type":15,"tag":36,"props":1104,"children":1106},{"className":1105},[],[1107],{"type":21,"value":1081},{"type":15,"tag":1069,"props":1109,"children":1110},{},[1111],{"type":21,"value":1086},{"type":15,"tag":1069,"props":1113,"children":1114},{},[1115],{"type":21,"value":1116},"Whether the element will be auto focused.",{"type":15,"tag":65,"props":1118,"children":1120},{"id":1119},"return-value",[1121],{"type":21,"value":1122},"Return value",{"type":15,"tag":1029,"props":1124,"children":1125},{},[1126,1148],{"type":15,"tag":1033,"props":1127,"children":1128},{},[1129],{"type":15,"tag":1037,"props":1130,"children":1131},{},[1132,1136,1140,1144],{"type":15,"tag":1041,"props":1133,"children":1134},{},[1135],{"type":21,"value":1045},{"type":15,"tag":1041,"props":1137,"children":1138},{},[1139],{"type":21,"value":1050},{"type":15,"tag":1041,"props":1141,"children":1142},{},[1143],{"type":21,"value":1055},{"type":15,"tag":1041,"props":1145,"children":1146},{},[1147],{"type":21,"value":1060},{"type":15,"tag":1062,"props":1149,"children":1150},{},[1151],{"type":15,"tag":1037,"props":1152,"children":1153},{},[1154,1158,1166,1169],{"type":15,"tag":1069,"props":1155,"children":1156},{},[1157],{"type":21,"value":230},{"type":15,"tag":1069,"props":1159,"children":1160},{},[1161],{"type":15,"tag":36,"props":1162,"children":1164},{"className":1163},[],[1165],{"type":21,"value":1081},{"type":15,"tag":1069,"props":1167,"children":1168},{},[],{"type":15,"tag":1069,"props":1170,"children":1171},{},[1172],{"type":21,"value":1173},"Whether keyboard focus is visible globally.",{"type":15,"tag":28,"props":1175,"children":1176},{"v-slot:tab-3":9},[1177,1929],{"type":15,"tag":89,"props":1178,"children":1179},{},[1180],{"type":15,"tag":93,"props":1181,"children":1185},{"className":1182,"code":1183,"language":1184,"meta":9,"style":9},"language-ts shiki shiki-themes one-dark-pro","import { useEffect, useState } from 'react';\nimport { focusVisibleManager, FocusHandlerEvent, FocusModality } from '@storefront-ui\u002Fshared';\nimport { FocusVisibleProps, FocusVisibleResult } from '.\u002Ftypes';\n\nconst manager = focusVisibleManager();\n\nexport const useFocusVisible = (props: FocusVisibleProps = {}): FocusVisibleResult => {\n  manager.setupGlobalFocusEvents();\n  const { isTextInput, autoFocus } = props;\n  const [isFocusVisible, setFocusVisible] = useState(autoFocus || manager.isFocusVisible());\n\n  useEffect(() => {\n    const handler = (modality: FocusModality, e: FocusHandlerEvent) => {\n      if (!manager.isKeyboardFocusEvent(isTextInput, modality, e)) {\n        return;\n      }\n      setFocusVisible(manager.isFocusVisible());\n    };\n    manager.changeHandlers.add(handler);\n    return () => {\n      manager.changeHandlers.delete(handler);\n    };\n  }, [isTextInput]);\n\n  return { isFocusVisible };\n};\n\n","ts",[1186],{"type":15,"tag":36,"props":1187,"children":1188},{"__ignoreMap":9},[1189,1232,1283,1325,1332,1359,1366,1428,1450,1490,1559,1566,1588,1652,1712,1724,1732,1760,1768,1808,1829,1866,1873,1891,1899,1920],{"type":15,"tag":103,"props":1190,"children":1191},{"class":105,"line":106},[1192,1196,1200,1205,1210,1215,1219,1223,1228],{"type":15,"tag":103,"props":1193,"children":1194},{"style":110},[1195],{"type":21,"value":113},{"type":15,"tag":103,"props":1197,"children":1198},{"style":133},[1199],{"type":21,"value":149},{"type":15,"tag":103,"props":1201,"children":1202},{"style":116},[1203],{"type":21,"value":1204},"useEffect",{"type":15,"tag":103,"props":1206,"children":1207},{"style":133},[1208],{"type":21,"value":1209},", ",{"type":15,"tag":103,"props":1211,"children":1212},{"style":116},[1213],{"type":21,"value":1214},"useState",{"type":15,"tag":103,"props":1216,"children":1217},{"style":133},[1218],{"type":21,"value":158},{"type":15,"tag":103,"props":1220,"children":1221},{"style":110},[1222],{"type":21,"value":163},{"type":15,"tag":103,"props":1224,"children":1225},{"style":127},[1226],{"type":21,"value":1227}," 'react'",{"type":15,"tag":103,"props":1229,"children":1230},{"style":133},[1231],{"type":21,"value":136},{"type":15,"tag":103,"props":1233,"children":1234},{"class":105,"line":139},[1235,1239,1243,1248,1252,1257,1261,1266,1270,1274,1279],{"type":15,"tag":103,"props":1236,"children":1237},{"style":110},[1238],{"type":21,"value":113},{"type":15,"tag":103,"props":1240,"children":1241},{"style":133},[1242],{"type":21,"value":149},{"type":15,"tag":103,"props":1244,"children":1245},{"style":116},[1246],{"type":21,"value":1247},"focusVisibleManager",{"type":15,"tag":103,"props":1249,"children":1250},{"style":133},[1251],{"type":21,"value":1209},{"type":15,"tag":103,"props":1253,"children":1254},{"style":116},[1255],{"type":21,"value":1256},"FocusHandlerEvent",{"type":15,"tag":103,"props":1258,"children":1259},{"style":133},[1260],{"type":21,"value":1209},{"type":15,"tag":103,"props":1262,"children":1263},{"style":116},[1264],{"type":21,"value":1265},"FocusModality",{"type":15,"tag":103,"props":1267,"children":1268},{"style":133},[1269],{"type":21,"value":158},{"type":15,"tag":103,"props":1271,"children":1272},{"style":110},[1273],{"type":21,"value":163},{"type":15,"tag":103,"props":1275,"children":1276},{"style":127},[1277],{"type":21,"value":1278}," '@storefront-ui\u002Fshared'",{"type":15,"tag":103,"props":1280,"children":1281},{"style":133},[1282],{"type":21,"value":136},{"type":15,"tag":103,"props":1284,"children":1285},{"class":105,"line":175},[1286,1290,1294,1299,1303,1308,1312,1316,1321],{"type":15,"tag":103,"props":1287,"children":1288},{"style":110},[1289],{"type":21,"value":113},{"type":15,"tag":103,"props":1291,"children":1292},{"style":133},[1293],{"type":21,"value":149},{"type":15,"tag":103,"props":1295,"children":1296},{"style":116},[1297],{"type":21,"value":1298},"FocusVisibleProps",{"type":15,"tag":103,"props":1300,"children":1301},{"style":133},[1302],{"type":21,"value":1209},{"type":15,"tag":103,"props":1304,"children":1305},{"style":116},[1306],{"type":21,"value":1307},"FocusVisibleResult",{"type":15,"tag":103,"props":1309,"children":1310},{"style":133},[1311],{"type":21,"value":158},{"type":15,"tag":103,"props":1313,"children":1314},{"style":110},[1315],{"type":21,"value":163},{"type":15,"tag":103,"props":1317,"children":1318},{"style":127},[1319],{"type":21,"value":1320}," '.\u002Ftypes'",{"type":15,"tag":103,"props":1322,"children":1323},{"style":133},[1324],{"type":21,"value":136},{"type":15,"tag":103,"props":1326,"children":1327},{"class":105,"line":184},[1328],{"type":15,"tag":103,"props":1329,"children":1330},{"emptyLinePlaceholder":8},[1331],{"type":21,"value":181},{"type":15,"tag":103,"props":1333,"children":1334},{"class":105,"line":214},[1335,1339,1344,1349,1354],{"type":15,"tag":103,"props":1336,"children":1337},{"style":110},[1338],{"type":21,"value":963},{"type":15,"tag":103,"props":1340,"children":1341},{"style":227},[1342],{"type":21,"value":1343}," manager",{"type":15,"tag":103,"props":1345,"children":1346},{"style":237},[1347],{"type":21,"value":1348}," =",{"type":15,"tag":103,"props":1350,"children":1351},{"style":203},[1352],{"type":21,"value":1353}," focusVisibleManager",{"type":15,"tag":103,"props":1355,"children":1356},{"style":133},[1357],{"type":21,"value":1358},"();\n",{"type":15,"tag":103,"props":1360,"children":1361},{"class":105,"line":274},[1362],{"type":15,"tag":103,"props":1363,"children":1364},{"emptyLinePlaceholder":8},[1365],{"type":21,"value":181},{"type":15,"tag":103,"props":1367,"children":1368},{"class":105,"line":288},[1369,1373,1378,1382,1386,1391,1397,1401,1405,1409,1414,1418,1423],{"type":15,"tag":103,"props":1370,"children":1371},{"style":110},[1372],{"type":21,"value":190},{"type":15,"tag":103,"props":1374,"children":1375},{"style":110},[1376],{"type":21,"value":1377}," const",{"type":15,"tag":103,"props":1379,"children":1380},{"style":203},[1381],{"type":21,"value":245},{"type":15,"tag":103,"props":1383,"children":1384},{"style":237},[1385],{"type":21,"value":1348},{"type":15,"tag":103,"props":1387,"children":1388},{"style":133},[1389],{"type":21,"value":1390}," (",{"type":15,"tag":103,"props":1392,"children":1394},{"style":1393},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[1395],{"type":21,"value":1396},"props",{"type":15,"tag":103,"props":1398,"children":1399},{"style":133},[1400],{"type":21,"value":260},{"type":15,"tag":103,"props":1402,"children":1403},{"style":227},[1404],{"type":21,"value":1298},{"type":15,"tag":103,"props":1406,"children":1407},{"style":237},[1408],{"type":21,"value":1348},{"type":15,"tag":103,"props":1410,"children":1411},{"style":133},[1412],{"type":21,"value":1413}," {}): ",{"type":15,"tag":103,"props":1415,"children":1416},{"style":227},[1417],{"type":21,"value":1307},{"type":15,"tag":103,"props":1419,"children":1420},{"style":110},[1421],{"type":21,"value":1422}," =>",{"type":15,"tag":103,"props":1424,"children":1425},{"style":133},[1426],{"type":21,"value":1427}," {\n",{"type":15,"tag":103,"props":1429,"children":1430},{"class":105,"line":307},[1431,1436,1441,1446],{"type":15,"tag":103,"props":1432,"children":1433},{"style":227},[1434],{"type":21,"value":1435},"  manager",{"type":15,"tag":103,"props":1437,"children":1438},{"style":133},[1439],{"type":21,"value":1440},".",{"type":15,"tag":103,"props":1442,"children":1443},{"style":203},[1444],{"type":21,"value":1445},"setupGlobalFocusEvents",{"type":15,"tag":103,"props":1447,"children":1448},{"style":133},[1449],{"type":21,"value":1358},{"type":15,"tag":103,"props":1451,"children":1452},{"class":105,"line":340},[1453,1457,1461,1465,1469,1473,1477,1481,1486],{"type":15,"tag":103,"props":1454,"children":1455},{"style":110},[1456],{"type":21,"value":220},{"type":15,"tag":103,"props":1458,"children":1459},{"style":133},[1460],{"type":21,"value":149},{"type":15,"tag":103,"props":1462,"children":1463},{"style":227},[1464],{"type":21,"value":255},{"type":15,"tag":103,"props":1466,"children":1467},{"style":133},[1468],{"type":21,"value":1209},{"type":15,"tag":103,"props":1470,"children":1471},{"style":227},[1472],{"type":21,"value":1099},{"type":15,"tag":103,"props":1474,"children":1475},{"style":133},[1476],{"type":21,"value":158},{"type":15,"tag":103,"props":1478,"children":1479},{"style":237},[1480],{"type":21,"value":240},{"type":15,"tag":103,"props":1482,"children":1483},{"style":116},[1484],{"type":21,"value":1485}," props",{"type":15,"tag":103,"props":1487,"children":1488},{"style":133},[1489],{"type":21,"value":136},{"type":15,"tag":103,"props":1491,"children":1492},{"class":105,"line":366},[1493,1497,1502,1506,1510,1515,1520,1524,1529,1533,1537,1542,1546,1550,1554],{"type":15,"tag":103,"props":1494,"children":1495},{"style":110},[1496],{"type":21,"value":220},{"type":15,"tag":103,"props":1498,"children":1499},{"style":133},[1500],{"type":21,"value":1501}," [",{"type":15,"tag":103,"props":1503,"children":1504},{"style":227},[1505],{"type":21,"value":230},{"type":15,"tag":103,"props":1507,"children":1508},{"style":133},[1509],{"type":21,"value":1209},{"type":15,"tag":103,"props":1511,"children":1512},{"style":227},[1513],{"type":21,"value":1514},"setFocusVisible",{"type":15,"tag":103,"props":1516,"children":1517},{"style":133},[1518],{"type":21,"value":1519},"] ",{"type":15,"tag":103,"props":1521,"children":1522},{"style":237},[1523],{"type":21,"value":240},{"type":15,"tag":103,"props":1525,"children":1526},{"style":203},[1527],{"type":21,"value":1528}," useState",{"type":15,"tag":103,"props":1530,"children":1531},{"style":133},[1532],{"type":21,"value":505},{"type":15,"tag":103,"props":1534,"children":1535},{"style":116},[1536],{"type":21,"value":1099},{"type":15,"tag":103,"props":1538,"children":1539},{"style":237},[1540],{"type":21,"value":1541}," ||",{"type":15,"tag":103,"props":1543,"children":1544},{"style":227},[1545],{"type":21,"value":1343},{"type":15,"tag":103,"props":1547,"children":1548},{"style":133},[1549],{"type":21,"value":1440},{"type":15,"tag":103,"props":1551,"children":1552},{"style":203},[1553],{"type":21,"value":230},{"type":15,"tag":103,"props":1555,"children":1556},{"style":133},[1557],{"type":21,"value":1558},"());\n",{"type":15,"tag":103,"props":1560,"children":1561},{"class":105,"line":397},[1562],{"type":15,"tag":103,"props":1563,"children":1564},{"emptyLinePlaceholder":8},[1565],{"type":21,"value":181},{"type":15,"tag":103,"props":1567,"children":1568},{"class":105,"line":414},[1569,1574,1579,1584],{"type":15,"tag":103,"props":1570,"children":1571},{"style":203},[1572],{"type":21,"value":1573},"  useEffect",{"type":15,"tag":103,"props":1575,"children":1576},{"style":133},[1577],{"type":21,"value":1578},"(() ",{"type":15,"tag":103,"props":1580,"children":1581},{"style":110},[1582],{"type":21,"value":1583},"=>",{"type":15,"tag":103,"props":1585,"children":1586},{"style":133},[1587],{"type":21,"value":1427},{"type":15,"tag":103,"props":1589,"children":1590},{"class":105,"line":442},[1591,1596,1601,1605,1609,1614,1618,1622,1626,1631,1635,1639,1644,1648],{"type":15,"tag":103,"props":1592,"children":1593},{"style":110},[1594],{"type":21,"value":1595},"    const",{"type":15,"tag":103,"props":1597,"children":1598},{"style":203},[1599],{"type":21,"value":1600}," handler",{"type":15,"tag":103,"props":1602,"children":1603},{"style":237},[1604],{"type":21,"value":1348},{"type":15,"tag":103,"props":1606,"children":1607},{"style":133},[1608],{"type":21,"value":1390},{"type":15,"tag":103,"props":1610,"children":1611},{"style":1393},[1612],{"type":21,"value":1613},"modality",{"type":15,"tag":103,"props":1615,"children":1616},{"style":133},[1617],{"type":21,"value":260},{"type":15,"tag":103,"props":1619,"children":1620},{"style":227},[1621],{"type":21,"value":1265},{"type":15,"tag":103,"props":1623,"children":1624},{"style":133},[1625],{"type":21,"value":1209},{"type":15,"tag":103,"props":1627,"children":1628},{"style":1393},[1629],{"type":21,"value":1630},"e",{"type":15,"tag":103,"props":1632,"children":1633},{"style":133},[1634],{"type":21,"value":260},{"type":15,"tag":103,"props":1636,"children":1637},{"style":227},[1638],{"type":21,"value":1256},{"type":15,"tag":103,"props":1640,"children":1641},{"style":133},[1642],{"type":21,"value":1643},") ",{"type":15,"tag":103,"props":1645,"children":1646},{"style":110},[1647],{"type":21,"value":1583},{"type":15,"tag":103,"props":1649,"children":1650},{"style":133},[1651],{"type":21,"value":1427},{"type":15,"tag":103,"props":1653,"children":1654},{"class":105,"line":467},[1655,1660,1664,1669,1674,1678,1683,1687,1691,1695,1699,1703,1707],{"type":15,"tag":103,"props":1656,"children":1657},{"style":110},[1658],{"type":21,"value":1659},"      if",{"type":15,"tag":103,"props":1661,"children":1662},{"style":133},[1663],{"type":21,"value":1390},{"type":15,"tag":103,"props":1665,"children":1666},{"style":237},[1667],{"type":21,"value":1668},"!",{"type":15,"tag":103,"props":1670,"children":1671},{"style":227},[1672],{"type":21,"value":1673},"manager",{"type":15,"tag":103,"props":1675,"children":1676},{"style":133},[1677],{"type":21,"value":1440},{"type":15,"tag":103,"props":1679,"children":1680},{"style":203},[1681],{"type":21,"value":1682},"isKeyboardFocusEvent",{"type":15,"tag":103,"props":1684,"children":1685},{"style":133},[1686],{"type":21,"value":505},{"type":15,"tag":103,"props":1688,"children":1689},{"style":116},[1690],{"type":21,"value":255},{"type":15,"tag":103,"props":1692,"children":1693},{"style":133},[1694],{"type":21,"value":1209},{"type":15,"tag":103,"props":1696,"children":1697},{"style":116},[1698],{"type":21,"value":1613},{"type":15,"tag":103,"props":1700,"children":1701},{"style":133},[1702],{"type":21,"value":1209},{"type":15,"tag":103,"props":1704,"children":1705},{"style":116},[1706],{"type":21,"value":1630},{"type":15,"tag":103,"props":1708,"children":1709},{"style":133},[1710],{"type":21,"value":1711},")) {\n",{"type":15,"tag":103,"props":1713,"children":1714},{"class":105,"line":480},[1715,1720],{"type":15,"tag":103,"props":1716,"children":1717},{"style":110},[1718],{"type":21,"value":1719},"        return",{"type":15,"tag":103,"props":1721,"children":1722},{"style":133},[1723],{"type":21,"value":136},{"type":15,"tag":103,"props":1725,"children":1726},{"class":105,"line":518},[1727],{"type":15,"tag":103,"props":1728,"children":1729},{"style":133},[1730],{"type":21,"value":1731},"      }\n",{"type":15,"tag":103,"props":1733,"children":1734},{"class":105,"line":540},[1735,1740,1744,1748,1752,1756],{"type":15,"tag":103,"props":1736,"children":1737},{"style":203},[1738],{"type":21,"value":1739},"      setFocusVisible",{"type":15,"tag":103,"props":1741,"children":1742},{"style":133},[1743],{"type":21,"value":505},{"type":15,"tag":103,"props":1745,"children":1746},{"style":227},[1747],{"type":21,"value":1673},{"type":15,"tag":103,"props":1749,"children":1750},{"style":133},[1751],{"type":21,"value":1440},{"type":15,"tag":103,"props":1753,"children":1754},{"style":203},[1755],{"type":21,"value":230},{"type":15,"tag":103,"props":1757,"children":1758},{"style":133},[1759],{"type":21,"value":1558},{"type":15,"tag":103,"props":1761,"children":1762},{"class":105,"line":554},[1763],{"type":15,"tag":103,"props":1764,"children":1765},{"style":133},[1766],{"type":21,"value":1767},"    };\n",{"type":15,"tag":103,"props":1769,"children":1770},{"class":105,"line":563},[1771,1776,1780,1785,1789,1794,1798,1803],{"type":15,"tag":103,"props":1772,"children":1773},{"style":227},[1774],{"type":21,"value":1775},"    manager",{"type":15,"tag":103,"props":1777,"children":1778},{"style":133},[1779],{"type":21,"value":1440},{"type":15,"tag":103,"props":1781,"children":1782},{"style":227},[1783],{"type":21,"value":1784},"changeHandlers",{"type":15,"tag":103,"props":1786,"children":1787},{"style":133},[1788],{"type":21,"value":1440},{"type":15,"tag":103,"props":1790,"children":1791},{"style":203},[1792],{"type":21,"value":1793},"add",{"type":15,"tag":103,"props":1795,"children":1796},{"style":133},[1797],{"type":21,"value":505},{"type":15,"tag":103,"props":1799,"children":1800},{"style":116},[1801],{"type":21,"value":1802},"handler",{"type":15,"tag":103,"props":1804,"children":1805},{"style":133},[1806],{"type":21,"value":1807},");\n",{"type":15,"tag":103,"props":1809,"children":1810},{"class":105,"line":579},[1811,1816,1821,1825],{"type":15,"tag":103,"props":1812,"children":1813},{"style":110},[1814],{"type":21,"value":1815},"    return",{"type":15,"tag":103,"props":1817,"children":1818},{"style":133},[1819],{"type":21,"value":1820}," () ",{"type":15,"tag":103,"props":1822,"children":1823},{"style":110},[1824],{"type":21,"value":1583},{"type":15,"tag":103,"props":1826,"children":1827},{"style":133},[1828],{"type":21,"value":1427},{"type":15,"tag":103,"props":1830,"children":1831},{"class":105,"line":596},[1832,1837,1841,1845,1849,1854,1858,1862],{"type":15,"tag":103,"props":1833,"children":1834},{"style":227},[1835],{"type":21,"value":1836},"      manager",{"type":15,"tag":103,"props":1838,"children":1839},{"style":133},[1840],{"type":21,"value":1440},{"type":15,"tag":103,"props":1842,"children":1843},{"style":227},[1844],{"type":21,"value":1784},{"type":15,"tag":103,"props":1846,"children":1847},{"style":133},[1848],{"type":21,"value":1440},{"type":15,"tag":103,"props":1850,"children":1851},{"style":203},[1852],{"type":21,"value":1853},"delete",{"type":15,"tag":103,"props":1855,"children":1856},{"style":133},[1857],{"type":21,"value":505},{"type":15,"tag":103,"props":1859,"children":1860},{"style":116},[1861],{"type":21,"value":1802},{"type":15,"tag":103,"props":1863,"children":1864},{"style":133},[1865],{"type":21,"value":1807},{"type":15,"tag":103,"props":1867,"children":1868},{"class":105,"line":605},[1869],{"type":15,"tag":103,"props":1870,"children":1871},{"style":133},[1872],{"type":21,"value":1767},{"type":15,"tag":103,"props":1874,"children":1876},{"class":105,"line":1875},23,[1877,1882,1886],{"type":15,"tag":103,"props":1878,"children":1879},{"style":133},[1880],{"type":21,"value":1881},"  }, [",{"type":15,"tag":103,"props":1883,"children":1884},{"style":116},[1885],{"type":21,"value":255},{"type":15,"tag":103,"props":1887,"children":1888},{"style":133},[1889],{"type":21,"value":1890},"]);\n",{"type":15,"tag":103,"props":1892,"children":1894},{"class":105,"line":1893},24,[1895],{"type":15,"tag":103,"props":1896,"children":1897},{"emptyLinePlaceholder":8},[1898],{"type":21,"value":181},{"type":15,"tag":103,"props":1900,"children":1902},{"class":105,"line":1901},25,[1903,1907,1911,1915],{"type":15,"tag":103,"props":1904,"children":1905},{"style":110},[1906],{"type":21,"value":280},{"type":15,"tag":103,"props":1908,"children":1909},{"style":133},[1910],{"type":21,"value":149},{"type":15,"tag":103,"props":1912,"children":1913},{"style":116},[1914],{"type":21,"value":230},{"type":15,"tag":103,"props":1916,"children":1917},{"style":133},[1918],{"type":21,"value":1919}," };\n",{"type":15,"tag":103,"props":1921,"children":1923},{"class":105,"line":1922},26,[1924],{"type":15,"tag":103,"props":1925,"children":1926},{"style":133},[1927],{"type":21,"value":1928},"};\n",{"type":15,"tag":612,"props":1930,"children":1931},{},[1932],{"type":15,"tag":93,"props":1933,"children":1935},{"className":1182,"code":1934,"language":1184,"meta":9,"style":9},"import { ref, onMounted, unref, computed, watch, onUnmounted } from 'vue';\nimport { focusVisibleManager, FocusHandlerEvent, FocusModality } from '@storefront-ui\u002Fshared';\nimport { FocusVisibleProps, FocusVisibleResult } from '.\u002Ftypes';\n\nconst manager = focusVisibleManager();\n\nexport const useFocusVisible = (props: FocusVisibleProps = {}): FocusVisibleResult => {\n  const isTextInput = computed(() => unref(props.isTextInput));\n  const isFocusVisible = ref(props.autoFocus || manager.isFocusVisible());\n  \u002F\u002F eslint-disable-next-line @typescript-eslint\u002Fno-empty-function\n  let onCleanup = () => {};\n\n  onMounted(() => {\n    manager.setupGlobalFocusEvents();\n\n    watch(\n      isTextInput,\n      () => {\n        onCleanup();\n\n        const handler = (modality: FocusModality, e: FocusHandlerEvent) => {\n          if (!manager.isKeyboardFocusEvent(isTextInput?.value, modality, e)) {\n            return;\n          }\n          isFocusVisible.value = manager.isFocusVisible();\n        };\n        manager.changeHandlers.add(handler);\n\n        onCleanup = () => {\n          manager.changeHandlers.delete(handler);\n        };\n      },\n      { immediate: true },\n    );\n  });\n\n  onUnmounted(() => {\n    onCleanup();\n  });\n\n  return { isFocusVisible };\n};\n\n",[1936],{"type":15,"tag":36,"props":1937,"children":1938},{"__ignoreMap":9},[1939,2017,2064,2103,2110,2133,2140,2195,2250,2307,2316,2346,2353,2373,2392,2399,2412,2424,2440,2452,2459,2519,2585,2597,2605,2641,2649,2686,2694,2718,2755,2763,2772,2799,2808,2817,2825,2846,2859,2867,2875,2895],{"type":15,"tag":103,"props":1940,"children":1941},{"class":105,"line":106},[1942,1946,1950,1955,1959,1964,1968,1973,1977,1982,1986,1991,1995,2000,2004,2008,2013],{"type":15,"tag":103,"props":1943,"children":1944},{"style":110},[1945],{"type":21,"value":113},{"type":15,"tag":103,"props":1947,"children":1948},{"style":133},[1949],{"type":21,"value":149},{"type":15,"tag":103,"props":1951,"children":1952},{"style":116},[1953],{"type":21,"value":1954},"ref",{"type":15,"tag":103,"props":1956,"children":1957},{"style":133},[1958],{"type":21,"value":1209},{"type":15,"tag":103,"props":1960,"children":1961},{"style":116},[1962],{"type":21,"value":1963},"onMounted",{"type":15,"tag":103,"props":1965,"children":1966},{"style":133},[1967],{"type":21,"value":1209},{"type":15,"tag":103,"props":1969,"children":1970},{"style":116},[1971],{"type":21,"value":1972},"unref",{"type":15,"tag":103,"props":1974,"children":1975},{"style":133},[1976],{"type":21,"value":1209},{"type":15,"tag":103,"props":1978,"children":1979},{"style":116},[1980],{"type":21,"value":1981},"computed",{"type":15,"tag":103,"props":1983,"children":1984},{"style":133},[1985],{"type":21,"value":1209},{"type":15,"tag":103,"props":1987,"children":1988},{"style":116},[1989],{"type":21,"value":1990},"watch",{"type":15,"tag":103,"props":1992,"children":1993},{"style":133},[1994],{"type":21,"value":1209},{"type":15,"tag":103,"props":1996,"children":1997},{"style":116},[1998],{"type":21,"value":1999},"onUnmounted",{"type":15,"tag":103,"props":2001,"children":2002},{"style":133},[2003],{"type":21,"value":158},{"type":15,"tag":103,"props":2005,"children":2006},{"style":110},[2007],{"type":21,"value":163},{"type":15,"tag":103,"props":2009,"children":2010},{"style":127},[2011],{"type":21,"value":2012}," 'vue'",{"type":15,"tag":103,"props":2014,"children":2015},{"style":133},[2016],{"type":21,"value":136},{"type":15,"tag":103,"props":2018,"children":2019},{"class":105,"line":139},[2020,2024,2028,2032,2036,2040,2044,2048,2052,2056,2060],{"type":15,"tag":103,"props":2021,"children":2022},{"style":110},[2023],{"type":21,"value":113},{"type":15,"tag":103,"props":2025,"children":2026},{"style":133},[2027],{"type":21,"value":149},{"type":15,"tag":103,"props":2029,"children":2030},{"style":116},[2031],{"type":21,"value":1247},{"type":15,"tag":103,"props":2033,"children":2034},{"style":133},[2035],{"type":21,"value":1209},{"type":15,"tag":103,"props":2037,"children":2038},{"style":116},[2039],{"type":21,"value":1256},{"type":15,"tag":103,"props":2041,"children":2042},{"style":133},[2043],{"type":21,"value":1209},{"type":15,"tag":103,"props":2045,"children":2046},{"style":116},[2047],{"type":21,"value":1265},{"type":15,"tag":103,"props":2049,"children":2050},{"style":133},[2051],{"type":21,"value":158},{"type":15,"tag":103,"props":2053,"children":2054},{"style":110},[2055],{"type":21,"value":163},{"type":15,"tag":103,"props":2057,"children":2058},{"style":127},[2059],{"type":21,"value":1278},{"type":15,"tag":103,"props":2061,"children":2062},{"style":133},[2063],{"type":21,"value":136},{"type":15,"tag":103,"props":2065,"children":2066},{"class":105,"line":175},[2067,2071,2075,2079,2083,2087,2091,2095,2099],{"type":15,"tag":103,"props":2068,"children":2069},{"style":110},[2070],{"type":21,"value":113},{"type":15,"tag":103,"props":2072,"children":2073},{"style":133},[2074],{"type":21,"value":149},{"type":15,"tag":103,"props":2076,"children":2077},{"style":116},[2078],{"type":21,"value":1298},{"type":15,"tag":103,"props":2080,"children":2081},{"style":133},[2082],{"type":21,"value":1209},{"type":15,"tag":103,"props":2084,"children":2085},{"style":116},[2086],{"type":21,"value":1307},{"type":15,"tag":103,"props":2088,"children":2089},{"style":133},[2090],{"type":21,"value":158},{"type":15,"tag":103,"props":2092,"children":2093},{"style":110},[2094],{"type":21,"value":163},{"type":15,"tag":103,"props":2096,"children":2097},{"style":127},[2098],{"type":21,"value":1320},{"type":15,"tag":103,"props":2100,"children":2101},{"style":133},[2102],{"type":21,"value":136},{"type":15,"tag":103,"props":2104,"children":2105},{"class":105,"line":184},[2106],{"type":15,"tag":103,"props":2107,"children":2108},{"emptyLinePlaceholder":8},[2109],{"type":21,"value":181},{"type":15,"tag":103,"props":2111,"children":2112},{"class":105,"line":214},[2113,2117,2121,2125,2129],{"type":15,"tag":103,"props":2114,"children":2115},{"style":110},[2116],{"type":21,"value":963},{"type":15,"tag":103,"props":2118,"children":2119},{"style":227},[2120],{"type":21,"value":1343},{"type":15,"tag":103,"props":2122,"children":2123},{"style":237},[2124],{"type":21,"value":1348},{"type":15,"tag":103,"props":2126,"children":2127},{"style":203},[2128],{"type":21,"value":1353},{"type":15,"tag":103,"props":2130,"children":2131},{"style":133},[2132],{"type":21,"value":1358},{"type":15,"tag":103,"props":2134,"children":2135},{"class":105,"line":274},[2136],{"type":15,"tag":103,"props":2137,"children":2138},{"emptyLinePlaceholder":8},[2139],{"type":21,"value":181},{"type":15,"tag":103,"props":2141,"children":2142},{"class":105,"line":288},[2143,2147,2151,2155,2159,2163,2167,2171,2175,2179,2183,2187,2191],{"type":15,"tag":103,"props":2144,"children":2145},{"style":110},[2146],{"type":21,"value":190},{"type":15,"tag":103,"props":2148,"children":2149},{"style":110},[2150],{"type":21,"value":1377},{"type":15,"tag":103,"props":2152,"children":2153},{"style":203},[2154],{"type":21,"value":245},{"type":15,"tag":103,"props":2156,"children":2157},{"style":237},[2158],{"type":21,"value":1348},{"type":15,"tag":103,"props":2160,"children":2161},{"style":133},[2162],{"type":21,"value":1390},{"type":15,"tag":103,"props":2164,"children":2165},{"style":1393},[2166],{"type":21,"value":1396},{"type":15,"tag":103,"props":2168,"children":2169},{"style":133},[2170],{"type":21,"value":260},{"type":15,"tag":103,"props":2172,"children":2173},{"style":227},[2174],{"type":21,"value":1298},{"type":15,"tag":103,"props":2176,"children":2177},{"style":237},[2178],{"type":21,"value":1348},{"type":15,"tag":103,"props":2180,"children":2181},{"style":133},[2182],{"type":21,"value":1413},{"type":15,"tag":103,"props":2184,"children":2185},{"style":227},[2186],{"type":21,"value":1307},{"type":15,"tag":103,"props":2188,"children":2189},{"style":110},[2190],{"type":21,"value":1422},{"type":15,"tag":103,"props":2192,"children":2193},{"style":133},[2194],{"type":21,"value":1427},{"type":15,"tag":103,"props":2196,"children":2197},{"class":105,"line":307},[2198,2202,2207,2211,2216,2220,2224,2229,2233,2237,2241,2245],{"type":15,"tag":103,"props":2199,"children":2200},{"style":110},[2201],{"type":21,"value":220},{"type":15,"tag":103,"props":2203,"children":2204},{"style":227},[2205],{"type":21,"value":2206}," isTextInput",{"type":15,"tag":103,"props":2208,"children":2209},{"style":237},[2210],{"type":21,"value":1348},{"type":15,"tag":103,"props":2212,"children":2213},{"style":203},[2214],{"type":21,"value":2215}," computed",{"type":15,"tag":103,"props":2217,"children":2218},{"style":133},[2219],{"type":21,"value":1578},{"type":15,"tag":103,"props":2221,"children":2222},{"style":110},[2223],{"type":21,"value":1583},{"type":15,"tag":103,"props":2225,"children":2226},{"style":203},[2227],{"type":21,"value":2228}," unref",{"type":15,"tag":103,"props":2230,"children":2231},{"style":133},[2232],{"type":21,"value":505},{"type":15,"tag":103,"props":2234,"children":2235},{"style":227},[2236],{"type":21,"value":1396},{"type":15,"tag":103,"props":2238,"children":2239},{"style":133},[2240],{"type":21,"value":1440},{"type":15,"tag":103,"props":2242,"children":2243},{"style":116},[2244],{"type":21,"value":255},{"type":15,"tag":103,"props":2246,"children":2247},{"style":133},[2248],{"type":21,"value":2249},"));\n",{"type":15,"tag":103,"props":2251,"children":2252},{"class":105,"line":340},[2253,2257,2262,2266,2271,2275,2279,2283,2287,2291,2295,2299,2303],{"type":15,"tag":103,"props":2254,"children":2255},{"style":110},[2256],{"type":21,"value":220},{"type":15,"tag":103,"props":2258,"children":2259},{"style":227},[2260],{"type":21,"value":2261}," isFocusVisible",{"type":15,"tag":103,"props":2263,"children":2264},{"style":237},[2265],{"type":21,"value":1348},{"type":15,"tag":103,"props":2267,"children":2268},{"style":203},[2269],{"type":21,"value":2270}," ref",{"type":15,"tag":103,"props":2272,"children":2273},{"style":133},[2274],{"type":21,"value":505},{"type":15,"tag":103,"props":2276,"children":2277},{"style":227},[2278],{"type":21,"value":1396},{"type":15,"tag":103,"props":2280,"children":2281},{"style":133},[2282],{"type":21,"value":1440},{"type":15,"tag":103,"props":2284,"children":2285},{"style":116},[2286],{"type":21,"value":1099},{"type":15,"tag":103,"props":2288,"children":2289},{"style":237},[2290],{"type":21,"value":1541},{"type":15,"tag":103,"props":2292,"children":2293},{"style":227},[2294],{"type":21,"value":1343},{"type":15,"tag":103,"props":2296,"children":2297},{"style":133},[2298],{"type":21,"value":1440},{"type":15,"tag":103,"props":2300,"children":2301},{"style":203},[2302],{"type":21,"value":230},{"type":15,"tag":103,"props":2304,"children":2305},{"style":133},[2306],{"type":21,"value":1558},{"type":15,"tag":103,"props":2308,"children":2309},{"class":105,"line":366},[2310],{"type":15,"tag":103,"props":2311,"children":2313},{"style":2312},"--shiki-default:#7F848E;--shiki-default-font-style:italic",[2314],{"type":21,"value":2315},"  \u002F\u002F eslint-disable-next-line @typescript-eslint\u002Fno-empty-function\n",{"type":15,"tag":103,"props":2317,"children":2318},{"class":105,"line":397},[2319,2324,2329,2333,2337,2341],{"type":15,"tag":103,"props":2320,"children":2321},{"style":110},[2322],{"type":21,"value":2323},"  let",{"type":15,"tag":103,"props":2325,"children":2326},{"style":203},[2327],{"type":21,"value":2328}," onCleanup",{"type":15,"tag":103,"props":2330,"children":2331},{"style":237},[2332],{"type":21,"value":1348},{"type":15,"tag":103,"props":2334,"children":2335},{"style":133},[2336],{"type":21,"value":1820},{"type":15,"tag":103,"props":2338,"children":2339},{"style":110},[2340],{"type":21,"value":1583},{"type":15,"tag":103,"props":2342,"children":2343},{"style":133},[2344],{"type":21,"value":2345}," {};\n",{"type":15,"tag":103,"props":2347,"children":2348},{"class":105,"line":414},[2349],{"type":15,"tag":103,"props":2350,"children":2351},{"emptyLinePlaceholder":8},[2352],{"type":21,"value":181},{"type":15,"tag":103,"props":2354,"children":2355},{"class":105,"line":442},[2356,2361,2365,2369],{"type":15,"tag":103,"props":2357,"children":2358},{"style":203},[2359],{"type":21,"value":2360},"  onMounted",{"type":15,"tag":103,"props":2362,"children":2363},{"style":133},[2364],{"type":21,"value":1578},{"type":15,"tag":103,"props":2366,"children":2367},{"style":110},[2368],{"type":21,"value":1583},{"type":15,"tag":103,"props":2370,"children":2371},{"style":133},[2372],{"type":21,"value":1427},{"type":15,"tag":103,"props":2374,"children":2375},{"class":105,"line":467},[2376,2380,2384,2388],{"type":15,"tag":103,"props":2377,"children":2378},{"style":227},[2379],{"type":21,"value":1775},{"type":15,"tag":103,"props":2381,"children":2382},{"style":133},[2383],{"type":21,"value":1440},{"type":15,"tag":103,"props":2385,"children":2386},{"style":203},[2387],{"type":21,"value":1445},{"type":15,"tag":103,"props":2389,"children":2390},{"style":133},[2391],{"type":21,"value":1358},{"type":15,"tag":103,"props":2393,"children":2394},{"class":105,"line":480},[2395],{"type":15,"tag":103,"props":2396,"children":2397},{"emptyLinePlaceholder":8},[2398],{"type":21,"value":181},{"type":15,"tag":103,"props":2400,"children":2401},{"class":105,"line":518},[2402,2407],{"type":15,"tag":103,"props":2403,"children":2404},{"style":203},[2405],{"type":21,"value":2406},"    watch",{"type":15,"tag":103,"props":2408,"children":2409},{"style":133},[2410],{"type":21,"value":2411},"(\n",{"type":15,"tag":103,"props":2413,"children":2414},{"class":105,"line":540},[2415,2420],{"type":15,"tag":103,"props":2416,"children":2417},{"style":116},[2418],{"type":21,"value":2419},"      isTextInput",{"type":15,"tag":103,"props":2421,"children":2422},{"style":133},[2423],{"type":21,"value":537},{"type":15,"tag":103,"props":2425,"children":2426},{"class":105,"line":554},[2427,2432,2436],{"type":15,"tag":103,"props":2428,"children":2429},{"style":133},[2430],{"type":21,"value":2431},"      () ",{"type":15,"tag":103,"props":2433,"children":2434},{"style":110},[2435],{"type":21,"value":1583},{"type":15,"tag":103,"props":2437,"children":2438},{"style":133},[2439],{"type":21,"value":1427},{"type":15,"tag":103,"props":2441,"children":2442},{"class":105,"line":563},[2443,2448],{"type":15,"tag":103,"props":2444,"children":2445},{"style":203},[2446],{"type":21,"value":2447},"        onCleanup",{"type":15,"tag":103,"props":2449,"children":2450},{"style":133},[2451],{"type":21,"value":1358},{"type":15,"tag":103,"props":2453,"children":2454},{"class":105,"line":579},[2455],{"type":15,"tag":103,"props":2456,"children":2457},{"emptyLinePlaceholder":8},[2458],{"type":21,"value":181},{"type":15,"tag":103,"props":2460,"children":2461},{"class":105,"line":596},[2462,2467,2471,2475,2479,2483,2487,2491,2495,2499,2503,2507,2511,2515],{"type":15,"tag":103,"props":2463,"children":2464},{"style":110},[2465],{"type":21,"value":2466},"        const",{"type":15,"tag":103,"props":2468,"children":2469},{"style":203},[2470],{"type":21,"value":1600},{"type":15,"tag":103,"props":2472,"children":2473},{"style":237},[2474],{"type":21,"value":1348},{"type":15,"tag":103,"props":2476,"children":2477},{"style":133},[2478],{"type":21,"value":1390},{"type":15,"tag":103,"props":2480,"children":2481},{"style":1393},[2482],{"type":21,"value":1613},{"type":15,"tag":103,"props":2484,"children":2485},{"style":133},[2486],{"type":21,"value":260},{"type":15,"tag":103,"props":2488,"children":2489},{"style":227},[2490],{"type":21,"value":1265},{"type":15,"tag":103,"props":2492,"children":2493},{"style":133},[2494],{"type":21,"value":1209},{"type":15,"tag":103,"props":2496,"children":2497},{"style":1393},[2498],{"type":21,"value":1630},{"type":15,"tag":103,"props":2500,"children":2501},{"style":133},[2502],{"type":21,"value":260},{"type":15,"tag":103,"props":2504,"children":2505},{"style":227},[2506],{"type":21,"value":1256},{"type":15,"tag":103,"props":2508,"children":2509},{"style":133},[2510],{"type":21,"value":1643},{"type":15,"tag":103,"props":2512,"children":2513},{"style":110},[2514],{"type":21,"value":1583},{"type":15,"tag":103,"props":2516,"children":2517},{"style":133},[2518],{"type":21,"value":1427},{"type":15,"tag":103,"props":2520,"children":2521},{"class":105,"line":605},[2522,2527,2531,2535,2539,2543,2547,2551,2555,2560,2565,2569,2573,2577,2581],{"type":15,"tag":103,"props":2523,"children":2524},{"style":110},[2525],{"type":21,"value":2526},"          if",{"type":15,"tag":103,"props":2528,"children":2529},{"style":133},[2530],{"type":21,"value":1390},{"type":15,"tag":103,"props":2532,"children":2533},{"style":237},[2534],{"type":21,"value":1668},{"type":15,"tag":103,"props":2536,"children":2537},{"style":227},[2538],{"type":21,"value":1673},{"type":15,"tag":103,"props":2540,"children":2541},{"style":133},[2542],{"type":21,"value":1440},{"type":15,"tag":103,"props":2544,"children":2545},{"style":203},[2546],{"type":21,"value":1682},{"type":15,"tag":103,"props":2548,"children":2549},{"style":133},[2550],{"type":21,"value":505},{"type":15,"tag":103,"props":2552,"children":2553},{"style":227},[2554],{"type":21,"value":255},{"type":15,"tag":103,"props":2556,"children":2557},{"style":133},[2558],{"type":21,"value":2559},"?.",{"type":15,"tag":103,"props":2561,"children":2562},{"style":116},[2563],{"type":21,"value":2564},"value",{"type":15,"tag":103,"props":2566,"children":2567},{"style":133},[2568],{"type":21,"value":1209},{"type":15,"tag":103,"props":2570,"children":2571},{"style":116},[2572],{"type":21,"value":1613},{"type":15,"tag":103,"props":2574,"children":2575},{"style":133},[2576],{"type":21,"value":1209},{"type":15,"tag":103,"props":2578,"children":2579},{"style":116},[2580],{"type":21,"value":1630},{"type":15,"tag":103,"props":2582,"children":2583},{"style":133},[2584],{"type":21,"value":1711},{"type":15,"tag":103,"props":2586,"children":2587},{"class":105,"line":1875},[2588,2593],{"type":15,"tag":103,"props":2589,"children":2590},{"style":110},[2591],{"type":21,"value":2592},"            return",{"type":15,"tag":103,"props":2594,"children":2595},{"style":133},[2596],{"type":21,"value":136},{"type":15,"tag":103,"props":2598,"children":2599},{"class":105,"line":1893},[2600],{"type":15,"tag":103,"props":2601,"children":2602},{"style":133},[2603],{"type":21,"value":2604},"          }\n",{"type":15,"tag":103,"props":2606,"children":2607},{"class":105,"line":1901},[2608,2613,2617,2621,2625,2629,2633,2637],{"type":15,"tag":103,"props":2609,"children":2610},{"style":227},[2611],{"type":21,"value":2612},"          isFocusVisible",{"type":15,"tag":103,"props":2614,"children":2615},{"style":133},[2616],{"type":21,"value":1440},{"type":15,"tag":103,"props":2618,"children":2619},{"style":116},[2620],{"type":21,"value":2564},{"type":15,"tag":103,"props":2622,"children":2623},{"style":237},[2624],{"type":21,"value":1348},{"type":15,"tag":103,"props":2626,"children":2627},{"style":227},[2628],{"type":21,"value":1343},{"type":15,"tag":103,"props":2630,"children":2631},{"style":133},[2632],{"type":21,"value":1440},{"type":15,"tag":103,"props":2634,"children":2635},{"style":203},[2636],{"type":21,"value":230},{"type":15,"tag":103,"props":2638,"children":2639},{"style":133},[2640],{"type":21,"value":1358},{"type":15,"tag":103,"props":2642,"children":2643},{"class":105,"line":1922},[2644],{"type":15,"tag":103,"props":2645,"children":2646},{"style":133},[2647],{"type":21,"value":2648},"        };\n",{"type":15,"tag":103,"props":2650,"children":2652},{"class":105,"line":2651},27,[2653,2658,2662,2666,2670,2674,2678,2682],{"type":15,"tag":103,"props":2654,"children":2655},{"style":227},[2656],{"type":21,"value":2657},"        manager",{"type":15,"tag":103,"props":2659,"children":2660},{"style":133},[2661],{"type":21,"value":1440},{"type":15,"tag":103,"props":2663,"children":2664},{"style":227},[2665],{"type":21,"value":1784},{"type":15,"tag":103,"props":2667,"children":2668},{"style":133},[2669],{"type":21,"value":1440},{"type":15,"tag":103,"props":2671,"children":2672},{"style":203},[2673],{"type":21,"value":1793},{"type":15,"tag":103,"props":2675,"children":2676},{"style":133},[2677],{"type":21,"value":505},{"type":15,"tag":103,"props":2679,"children":2680},{"style":116},[2681],{"type":21,"value":1802},{"type":15,"tag":103,"props":2683,"children":2684},{"style":133},[2685],{"type":21,"value":1807},{"type":15,"tag":103,"props":2687,"children":2689},{"class":105,"line":2688},28,[2690],{"type":15,"tag":103,"props":2691,"children":2692},{"emptyLinePlaceholder":8},[2693],{"type":21,"value":181},{"type":15,"tag":103,"props":2695,"children":2697},{"class":105,"line":2696},29,[2698,2702,2706,2710,2714],{"type":15,"tag":103,"props":2699,"children":2700},{"style":203},[2701],{"type":21,"value":2447},{"type":15,"tag":103,"props":2703,"children":2704},{"style":237},[2705],{"type":21,"value":1348},{"type":15,"tag":103,"props":2707,"children":2708},{"style":133},[2709],{"type":21,"value":1820},{"type":15,"tag":103,"props":2711,"children":2712},{"style":110},[2713],{"type":21,"value":1583},{"type":15,"tag":103,"props":2715,"children":2716},{"style":133},[2717],{"type":21,"value":1427},{"type":15,"tag":103,"props":2719,"children":2721},{"class":105,"line":2720},30,[2722,2727,2731,2735,2739,2743,2747,2751],{"type":15,"tag":103,"props":2723,"children":2724},{"style":227},[2725],{"type":21,"value":2726},"          manager",{"type":15,"tag":103,"props":2728,"children":2729},{"style":133},[2730],{"type":21,"value":1440},{"type":15,"tag":103,"props":2732,"children":2733},{"style":227},[2734],{"type":21,"value":1784},{"type":15,"tag":103,"props":2736,"children":2737},{"style":133},[2738],{"type":21,"value":1440},{"type":15,"tag":103,"props":2740,"children":2741},{"style":203},[2742],{"type":21,"value":1853},{"type":15,"tag":103,"props":2744,"children":2745},{"style":133},[2746],{"type":21,"value":505},{"type":15,"tag":103,"props":2748,"children":2749},{"style":116},[2750],{"type":21,"value":1802},{"type":15,"tag":103,"props":2752,"children":2753},{"style":133},[2754],{"type":21,"value":1807},{"type":15,"tag":103,"props":2756,"children":2758},{"class":105,"line":2757},31,[2759],{"type":15,"tag":103,"props":2760,"children":2761},{"style":133},[2762],{"type":21,"value":2648},{"type":15,"tag":103,"props":2764,"children":2766},{"class":105,"line":2765},32,[2767],{"type":15,"tag":103,"props":2768,"children":2769},{"style":133},[2770],{"type":21,"value":2771},"      },\n",{"type":15,"tag":103,"props":2773,"children":2775},{"class":105,"line":2774},33,[2776,2781,2786,2790,2794],{"type":15,"tag":103,"props":2777,"children":2778},{"style":133},[2779],{"type":21,"value":2780},"      { ",{"type":15,"tag":103,"props":2782,"children":2783},{"style":116},[2784],{"type":21,"value":2785},"immediate",{"type":15,"tag":103,"props":2787,"children":2788},{"style":133},[2789],{"type":21,"value":260},{"type":15,"tag":103,"props":2791,"children":2792},{"style":263},[2793],{"type":21,"value":266},{"type":15,"tag":103,"props":2795,"children":2796},{"style":133},[2797],{"type":21,"value":2798}," },\n",{"type":15,"tag":103,"props":2800,"children":2802},{"class":105,"line":2801},34,[2803],{"type":15,"tag":103,"props":2804,"children":2805},{"style":133},[2806],{"type":21,"value":2807},"    );\n",{"type":15,"tag":103,"props":2809,"children":2811},{"class":105,"line":2810},35,[2812],{"type":15,"tag":103,"props":2813,"children":2814},{"style":133},[2815],{"type":21,"value":2816},"  });\n",{"type":15,"tag":103,"props":2818,"children":2820},{"class":105,"line":2819},36,[2821],{"type":15,"tag":103,"props":2822,"children":2823},{"emptyLinePlaceholder":8},[2824],{"type":21,"value":181},{"type":15,"tag":103,"props":2826,"children":2828},{"class":105,"line":2827},37,[2829,2834,2838,2842],{"type":15,"tag":103,"props":2830,"children":2831},{"style":203},[2832],{"type":21,"value":2833},"  onUnmounted",{"type":15,"tag":103,"props":2835,"children":2836},{"style":133},[2837],{"type":21,"value":1578},{"type":15,"tag":103,"props":2839,"children":2840},{"style":110},[2841],{"type":21,"value":1583},{"type":15,"tag":103,"props":2843,"children":2844},{"style":133},[2845],{"type":21,"value":1427},{"type":15,"tag":103,"props":2847,"children":2849},{"class":105,"line":2848},38,[2850,2855],{"type":15,"tag":103,"props":2851,"children":2852},{"style":203},[2853],{"type":21,"value":2854},"    onCleanup",{"type":15,"tag":103,"props":2856,"children":2857},{"style":133},[2858],{"type":21,"value":1358},{"type":15,"tag":103,"props":2860,"children":2862},{"class":105,"line":2861},39,[2863],{"type":15,"tag":103,"props":2864,"children":2865},{"style":133},[2866],{"type":21,"value":2816},{"type":15,"tag":103,"props":2868,"children":2870},{"class":105,"line":2869},40,[2871],{"type":15,"tag":103,"props":2872,"children":2873},{"emptyLinePlaceholder":8},[2874],{"type":21,"value":181},{"type":15,"tag":103,"props":2876,"children":2878},{"class":105,"line":2877},41,[2879,2883,2887,2891],{"type":15,"tag":103,"props":2880,"children":2881},{"style":110},[2882],{"type":21,"value":280},{"type":15,"tag":103,"props":2884,"children":2885},{"style":133},[2886],{"type":21,"value":149},{"type":15,"tag":103,"props":2888,"children":2889},{"style":116},[2890],{"type":21,"value":230},{"type":15,"tag":103,"props":2892,"children":2893},{"style":133},[2894],{"type":21,"value":1919},{"type":15,"tag":103,"props":2896,"children":2898},{"class":105,"line":2897},42,[2899],{"type":15,"tag":103,"props":2900,"children":2901},{"style":133},[2902],{"type":21,"value":1928},{"type":15,"tag":2904,"props":2905,"children":2906},"style",{},[2907],{"type":21,"value":2908},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":9,"searchDepth":214,"depth":139,"links":2910},[2911,2912,2913],{"id":67,"depth":139,"text":70},{"id":1024,"depth":139,"text":1027},{"id":1119,"depth":139,"text":1122},"markdown","content:_hooks:useFocusVisible.md","content","_hooks\u002FuseFocusVisible.md","_hooks\u002FuseFocusVisible","md","default",[2922],{"_path":2923,"_dir":9,"_draft":7,"_partial":8,"_locale":9,"navigation":2924,"sidebarRoot":8,"_id":2927,"_type":2928,"title":2929,"_source":2916,"_file":2930,"_stem":2931,"_extension":2932},"\u002F_dir",{"title":2925,"icon":2926},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","_dir.yml","_dir","yml",{"nav":2934,"sidebarRoot":2936},[2935,2938,2950],{"title":2925,"_path":2936,"_id":2927,"layout":2937,"sidebarRoot":8,"icon":2926},"\u002F","fullscreen",{"title":2939,"_path":2940,"children":2941,"_id":2949,"layout":2920},"Getting Started","\u002Fgetting-started",[2942,2945],{"title":2943,"_path":2940,"_id":2944,"layout":2920},"Installation","content:2.getting-started:1.index.md",{"title":2946,"_path":2947,"_id":2948,"layout":2920},"Browser support","\u002Fgetting-started\u002Fbrowser-support","content:2.getting-started:2.browser-support.md","content:2.getting-started:_dir.yml",{"title":2951,"_path":2952,"children":2953},"Customization","\u002Fcustomization",[2954,2958,2962,2966],{"title":2955,"_path":2956,"_id":2957,"layout":2920},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":2959,"_path":2960,"_id":2961,"layout":2920},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":2963,"_path":2964,"_id":2965,"layout":2920},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":2967,"_path":2968,"_id":2969,"layout":2920},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574920574]