[{"data":1,"prerenderedAt":9768},["ShallowReactive",2],{"reference":3,"sidebar-roots":4,"content-query-vZLoKTUHmP":20,"$dNTcUNV7nV":9731},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":9726,"_id":9727,"_source":16,"_file":9728,"_stem":9729,"_extension":9730,"layout":6849},"\u002F_components\u002Fdrawer","_components","Drawer",{"type":25,"children":26,"toc":9715},"root",[27,35,9709],{"type":28,"tag":29,"props":30,"children":32},"element","h1",{"id":31},"drawer",[33],{"type":34,"value":23},"text",{"type":28,"tag":36,"props":37,"children":39},"tabs",{":titles":38},"[\"Usage\", \"API\", \"Source Code\"]",[40,6316,6900],{"type":28,"tag":41,"props":42,"children":43},"template",{"v-slot:tab-1":7},[44,57,64,71,119,135,160,195,2417,2423,2453,2478,2491,6279,6285,6305,6311],{"type":28,"tag":45,"props":46,"children":47},"p",{},[48,55],{"type":28,"tag":49,"props":50,"children":52},"code",{"className":51},[],[53],{"type":34,"value":54},"SfDrawer",{"type":34,"value":56}," is a container that can be anchored to the left, right, top or bottom edge of the screen. This can be used to create things like navigation drawers, sliding cart views, or anything else that needs to stick to the edge of the screen. It also adds additional functionality like closing when the user clicks outside of the drawer or presses the escape key.",{"type":28,"tag":58,"props":59,"children":61},"h2",{"id":60},"examples",[62],{"type":34,"value":63},"Examples",{"type":28,"tag":65,"props":66,"children":68},"h3",{"id":67},"basic-usage",[69],{"type":34,"value":70},"Basic Usage",{"type":28,"tag":45,"props":72,"children":73},{},[74,79,81,87,89,95,97,103,104,110,111,117],{"type":28,"tag":49,"props":75,"children":77},{"className":76},[],[78],{"type":34,"value":54},{"type":34,"value":80}," supports 4 different placements that can be set via ",{"type":28,"tag":49,"props":82,"children":84},{"className":83},[],[85],{"type":34,"value":86},"placement",{"type":34,"value":88}," prop: ",{"type":28,"tag":49,"props":90,"children":92},{"className":91},[],[93],{"type":34,"value":94},"top",{"type":34,"value":96},", ",{"type":28,"tag":49,"props":98,"children":100},{"className":99},[],[101],{"type":34,"value":102},"right",{"type":34,"value":96},{"type":28,"tag":49,"props":105,"children":107},{"className":106},[],[108],{"type":34,"value":109},"bottom",{"type":34,"value":96},{"type":28,"tag":49,"props":112,"children":114},{"className":113},[],[115],{"type":34,"value":116},"left",{"type":34,"value":118},".",{"type":28,"tag":120,"props":121,"children":122},"vue-only",{},[123],{"type":28,"tag":45,"props":124,"children":125},{},[126,128,134],{"type":34,"value":127},"To open\u002Fclose the drawer, you can use ",{"type":28,"tag":49,"props":129,"children":131},{"className":130},[],[132],{"type":34,"value":133},"v-model",{"type":34,"value":118},{"type":28,"tag":136,"props":137,"children":138},"react-only",{},[139],{"type":28,"tag":45,"props":140,"children":141},{},[142,144,150,152,158],{"type":34,"value":143},"To open\u002Fclose the drawer, you can use the the ",{"type":28,"tag":49,"props":145,"children":147},{"className":146},[],[148],{"type":34,"value":149},"open",{"type":34,"value":151}," prop and the ",{"type":28,"tag":49,"props":153,"children":155},{"className":154},[],[156],{"type":34,"value":157},"onClose",{"type":34,"value":159}," event",{"type":28,"tag":45,"props":161,"children":162},{},[163,165,170,172,178,180,186,188,194],{"type":34,"value":164},"By default, ",{"type":28,"tag":49,"props":166,"children":168},{"className":167},[],[169],{"type":34,"value":54},{"type":34,"value":171}," will trigger the close event when the user clicks outside of the drawer or presses the escape key. These behaviors can be disabled by setting the ",{"type":28,"tag":49,"props":173,"children":175},{"className":174},[],[176],{"type":34,"value":177},"disableClickAway",{"type":34,"value":179}," and ",{"type":28,"tag":49,"props":181,"children":183},{"className":182},[],[184],{"type":34,"value":185},"disableEsc",{"type":34,"value":187}," props to ",{"type":28,"tag":49,"props":189,"children":191},{"className":190},[],[192],{"type":34,"value":193},"true",{"type":34,"value":118},{"type":28,"tag":196,"props":197,"children":200},"showcase",{"showcase-name":198,"style":199},"Drawer\u002FPlacement","min-height:400px",[201,1235],{"type":28,"tag":120,"props":202,"children":203},{},[204],{"type":28,"tag":205,"props":206,"children":210},"pre",{"className":207,"code":208,"language":209,"meta":7,"style":7},"language-vue shiki shiki-themes one-dark-pro","\u003Ctemplate>\n  \u003Clabel>\n    Placement\n    \u003Cselect class=\"p-2 mx-2 border-2 rounded-sm border-primary-700\" @blur=\"chagePlacement\">\n      \u003Coption value=\"top\">top\u003C\u002Foption>\n      \u003Coption value=\"right\">right\u003C\u002Foption>\n      \u003Coption value=\"bottom\">bottom\u003C\u002Foption>\n      \u003Coption value=\"left\" selected>left\u003C\u002Foption>\n    \u003C\u002Fselect>\n  \u003C\u002Flabel>\n  \u003CSfButton @click=\"open = true\"> Open Drawer \u003C\u002FSfButton>\n\n  \u003CSfDrawer\n    :placement=\"placement\"\n    :class=\"[\n      'bg-neutral-50',\n      'p-3',\n      'border',\n      'border-gray-300',\n      { 'max-w-[370px]': placement === 'left' || placement === 'right' },\n    ]\"\n    v-model=\"open\"\n  >\n    \u003Cdiv>\n      \u003Cp class=\"mb-2\">\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam consequatur repellat, odit voluptatibus\n        deserunt eligendi nemo perspiciatis tenetur vero repellendus facere? Dolores sit maiores ut labore facilis\n        minima debitis dolore.\n      \u003C\u002Fp>\n      \u003Cstrong>You can close Drawer by clicking outside or focus and use ESC button\u003C\u002Fstrong>\n    \u003C\u002Fdiv>\n  \u003C\u002FSfDrawer>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfDrawer, SfDrawerPlacement, SfButton } from '@storefront-ui\u002Fvue';\nimport { ref } from 'vue';\n\nconst placement = ref\u003C`${SfDrawerPlacement}`>('left');\nconst open = ref(false);\nconst chagePlacement = (event: Event) =>\n  (placement.value = (event.target as HTMLSelectElement)?.value as SfDrawerPlacement);\n\u003C\u002Fscript>\n\n","vue",[211],{"type":28,"tag":49,"props":212,"children":213},{"__ignoreMap":7},[214,236,254,263,312,353,391,429,472,489,506,546,555,568,586,604,613,622,631,640,649,658,676,685,702,731,740,749,758,775,801,817,833,850,858,894,950,984,992,1061,1096,1144,1219],{"type":28,"tag":215,"props":216,"children":219},"span",{"class":217,"line":218},"line",1,[220,226,231],{"type":28,"tag":215,"props":221,"children":223},{"style":222},"--shiki-default:#ABB2BF",[224],{"type":34,"value":225},"\u003C",{"type":28,"tag":215,"props":227,"children":229},{"style":228},"--shiki-default:#E06C75",[230],{"type":34,"value":41},{"type":28,"tag":215,"props":232,"children":233},{"style":222},[234],{"type":34,"value":235},">\n",{"type":28,"tag":215,"props":237,"children":239},{"class":217,"line":238},2,[240,245,250],{"type":28,"tag":215,"props":241,"children":242},{"style":222},[243],{"type":34,"value":244},"  \u003C",{"type":28,"tag":215,"props":246,"children":247},{"style":228},[248],{"type":34,"value":249},"label",{"type":28,"tag":215,"props":251,"children":252},{"style":222},[253],{"type":34,"value":235},{"type":28,"tag":215,"props":255,"children":257},{"class":217,"line":256},3,[258],{"type":28,"tag":215,"props":259,"children":260},{"style":222},[261],{"type":34,"value":262},"    Placement\n",{"type":28,"tag":215,"props":264,"children":266},{"class":217,"line":265},4,[267,272,277,283,288,294,299,303,308],{"type":28,"tag":215,"props":268,"children":269},{"style":222},[270],{"type":34,"value":271},"    \u003C",{"type":28,"tag":215,"props":273,"children":274},{"style":228},[275],{"type":34,"value":276},"select",{"type":28,"tag":215,"props":278,"children":280},{"style":279},"--shiki-default:#D19A66",[281],{"type":34,"value":282}," class",{"type":28,"tag":215,"props":284,"children":285},{"style":222},[286],{"type":34,"value":287},"=",{"type":28,"tag":215,"props":289,"children":291},{"style":290},"--shiki-default:#98C379",[292],{"type":34,"value":293},"\"p-2 mx-2 border-2 rounded-sm border-primary-700\"",{"type":28,"tag":215,"props":295,"children":296},{"style":279},[297],{"type":34,"value":298}," @blur",{"type":28,"tag":215,"props":300,"children":301},{"style":222},[302],{"type":34,"value":287},{"type":28,"tag":215,"props":304,"children":305},{"style":290},[306],{"type":34,"value":307},"\"chagePlacement\"",{"type":28,"tag":215,"props":309,"children":310},{"style":222},[311],{"type":34,"value":235},{"type":28,"tag":215,"props":313,"children":315},{"class":217,"line":314},5,[316,321,326,331,335,340,345,349],{"type":28,"tag":215,"props":317,"children":318},{"style":222},[319],{"type":34,"value":320},"      \u003C",{"type":28,"tag":215,"props":322,"children":323},{"style":228},[324],{"type":34,"value":325},"option",{"type":28,"tag":215,"props":327,"children":328},{"style":279},[329],{"type":34,"value":330}," value",{"type":28,"tag":215,"props":332,"children":333},{"style":222},[334],{"type":34,"value":287},{"type":28,"tag":215,"props":336,"children":337},{"style":290},[338],{"type":34,"value":339},"\"top\"",{"type":28,"tag":215,"props":341,"children":342},{"style":222},[343],{"type":34,"value":344},">top\u003C\u002F",{"type":28,"tag":215,"props":346,"children":347},{"style":228},[348],{"type":34,"value":325},{"type":28,"tag":215,"props":350,"children":351},{"style":222},[352],{"type":34,"value":235},{"type":28,"tag":215,"props":354,"children":356},{"class":217,"line":355},6,[357,361,365,369,373,378,383,387],{"type":28,"tag":215,"props":358,"children":359},{"style":222},[360],{"type":34,"value":320},{"type":28,"tag":215,"props":362,"children":363},{"style":228},[364],{"type":34,"value":325},{"type":28,"tag":215,"props":366,"children":367},{"style":279},[368],{"type":34,"value":330},{"type":28,"tag":215,"props":370,"children":371},{"style":222},[372],{"type":34,"value":287},{"type":28,"tag":215,"props":374,"children":375},{"style":290},[376],{"type":34,"value":377},"\"right\"",{"type":28,"tag":215,"props":379,"children":380},{"style":222},[381],{"type":34,"value":382},">right\u003C\u002F",{"type":28,"tag":215,"props":384,"children":385},{"style":228},[386],{"type":34,"value":325},{"type":28,"tag":215,"props":388,"children":389},{"style":222},[390],{"type":34,"value":235},{"type":28,"tag":215,"props":392,"children":394},{"class":217,"line":393},7,[395,399,403,407,411,416,421,425],{"type":28,"tag":215,"props":396,"children":397},{"style":222},[398],{"type":34,"value":320},{"type":28,"tag":215,"props":400,"children":401},{"style":228},[402],{"type":34,"value":325},{"type":28,"tag":215,"props":404,"children":405},{"style":279},[406],{"type":34,"value":330},{"type":28,"tag":215,"props":408,"children":409},{"style":222},[410],{"type":34,"value":287},{"type":28,"tag":215,"props":412,"children":413},{"style":290},[414],{"type":34,"value":415},"\"bottom\"",{"type":28,"tag":215,"props":417,"children":418},{"style":222},[419],{"type":34,"value":420},">bottom\u003C\u002F",{"type":28,"tag":215,"props":422,"children":423},{"style":228},[424],{"type":34,"value":325},{"type":28,"tag":215,"props":426,"children":427},{"style":222},[428],{"type":34,"value":235},{"type":28,"tag":215,"props":430,"children":432},{"class":217,"line":431},8,[433,437,441,445,449,454,459,464,468],{"type":28,"tag":215,"props":434,"children":435},{"style":222},[436],{"type":34,"value":320},{"type":28,"tag":215,"props":438,"children":439},{"style":228},[440],{"type":34,"value":325},{"type":28,"tag":215,"props":442,"children":443},{"style":279},[444],{"type":34,"value":330},{"type":28,"tag":215,"props":446,"children":447},{"style":222},[448],{"type":34,"value":287},{"type":28,"tag":215,"props":450,"children":451},{"style":290},[452],{"type":34,"value":453},"\"left\"",{"type":28,"tag":215,"props":455,"children":456},{"style":279},[457],{"type":34,"value":458}," selected",{"type":28,"tag":215,"props":460,"children":461},{"style":222},[462],{"type":34,"value":463},">left\u003C\u002F",{"type":28,"tag":215,"props":465,"children":466},{"style":228},[467],{"type":34,"value":325},{"type":28,"tag":215,"props":469,"children":470},{"style":222},[471],{"type":34,"value":235},{"type":28,"tag":215,"props":473,"children":475},{"class":217,"line":474},9,[476,481,485],{"type":28,"tag":215,"props":477,"children":478},{"style":222},[479],{"type":34,"value":480},"    \u003C\u002F",{"type":28,"tag":215,"props":482,"children":483},{"style":228},[484],{"type":34,"value":276},{"type":28,"tag":215,"props":486,"children":487},{"style":222},[488],{"type":34,"value":235},{"type":28,"tag":215,"props":490,"children":492},{"class":217,"line":491},10,[493,498,502],{"type":28,"tag":215,"props":494,"children":495},{"style":222},[496],{"type":34,"value":497},"  \u003C\u002F",{"type":28,"tag":215,"props":499,"children":500},{"style":228},[501],{"type":34,"value":249},{"type":28,"tag":215,"props":503,"children":504},{"style":222},[505],{"type":34,"value":235},{"type":28,"tag":215,"props":507,"children":509},{"class":217,"line":508},11,[510,514,519,524,528,533,538,542],{"type":28,"tag":215,"props":511,"children":512},{"style":222},[513],{"type":34,"value":244},{"type":28,"tag":215,"props":515,"children":516},{"style":228},[517],{"type":34,"value":518},"SfButton",{"type":28,"tag":215,"props":520,"children":521},{"style":279},[522],{"type":34,"value":523}," @click",{"type":28,"tag":215,"props":525,"children":526},{"style":222},[527],{"type":34,"value":287},{"type":28,"tag":215,"props":529,"children":530},{"style":290},[531],{"type":34,"value":532},"\"open = true\"",{"type":28,"tag":215,"props":534,"children":535},{"style":222},[536],{"type":34,"value":537},"> Open Drawer \u003C\u002F",{"type":28,"tag":215,"props":539,"children":540},{"style":228},[541],{"type":34,"value":518},{"type":28,"tag":215,"props":543,"children":544},{"style":222},[545],{"type":34,"value":235},{"type":28,"tag":215,"props":547,"children":549},{"class":217,"line":548},12,[550],{"type":28,"tag":215,"props":551,"children":552},{"emptyLinePlaceholder":9},[553],{"type":34,"value":554},"\n",{"type":28,"tag":215,"props":556,"children":558},{"class":217,"line":557},13,[559,563],{"type":28,"tag":215,"props":560,"children":561},{"style":222},[562],{"type":34,"value":244},{"type":28,"tag":215,"props":564,"children":565},{"style":228},[566],{"type":34,"value":567},"SfDrawer\n",{"type":28,"tag":215,"props":569,"children":571},{"class":217,"line":570},14,[572,577,581],{"type":28,"tag":215,"props":573,"children":574},{"style":279},[575],{"type":34,"value":576},"    :placement",{"type":28,"tag":215,"props":578,"children":579},{"style":222},[580],{"type":34,"value":287},{"type":28,"tag":215,"props":582,"children":583},{"style":290},[584],{"type":34,"value":585},"\"placement\"\n",{"type":28,"tag":215,"props":587,"children":589},{"class":217,"line":588},15,[590,595,599],{"type":28,"tag":215,"props":591,"children":592},{"style":279},[593],{"type":34,"value":594},"    :class",{"type":28,"tag":215,"props":596,"children":597},{"style":222},[598],{"type":34,"value":287},{"type":28,"tag":215,"props":600,"children":601},{"style":290},[602],{"type":34,"value":603},"\"[\n",{"type":28,"tag":215,"props":605,"children":607},{"class":217,"line":606},16,[608],{"type":28,"tag":215,"props":609,"children":610},{"style":290},[611],{"type":34,"value":612},"      'bg-neutral-50',\n",{"type":28,"tag":215,"props":614,"children":616},{"class":217,"line":615},17,[617],{"type":28,"tag":215,"props":618,"children":619},{"style":290},[620],{"type":34,"value":621},"      'p-3',\n",{"type":28,"tag":215,"props":623,"children":625},{"class":217,"line":624},18,[626],{"type":28,"tag":215,"props":627,"children":628},{"style":290},[629],{"type":34,"value":630},"      'border',\n",{"type":28,"tag":215,"props":632,"children":634},{"class":217,"line":633},19,[635],{"type":28,"tag":215,"props":636,"children":637},{"style":290},[638],{"type":34,"value":639},"      'border-gray-300',\n",{"type":28,"tag":215,"props":641,"children":643},{"class":217,"line":642},20,[644],{"type":28,"tag":215,"props":645,"children":646},{"style":290},[647],{"type":34,"value":648},"      { 'max-w-[370px]': placement === 'left' || placement === 'right' },\n",{"type":28,"tag":215,"props":650,"children":652},{"class":217,"line":651},21,[653],{"type":28,"tag":215,"props":654,"children":655},{"style":290},[656],{"type":34,"value":657},"    ]\"\n",{"type":28,"tag":215,"props":659,"children":661},{"class":217,"line":660},22,[662,667,671],{"type":28,"tag":215,"props":663,"children":664},{"style":279},[665],{"type":34,"value":666},"    v-model",{"type":28,"tag":215,"props":668,"children":669},{"style":222},[670],{"type":34,"value":287},{"type":28,"tag":215,"props":672,"children":673},{"style":290},[674],{"type":34,"value":675},"\"open\"\n",{"type":28,"tag":215,"props":677,"children":679},{"class":217,"line":678},23,[680],{"type":28,"tag":215,"props":681,"children":682},{"style":222},[683],{"type":34,"value":684},"  >\n",{"type":28,"tag":215,"props":686,"children":688},{"class":217,"line":687},24,[689,693,698],{"type":28,"tag":215,"props":690,"children":691},{"style":222},[692],{"type":34,"value":271},{"type":28,"tag":215,"props":694,"children":695},{"style":228},[696],{"type":34,"value":697},"div",{"type":28,"tag":215,"props":699,"children":700},{"style":222},[701],{"type":34,"value":235},{"type":28,"tag":215,"props":703,"children":705},{"class":217,"line":704},25,[706,710,714,718,722,727],{"type":28,"tag":215,"props":707,"children":708},{"style":222},[709],{"type":34,"value":320},{"type":28,"tag":215,"props":711,"children":712},{"style":228},[713],{"type":34,"value":45},{"type":28,"tag":215,"props":715,"children":716},{"style":279},[717],{"type":34,"value":282},{"type":28,"tag":215,"props":719,"children":720},{"style":222},[721],{"type":34,"value":287},{"type":28,"tag":215,"props":723,"children":724},{"style":290},[725],{"type":34,"value":726},"\"mb-2\"",{"type":28,"tag":215,"props":728,"children":729},{"style":222},[730],{"type":34,"value":235},{"type":28,"tag":215,"props":732,"children":734},{"class":217,"line":733},26,[735],{"type":28,"tag":215,"props":736,"children":737},{"style":222},[738],{"type":34,"value":739},"        Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam consequatur repellat, odit voluptatibus\n",{"type":28,"tag":215,"props":741,"children":743},{"class":217,"line":742},27,[744],{"type":28,"tag":215,"props":745,"children":746},{"style":222},[747],{"type":34,"value":748},"        deserunt eligendi nemo perspiciatis tenetur vero repellendus facere? Dolores sit maiores ut labore facilis\n",{"type":28,"tag":215,"props":750,"children":752},{"class":217,"line":751},28,[753],{"type":28,"tag":215,"props":754,"children":755},{"style":222},[756],{"type":34,"value":757},"        minima debitis dolore.\n",{"type":28,"tag":215,"props":759,"children":761},{"class":217,"line":760},29,[762,767,771],{"type":28,"tag":215,"props":763,"children":764},{"style":222},[765],{"type":34,"value":766},"      \u003C\u002F",{"type":28,"tag":215,"props":768,"children":769},{"style":228},[770],{"type":34,"value":45},{"type":28,"tag":215,"props":772,"children":773},{"style":222},[774],{"type":34,"value":235},{"type":28,"tag":215,"props":776,"children":778},{"class":217,"line":777},30,[779,783,788,793,797],{"type":28,"tag":215,"props":780,"children":781},{"style":222},[782],{"type":34,"value":320},{"type":28,"tag":215,"props":784,"children":785},{"style":228},[786],{"type":34,"value":787},"strong",{"type":28,"tag":215,"props":789,"children":790},{"style":222},[791],{"type":34,"value":792},">You can close Drawer by clicking outside or focus and use ESC button\u003C\u002F",{"type":28,"tag":215,"props":794,"children":795},{"style":228},[796],{"type":34,"value":787},{"type":28,"tag":215,"props":798,"children":799},{"style":222},[800],{"type":34,"value":235},{"type":28,"tag":215,"props":802,"children":804},{"class":217,"line":803},31,[805,809,813],{"type":28,"tag":215,"props":806,"children":807},{"style":222},[808],{"type":34,"value":480},{"type":28,"tag":215,"props":810,"children":811},{"style":228},[812],{"type":34,"value":697},{"type":28,"tag":215,"props":814,"children":815},{"style":222},[816],{"type":34,"value":235},{"type":28,"tag":215,"props":818,"children":820},{"class":217,"line":819},32,[821,825,829],{"type":28,"tag":215,"props":822,"children":823},{"style":222},[824],{"type":34,"value":497},{"type":28,"tag":215,"props":826,"children":827},{"style":228},[828],{"type":34,"value":54},{"type":28,"tag":215,"props":830,"children":831},{"style":222},[832],{"type":34,"value":235},{"type":28,"tag":215,"props":834,"children":836},{"class":217,"line":835},33,[837,842,846],{"type":28,"tag":215,"props":838,"children":839},{"style":222},[840],{"type":34,"value":841},"\u003C\u002F",{"type":28,"tag":215,"props":843,"children":844},{"style":228},[845],{"type":34,"value":41},{"type":28,"tag":215,"props":847,"children":848},{"style":222},[849],{"type":34,"value":235},{"type":28,"tag":215,"props":851,"children":853},{"class":217,"line":852},34,[854],{"type":28,"tag":215,"props":855,"children":856},{"emptyLinePlaceholder":9},[857],{"type":34,"value":554},{"type":28,"tag":215,"props":859,"children":861},{"class":217,"line":860},35,[862,866,871,876,880,885,890],{"type":28,"tag":215,"props":863,"children":864},{"style":222},[865],{"type":34,"value":225},{"type":28,"tag":215,"props":867,"children":868},{"style":228},[869],{"type":34,"value":870},"script",{"type":28,"tag":215,"props":872,"children":873},{"style":279},[874],{"type":34,"value":875}," lang",{"type":28,"tag":215,"props":877,"children":878},{"style":222},[879],{"type":34,"value":287},{"type":28,"tag":215,"props":881,"children":882},{"style":290},[883],{"type":34,"value":884},"\"ts\"",{"type":28,"tag":215,"props":886,"children":887},{"style":279},[888],{"type":34,"value":889}," setup",{"type":28,"tag":215,"props":891,"children":892},{"style":222},[893],{"type":34,"value":235},{"type":28,"tag":215,"props":895,"children":897},{"class":217,"line":896},36,[898,904,909,913,917,922,926,930,935,940,945],{"type":28,"tag":215,"props":899,"children":901},{"style":900},"--shiki-default:#C678DD",[902],{"type":34,"value":903},"import",{"type":28,"tag":215,"props":905,"children":906},{"style":222},[907],{"type":34,"value":908}," { ",{"type":28,"tag":215,"props":910,"children":911},{"style":228},[912],{"type":34,"value":54},{"type":28,"tag":215,"props":914,"children":915},{"style":222},[916],{"type":34,"value":96},{"type":28,"tag":215,"props":918,"children":919},{"style":228},[920],{"type":34,"value":921},"SfDrawerPlacement",{"type":28,"tag":215,"props":923,"children":924},{"style":222},[925],{"type":34,"value":96},{"type":28,"tag":215,"props":927,"children":928},{"style":228},[929],{"type":34,"value":518},{"type":28,"tag":215,"props":931,"children":932},{"style":222},[933],{"type":34,"value":934}," } ",{"type":28,"tag":215,"props":936,"children":937},{"style":900},[938],{"type":34,"value":939},"from",{"type":28,"tag":215,"props":941,"children":942},{"style":290},[943],{"type":34,"value":944}," '@storefront-ui\u002Fvue'",{"type":28,"tag":215,"props":946,"children":947},{"style":222},[948],{"type":34,"value":949},";\n",{"type":28,"tag":215,"props":951,"children":953},{"class":217,"line":952},37,[954,958,962,967,971,975,980],{"type":28,"tag":215,"props":955,"children":956},{"style":900},[957],{"type":34,"value":903},{"type":28,"tag":215,"props":959,"children":960},{"style":222},[961],{"type":34,"value":908},{"type":28,"tag":215,"props":963,"children":964},{"style":228},[965],{"type":34,"value":966},"ref",{"type":28,"tag":215,"props":968,"children":969},{"style":222},[970],{"type":34,"value":934},{"type":28,"tag":215,"props":972,"children":973},{"style":900},[974],{"type":34,"value":939},{"type":28,"tag":215,"props":976,"children":977},{"style":290},[978],{"type":34,"value":979}," 'vue'",{"type":28,"tag":215,"props":981,"children":982},{"style":222},[983],{"type":34,"value":949},{"type":28,"tag":215,"props":985,"children":987},{"class":217,"line":986},38,[988],{"type":28,"tag":215,"props":989,"children":990},{"emptyLinePlaceholder":9},[991],{"type":34,"value":554},{"type":28,"tag":215,"props":993,"children":995},{"class":217,"line":994},39,[996,1001,1007,1013,1019,1023,1028,1033,1037,1042,1046,1051,1056],{"type":28,"tag":215,"props":997,"children":998},{"style":900},[999],{"type":34,"value":1000},"const",{"type":28,"tag":215,"props":1002,"children":1004},{"style":1003},"--shiki-default:#E5C07B",[1005],{"type":34,"value":1006}," placement",{"type":28,"tag":215,"props":1008,"children":1010},{"style":1009},"--shiki-default:#56B6C2",[1011],{"type":34,"value":1012}," =",{"type":28,"tag":215,"props":1014,"children":1016},{"style":1015},"--shiki-default:#61AFEF",[1017],{"type":34,"value":1018}," ref",{"type":28,"tag":215,"props":1020,"children":1021},{"style":222},[1022],{"type":34,"value":225},{"type":28,"tag":215,"props":1024,"children":1025},{"style":290},[1026],{"type":34,"value":1027},"`",{"type":28,"tag":215,"props":1029,"children":1030},{"style":900},[1031],{"type":34,"value":1032},"${",{"type":28,"tag":215,"props":1034,"children":1035},{"style":1003},[1036],{"type":34,"value":921},{"type":28,"tag":215,"props":1038,"children":1039},{"style":900},[1040],{"type":34,"value":1041},"}",{"type":28,"tag":215,"props":1043,"children":1044},{"style":290},[1045],{"type":34,"value":1027},{"type":28,"tag":215,"props":1047,"children":1048},{"style":222},[1049],{"type":34,"value":1050},">(",{"type":28,"tag":215,"props":1052,"children":1053},{"style":290},[1054],{"type":34,"value":1055},"'left'",{"type":28,"tag":215,"props":1057,"children":1058},{"style":222},[1059],{"type":34,"value":1060},");\n",{"type":28,"tag":215,"props":1062,"children":1064},{"class":217,"line":1063},40,[1065,1069,1074,1078,1082,1087,1092],{"type":28,"tag":215,"props":1066,"children":1067},{"style":900},[1068],{"type":34,"value":1000},{"type":28,"tag":215,"props":1070,"children":1071},{"style":1003},[1072],{"type":34,"value":1073}," open",{"type":28,"tag":215,"props":1075,"children":1076},{"style":1009},[1077],{"type":34,"value":1012},{"type":28,"tag":215,"props":1079,"children":1080},{"style":1015},[1081],{"type":34,"value":1018},{"type":28,"tag":215,"props":1083,"children":1084},{"style":222},[1085],{"type":34,"value":1086},"(",{"type":28,"tag":215,"props":1088,"children":1089},{"style":279},[1090],{"type":34,"value":1091},"false",{"type":28,"tag":215,"props":1093,"children":1094},{"style":222},[1095],{"type":34,"value":1060},{"type":28,"tag":215,"props":1097,"children":1099},{"class":217,"line":1098},41,[1100,1104,1109,1113,1118,1124,1129,1134,1139],{"type":28,"tag":215,"props":1101,"children":1102},{"style":900},[1103],{"type":34,"value":1000},{"type":28,"tag":215,"props":1105,"children":1106},{"style":1015},[1107],{"type":34,"value":1108}," chagePlacement",{"type":28,"tag":215,"props":1110,"children":1111},{"style":1009},[1112],{"type":34,"value":1012},{"type":28,"tag":215,"props":1114,"children":1115},{"style":222},[1116],{"type":34,"value":1117}," (",{"type":28,"tag":215,"props":1119,"children":1121},{"style":1120},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[1122],{"type":34,"value":1123},"event",{"type":28,"tag":215,"props":1125,"children":1126},{"style":222},[1127],{"type":34,"value":1128},": ",{"type":28,"tag":215,"props":1130,"children":1131},{"style":1003},[1132],{"type":34,"value":1133},"Event",{"type":28,"tag":215,"props":1135,"children":1136},{"style":222},[1137],{"type":34,"value":1138},") ",{"type":28,"tag":215,"props":1140,"children":1141},{"style":900},[1142],{"type":34,"value":1143},"=>\n",{"type":28,"tag":215,"props":1145,"children":1147},{"class":217,"line":1146},42,[1148,1153,1157,1161,1166,1170,1174,1178,1182,1187,1192,1197,1202,1206,1210,1215],{"type":28,"tag":215,"props":1149,"children":1150},{"style":222},[1151],{"type":34,"value":1152},"  (",{"type":28,"tag":215,"props":1154,"children":1155},{"style":1003},[1156],{"type":34,"value":86},{"type":28,"tag":215,"props":1158,"children":1159},{"style":222},[1160],{"type":34,"value":118},{"type":28,"tag":215,"props":1162,"children":1163},{"style":228},[1164],{"type":34,"value":1165},"value",{"type":28,"tag":215,"props":1167,"children":1168},{"style":1009},[1169],{"type":34,"value":1012},{"type":28,"tag":215,"props":1171,"children":1172},{"style":222},[1173],{"type":34,"value":1117},{"type":28,"tag":215,"props":1175,"children":1176},{"style":1003},[1177],{"type":34,"value":1123},{"type":28,"tag":215,"props":1179,"children":1180},{"style":222},[1181],{"type":34,"value":118},{"type":28,"tag":215,"props":1183,"children":1184},{"style":228},[1185],{"type":34,"value":1186},"target",{"type":28,"tag":215,"props":1188,"children":1189},{"style":900},[1190],{"type":34,"value":1191}," as",{"type":28,"tag":215,"props":1193,"children":1194},{"style":1003},[1195],{"type":34,"value":1196}," HTMLSelectElement",{"type":28,"tag":215,"props":1198,"children":1199},{"style":222},[1200],{"type":34,"value":1201},")?.",{"type":28,"tag":215,"props":1203,"children":1204},{"style":228},[1205],{"type":34,"value":1165},{"type":28,"tag":215,"props":1207,"children":1208},{"style":900},[1209],{"type":34,"value":1191},{"type":28,"tag":215,"props":1211,"children":1212},{"style":1003},[1213],{"type":34,"value":1214}," SfDrawerPlacement",{"type":28,"tag":215,"props":1216,"children":1217},{"style":222},[1218],{"type":34,"value":1060},{"type":28,"tag":215,"props":1220,"children":1222},{"class":217,"line":1221},43,[1223,1227,1231],{"type":28,"tag":215,"props":1224,"children":1225},{"style":222},[1226],{"type":34,"value":841},{"type":28,"tag":215,"props":1228,"children":1229},{"style":228},[1230],{"type":34,"value":870},{"type":28,"tag":215,"props":1232,"children":1233},{"style":222},[1234],{"type":34,"value":235},{"type":28,"tag":136,"props":1236,"children":1237},{},[1238],{"type":28,"tag":205,"props":1239,"children":1243},{"className":1240,"code":1241,"language":1242,"meta":7,"style":7},"language-tsx shiki shiki-themes one-dark-pro","import { SfDrawer, type SfDrawerProps, SfButton } from '@storefront-ui\u002Freact';\nimport { ChangeEventHandler, useState } from 'react';\nimport classNames from 'classnames';\n\nexport default function DrawerDemo() {\n  const [open, setOpen] = useState(false);\n  const [placementState, setPlacement] = useState\u003CSfDrawerProps['placement']>('left');\n\n  const changePlacement: ChangeEventHandler\u003CHTMLSelectElement> = (event) => {\n    setPlacement((event.target as HTMLSelectElement).value as SfDrawerProps['placement']);\n  };\n\n  return (\n    \u003C>\n      \u003Clabel>\n        Placement\n        \u003Cselect\n          onChange={changePlacement}\n          className=\"border-2 border-primary-700 mx-2 p-2 rounded-sm\"\n          defaultValue=\"left\"\n        >\n          \u003Coption value=\"top\">top\u003C\u002Foption>\n          \u003Coption value=\"right\">right\u003C\u002Foption>\n          \u003Coption value=\"bottom\">bottom\u003C\u002Foption>\n          \u003Coption value=\"left\">left\u003C\u002Foption>\n        \u003C\u002Fselect>\n      \u003C\u002Flabel>\n      \u003CSfButton onClick={() => setOpen(true)}>Open Drawer\u003C\u002FSfButton>\n\n      \u003CSfDrawer\n        open={open}\n        onClose={() => setOpen(false)}\n        placement={placementState}\n        className={classNames('bg-neutral-50 p-3 border border-gray-300', {\n          'max-w-[370px]': placementState === 'left' || placementState === 'right',\n        })}\n      >\n        \u003Cdiv>\n          \u003Cp className=\"mb-2\">\n            Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam consequatur repellat, odit voluptatibus\n            deserunt eligendi nemo perspiciatis tenetur vero repellendus facere? Dolores sit maiores ut labore facilis\n            minima debitis dolore.\n          \u003C\u002Fp>\n          \u003Cstrong>You can close Drawer by clicking outside or focus and use ESC button\u003C\u002Fstrong>\n        \u003C\u002Fdiv>\n      \u003C\u002FSfDrawer>\n    \u003C\u002F>\n  );\n}\n","tsx",[1244],{"type":28,"tag":49,"props":1245,"children":1246},{"__ignoreMap":7},[1247,1301,1343,1369,1376,1404,1456,1525,1532,1592,1655,1663,1670,1683,1691,1706,1714,1727,1755,1772,1789,1797,1833,1868,1903,1938,1954,1969,2037,2044,2055,2079,2123,2147,2182,2232,2244,2252,2267,2295,2303,2311,2319,2335,2359,2375,2391,2400,2409],{"type":28,"tag":215,"props":1248,"children":1249},{"class":217,"line":218},[1250,1254,1258,1262,1266,1271,1276,1280,1284,1288,1292,1297],{"type":28,"tag":215,"props":1251,"children":1252},{"style":900},[1253],{"type":34,"value":903},{"type":28,"tag":215,"props":1255,"children":1256},{"style":222},[1257],{"type":34,"value":908},{"type":28,"tag":215,"props":1259,"children":1260},{"style":228},[1261],{"type":34,"value":54},{"type":28,"tag":215,"props":1263,"children":1264},{"style":222},[1265],{"type":34,"value":96},{"type":28,"tag":215,"props":1267,"children":1268},{"style":900},[1269],{"type":34,"value":1270},"type",{"type":28,"tag":215,"props":1272,"children":1273},{"style":228},[1274],{"type":34,"value":1275}," SfDrawerProps",{"type":28,"tag":215,"props":1277,"children":1278},{"style":222},[1279],{"type":34,"value":96},{"type":28,"tag":215,"props":1281,"children":1282},{"style":228},[1283],{"type":34,"value":518},{"type":28,"tag":215,"props":1285,"children":1286},{"style":222},[1287],{"type":34,"value":934},{"type":28,"tag":215,"props":1289,"children":1290},{"style":900},[1291],{"type":34,"value":939},{"type":28,"tag":215,"props":1293,"children":1294},{"style":290},[1295],{"type":34,"value":1296}," '@storefront-ui\u002Freact'",{"type":28,"tag":215,"props":1298,"children":1299},{"style":222},[1300],{"type":34,"value":949},{"type":28,"tag":215,"props":1302,"children":1303},{"class":217,"line":238},[1304,1308,1312,1317,1321,1326,1330,1334,1339],{"type":28,"tag":215,"props":1305,"children":1306},{"style":900},[1307],{"type":34,"value":903},{"type":28,"tag":215,"props":1309,"children":1310},{"style":222},[1311],{"type":34,"value":908},{"type":28,"tag":215,"props":1313,"children":1314},{"style":228},[1315],{"type":34,"value":1316},"ChangeEventHandler",{"type":28,"tag":215,"props":1318,"children":1319},{"style":222},[1320],{"type":34,"value":96},{"type":28,"tag":215,"props":1322,"children":1323},{"style":228},[1324],{"type":34,"value":1325},"useState",{"type":28,"tag":215,"props":1327,"children":1328},{"style":222},[1329],{"type":34,"value":934},{"type":28,"tag":215,"props":1331,"children":1332},{"style":900},[1333],{"type":34,"value":939},{"type":28,"tag":215,"props":1335,"children":1336},{"style":290},[1337],{"type":34,"value":1338}," 'react'",{"type":28,"tag":215,"props":1340,"children":1341},{"style":222},[1342],{"type":34,"value":949},{"type":28,"tag":215,"props":1344,"children":1345},{"class":217,"line":256},[1346,1350,1355,1360,1365],{"type":28,"tag":215,"props":1347,"children":1348},{"style":900},[1349],{"type":34,"value":903},{"type":28,"tag":215,"props":1351,"children":1352},{"style":228},[1353],{"type":34,"value":1354}," classNames",{"type":28,"tag":215,"props":1356,"children":1357},{"style":900},[1358],{"type":34,"value":1359}," from",{"type":28,"tag":215,"props":1361,"children":1362},{"style":290},[1363],{"type":34,"value":1364}," 'classnames'",{"type":28,"tag":215,"props":1366,"children":1367},{"style":222},[1368],{"type":34,"value":949},{"type":28,"tag":215,"props":1370,"children":1371},{"class":217,"line":265},[1372],{"type":28,"tag":215,"props":1373,"children":1374},{"emptyLinePlaceholder":9},[1375],{"type":34,"value":554},{"type":28,"tag":215,"props":1377,"children":1378},{"class":217,"line":314},[1379,1384,1389,1394,1399],{"type":28,"tag":215,"props":1380,"children":1381},{"style":900},[1382],{"type":34,"value":1383},"export",{"type":28,"tag":215,"props":1385,"children":1386},{"style":900},[1387],{"type":34,"value":1388}," default",{"type":28,"tag":215,"props":1390,"children":1391},{"style":900},[1392],{"type":34,"value":1393}," function",{"type":28,"tag":215,"props":1395,"children":1396},{"style":1015},[1397],{"type":34,"value":1398}," DrawerDemo",{"type":28,"tag":215,"props":1400,"children":1401},{"style":222},[1402],{"type":34,"value":1403},"() {\n",{"type":28,"tag":215,"props":1405,"children":1406},{"class":217,"line":355},[1407,1412,1417,1421,1425,1430,1435,1439,1444,1448,1452],{"type":28,"tag":215,"props":1408,"children":1409},{"style":900},[1410],{"type":34,"value":1411},"  const",{"type":28,"tag":215,"props":1413,"children":1414},{"style":222},[1415],{"type":34,"value":1416}," [",{"type":28,"tag":215,"props":1418,"children":1419},{"style":1003},[1420],{"type":34,"value":149},{"type":28,"tag":215,"props":1422,"children":1423},{"style":222},[1424],{"type":34,"value":96},{"type":28,"tag":215,"props":1426,"children":1427},{"style":1003},[1428],{"type":34,"value":1429},"setOpen",{"type":28,"tag":215,"props":1431,"children":1432},{"style":222},[1433],{"type":34,"value":1434},"] ",{"type":28,"tag":215,"props":1436,"children":1437},{"style":1009},[1438],{"type":34,"value":287},{"type":28,"tag":215,"props":1440,"children":1441},{"style":1015},[1442],{"type":34,"value":1443}," useState",{"type":28,"tag":215,"props":1445,"children":1446},{"style":222},[1447],{"type":34,"value":1086},{"type":28,"tag":215,"props":1449,"children":1450},{"style":279},[1451],{"type":34,"value":1091},{"type":28,"tag":215,"props":1453,"children":1454},{"style":222},[1455],{"type":34,"value":1060},{"type":28,"tag":215,"props":1457,"children":1458},{"class":217,"line":393},[1459,1463,1467,1472,1476,1481,1485,1489,1493,1497,1502,1507,1512,1517,1521],{"type":28,"tag":215,"props":1460,"children":1461},{"style":900},[1462],{"type":34,"value":1411},{"type":28,"tag":215,"props":1464,"children":1465},{"style":222},[1466],{"type":34,"value":1416},{"type":28,"tag":215,"props":1468,"children":1469},{"style":1003},[1470],{"type":34,"value":1471},"placementState",{"type":28,"tag":215,"props":1473,"children":1474},{"style":222},[1475],{"type":34,"value":96},{"type":28,"tag":215,"props":1477,"children":1478},{"style":1003},[1479],{"type":34,"value":1480},"setPlacement",{"type":28,"tag":215,"props":1482,"children":1483},{"style":222},[1484],{"type":34,"value":1434},{"type":28,"tag":215,"props":1486,"children":1487},{"style":1009},[1488],{"type":34,"value":287},{"type":28,"tag":215,"props":1490,"children":1491},{"style":1015},[1492],{"type":34,"value":1443},{"type":28,"tag":215,"props":1494,"children":1495},{"style":222},[1496],{"type":34,"value":225},{"type":28,"tag":215,"props":1498,"children":1499},{"style":1003},[1500],{"type":34,"value":1501},"SfDrawerProps",{"type":28,"tag":215,"props":1503,"children":1504},{"style":222},[1505],{"type":34,"value":1506},"[",{"type":28,"tag":215,"props":1508,"children":1509},{"style":290},[1510],{"type":34,"value":1511},"'placement'",{"type":28,"tag":215,"props":1513,"children":1514},{"style":222},[1515],{"type":34,"value":1516},"]>(",{"type":28,"tag":215,"props":1518,"children":1519},{"style":290},[1520],{"type":34,"value":1055},{"type":28,"tag":215,"props":1522,"children":1523},{"style":222},[1524],{"type":34,"value":1060},{"type":28,"tag":215,"props":1526,"children":1527},{"class":217,"line":431},[1528],{"type":28,"tag":215,"props":1529,"children":1530},{"emptyLinePlaceholder":9},[1531],{"type":34,"value":554},{"type":28,"tag":215,"props":1533,"children":1534},{"class":217,"line":474},[1535,1539,1544,1548,1552,1556,1561,1566,1570,1574,1578,1582,1587],{"type":28,"tag":215,"props":1536,"children":1537},{"style":900},[1538],{"type":34,"value":1411},{"type":28,"tag":215,"props":1540,"children":1541},{"style":1015},[1542],{"type":34,"value":1543}," changePlacement",{"type":28,"tag":215,"props":1545,"children":1546},{"style":222},[1547],{"type":34,"value":1128},{"type":28,"tag":215,"props":1549,"children":1550},{"style":1003},[1551],{"type":34,"value":1316},{"type":28,"tag":215,"props":1553,"children":1554},{"style":222},[1555],{"type":34,"value":225},{"type":28,"tag":215,"props":1557,"children":1558},{"style":1003},[1559],{"type":34,"value":1560},"HTMLSelectElement",{"type":28,"tag":215,"props":1562,"children":1563},{"style":222},[1564],{"type":34,"value":1565},"> ",{"type":28,"tag":215,"props":1567,"children":1568},{"style":1009},[1569],{"type":34,"value":287},{"type":28,"tag":215,"props":1571,"children":1572},{"style":222},[1573],{"type":34,"value":1117},{"type":28,"tag":215,"props":1575,"children":1576},{"style":1120},[1577],{"type":34,"value":1123},{"type":28,"tag":215,"props":1579,"children":1580},{"style":222},[1581],{"type":34,"value":1138},{"type":28,"tag":215,"props":1583,"children":1584},{"style":900},[1585],{"type":34,"value":1586},"=>",{"type":28,"tag":215,"props":1588,"children":1589},{"style":222},[1590],{"type":34,"value":1591}," {\n",{"type":28,"tag":215,"props":1593,"children":1594},{"class":217,"line":491},[1595,1600,1605,1609,1613,1617,1621,1625,1630,1634,1638,1642,1646,1650],{"type":28,"tag":215,"props":1596,"children":1597},{"style":1015},[1598],{"type":34,"value":1599},"    setPlacement",{"type":28,"tag":215,"props":1601,"children":1602},{"style":222},[1603],{"type":34,"value":1604},"((",{"type":28,"tag":215,"props":1606,"children":1607},{"style":1003},[1608],{"type":34,"value":1123},{"type":28,"tag":215,"props":1610,"children":1611},{"style":222},[1612],{"type":34,"value":118},{"type":28,"tag":215,"props":1614,"children":1615},{"style":228},[1616],{"type":34,"value":1186},{"type":28,"tag":215,"props":1618,"children":1619},{"style":900},[1620],{"type":34,"value":1191},{"type":28,"tag":215,"props":1622,"children":1623},{"style":1003},[1624],{"type":34,"value":1196},{"type":28,"tag":215,"props":1626,"children":1627},{"style":222},[1628],{"type":34,"value":1629},").",{"type":28,"tag":215,"props":1631,"children":1632},{"style":228},[1633],{"type":34,"value":1165},{"type":28,"tag":215,"props":1635,"children":1636},{"style":900},[1637],{"type":34,"value":1191},{"type":28,"tag":215,"props":1639,"children":1640},{"style":1003},[1641],{"type":34,"value":1275},{"type":28,"tag":215,"props":1643,"children":1644},{"style":222},[1645],{"type":34,"value":1506},{"type":28,"tag":215,"props":1647,"children":1648},{"style":290},[1649],{"type":34,"value":1511},{"type":28,"tag":215,"props":1651,"children":1652},{"style":222},[1653],{"type":34,"value":1654},"]);\n",{"type":28,"tag":215,"props":1656,"children":1657},{"class":217,"line":508},[1658],{"type":28,"tag":215,"props":1659,"children":1660},{"style":222},[1661],{"type":34,"value":1662},"  };\n",{"type":28,"tag":215,"props":1664,"children":1665},{"class":217,"line":548},[1666],{"type":28,"tag":215,"props":1667,"children":1668},{"emptyLinePlaceholder":9},[1669],{"type":34,"value":554},{"type":28,"tag":215,"props":1671,"children":1672},{"class":217,"line":557},[1673,1678],{"type":28,"tag":215,"props":1674,"children":1675},{"style":900},[1676],{"type":34,"value":1677},"  return",{"type":28,"tag":215,"props":1679,"children":1680},{"style":222},[1681],{"type":34,"value":1682}," (\n",{"type":28,"tag":215,"props":1684,"children":1685},{"class":217,"line":570},[1686],{"type":28,"tag":215,"props":1687,"children":1688},{"style":222},[1689],{"type":34,"value":1690},"    \u003C>\n",{"type":28,"tag":215,"props":1692,"children":1693},{"class":217,"line":588},[1694,1698,1702],{"type":28,"tag":215,"props":1695,"children":1696},{"style":222},[1697],{"type":34,"value":320},{"type":28,"tag":215,"props":1699,"children":1700},{"style":228},[1701],{"type":34,"value":249},{"type":28,"tag":215,"props":1703,"children":1704},{"style":222},[1705],{"type":34,"value":235},{"type":28,"tag":215,"props":1707,"children":1708},{"class":217,"line":606},[1709],{"type":28,"tag":215,"props":1710,"children":1711},{"style":222},[1712],{"type":34,"value":1713},"        Placement\n",{"type":28,"tag":215,"props":1715,"children":1716},{"class":217,"line":615},[1717,1722],{"type":28,"tag":215,"props":1718,"children":1719},{"style":222},[1720],{"type":34,"value":1721},"        \u003C",{"type":28,"tag":215,"props":1723,"children":1724},{"style":228},[1725],{"type":34,"value":1726},"select\n",{"type":28,"tag":215,"props":1728,"children":1729},{"class":217,"line":624},[1730,1736,1740,1745,1750],{"type":28,"tag":215,"props":1731,"children":1733},{"style":1732},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[1734],{"type":34,"value":1735},"          onChange",{"type":28,"tag":215,"props":1737,"children":1738},{"style":1009},[1739],{"type":34,"value":287},{"type":28,"tag":215,"props":1741,"children":1742},{"style":900},[1743],{"type":34,"value":1744},"{",{"type":28,"tag":215,"props":1746,"children":1747},{"style":228},[1748],{"type":34,"value":1749},"changePlacement",{"type":28,"tag":215,"props":1751,"children":1752},{"style":900},[1753],{"type":34,"value":1754},"}\n",{"type":28,"tag":215,"props":1756,"children":1757},{"class":217,"line":633},[1758,1763,1767],{"type":28,"tag":215,"props":1759,"children":1760},{"style":1732},[1761],{"type":34,"value":1762},"          className",{"type":28,"tag":215,"props":1764,"children":1765},{"style":1009},[1766],{"type":34,"value":287},{"type":28,"tag":215,"props":1768,"children":1769},{"style":290},[1770],{"type":34,"value":1771},"\"border-2 border-primary-700 mx-2 p-2 rounded-sm\"\n",{"type":28,"tag":215,"props":1773,"children":1774},{"class":217,"line":642},[1775,1780,1784],{"type":28,"tag":215,"props":1776,"children":1777},{"style":1732},[1778],{"type":34,"value":1779},"          defaultValue",{"type":28,"tag":215,"props":1781,"children":1782},{"style":1009},[1783],{"type":34,"value":287},{"type":28,"tag":215,"props":1785,"children":1786},{"style":290},[1787],{"type":34,"value":1788},"\"left\"\n",{"type":28,"tag":215,"props":1790,"children":1791},{"class":217,"line":651},[1792],{"type":28,"tag":215,"props":1793,"children":1794},{"style":222},[1795],{"type":34,"value":1796},"        >\n",{"type":28,"tag":215,"props":1798,"children":1799},{"class":217,"line":660},[1800,1805,1809,1813,1817,1821,1825,1829],{"type":28,"tag":215,"props":1801,"children":1802},{"style":222},[1803],{"type":34,"value":1804},"          \u003C",{"type":28,"tag":215,"props":1806,"children":1807},{"style":228},[1808],{"type":34,"value":325},{"type":28,"tag":215,"props":1810,"children":1811},{"style":1732},[1812],{"type":34,"value":330},{"type":28,"tag":215,"props":1814,"children":1815},{"style":1009},[1816],{"type":34,"value":287},{"type":28,"tag":215,"props":1818,"children":1819},{"style":290},[1820],{"type":34,"value":339},{"type":28,"tag":215,"props":1822,"children":1823},{"style":222},[1824],{"type":34,"value":344},{"type":28,"tag":215,"props":1826,"children":1827},{"style":228},[1828],{"type":34,"value":325},{"type":28,"tag":215,"props":1830,"children":1831},{"style":222},[1832],{"type":34,"value":235},{"type":28,"tag":215,"props":1834,"children":1835},{"class":217,"line":678},[1836,1840,1844,1848,1852,1856,1860,1864],{"type":28,"tag":215,"props":1837,"children":1838},{"style":222},[1839],{"type":34,"value":1804},{"type":28,"tag":215,"props":1841,"children":1842},{"style":228},[1843],{"type":34,"value":325},{"type":28,"tag":215,"props":1845,"children":1846},{"style":1732},[1847],{"type":34,"value":330},{"type":28,"tag":215,"props":1849,"children":1850},{"style":1009},[1851],{"type":34,"value":287},{"type":28,"tag":215,"props":1853,"children":1854},{"style":290},[1855],{"type":34,"value":377},{"type":28,"tag":215,"props":1857,"children":1858},{"style":222},[1859],{"type":34,"value":382},{"type":28,"tag":215,"props":1861,"children":1862},{"style":228},[1863],{"type":34,"value":325},{"type":28,"tag":215,"props":1865,"children":1866},{"style":222},[1867],{"type":34,"value":235},{"type":28,"tag":215,"props":1869,"children":1870},{"class":217,"line":687},[1871,1875,1879,1883,1887,1891,1895,1899],{"type":28,"tag":215,"props":1872,"children":1873},{"style":222},[1874],{"type":34,"value":1804},{"type":28,"tag":215,"props":1876,"children":1877},{"style":228},[1878],{"type":34,"value":325},{"type":28,"tag":215,"props":1880,"children":1881},{"style":1732},[1882],{"type":34,"value":330},{"type":28,"tag":215,"props":1884,"children":1885},{"style":1009},[1886],{"type":34,"value":287},{"type":28,"tag":215,"props":1888,"children":1889},{"style":290},[1890],{"type":34,"value":415},{"type":28,"tag":215,"props":1892,"children":1893},{"style":222},[1894],{"type":34,"value":420},{"type":28,"tag":215,"props":1896,"children":1897},{"style":228},[1898],{"type":34,"value":325},{"type":28,"tag":215,"props":1900,"children":1901},{"style":222},[1902],{"type":34,"value":235},{"type":28,"tag":215,"props":1904,"children":1905},{"class":217,"line":704},[1906,1910,1914,1918,1922,1926,1930,1934],{"type":28,"tag":215,"props":1907,"children":1908},{"style":222},[1909],{"type":34,"value":1804},{"type":28,"tag":215,"props":1911,"children":1912},{"style":228},[1913],{"type":34,"value":325},{"type":28,"tag":215,"props":1915,"children":1916},{"style":1732},[1917],{"type":34,"value":330},{"type":28,"tag":215,"props":1919,"children":1920},{"style":1009},[1921],{"type":34,"value":287},{"type":28,"tag":215,"props":1923,"children":1924},{"style":290},[1925],{"type":34,"value":453},{"type":28,"tag":215,"props":1927,"children":1928},{"style":222},[1929],{"type":34,"value":463},{"type":28,"tag":215,"props":1931,"children":1932},{"style":228},[1933],{"type":34,"value":325},{"type":28,"tag":215,"props":1935,"children":1936},{"style":222},[1937],{"type":34,"value":235},{"type":28,"tag":215,"props":1939,"children":1940},{"class":217,"line":733},[1941,1946,1950],{"type":28,"tag":215,"props":1942,"children":1943},{"style":222},[1944],{"type":34,"value":1945},"        \u003C\u002F",{"type":28,"tag":215,"props":1947,"children":1948},{"style":228},[1949],{"type":34,"value":276},{"type":28,"tag":215,"props":1951,"children":1952},{"style":222},[1953],{"type":34,"value":235},{"type":28,"tag":215,"props":1955,"children":1956},{"class":217,"line":742},[1957,1961,1965],{"type":28,"tag":215,"props":1958,"children":1959},{"style":222},[1960],{"type":34,"value":766},{"type":28,"tag":215,"props":1962,"children":1963},{"style":228},[1964],{"type":34,"value":249},{"type":28,"tag":215,"props":1966,"children":1967},{"style":222},[1968],{"type":34,"value":235},{"type":28,"tag":215,"props":1970,"children":1971},{"class":217,"line":751},[1972,1976,1980,1985,1989,1993,1998,2002,2007,2011,2015,2020,2024,2029,2033],{"type":28,"tag":215,"props":1973,"children":1974},{"style":222},[1975],{"type":34,"value":320},{"type":28,"tag":215,"props":1977,"children":1978},{"style":1003},[1979],{"type":34,"value":518},{"type":28,"tag":215,"props":1981,"children":1982},{"style":1732},[1983],{"type":34,"value":1984}," onClick",{"type":28,"tag":215,"props":1986,"children":1987},{"style":1009},[1988],{"type":34,"value":287},{"type":28,"tag":215,"props":1990,"children":1991},{"style":900},[1992],{"type":34,"value":1744},{"type":28,"tag":215,"props":1994,"children":1995},{"style":222},[1996],{"type":34,"value":1997},"() ",{"type":28,"tag":215,"props":1999,"children":2000},{"style":900},[2001],{"type":34,"value":1586},{"type":28,"tag":215,"props":2003,"children":2004},{"style":1015},[2005],{"type":34,"value":2006}," setOpen",{"type":28,"tag":215,"props":2008,"children":2009},{"style":222},[2010],{"type":34,"value":1086},{"type":28,"tag":215,"props":2012,"children":2013},{"style":279},[2014],{"type":34,"value":193},{"type":28,"tag":215,"props":2016,"children":2017},{"style":222},[2018],{"type":34,"value":2019},")",{"type":28,"tag":215,"props":2021,"children":2022},{"style":900},[2023],{"type":34,"value":1041},{"type":28,"tag":215,"props":2025,"children":2026},{"style":222},[2027],{"type":34,"value":2028},">Open Drawer\u003C\u002F",{"type":28,"tag":215,"props":2030,"children":2031},{"style":1003},[2032],{"type":34,"value":518},{"type":28,"tag":215,"props":2034,"children":2035},{"style":222},[2036],{"type":34,"value":235},{"type":28,"tag":215,"props":2038,"children":2039},{"class":217,"line":760},[2040],{"type":28,"tag":215,"props":2041,"children":2042},{"emptyLinePlaceholder":9},[2043],{"type":34,"value":554},{"type":28,"tag":215,"props":2045,"children":2046},{"class":217,"line":777},[2047,2051],{"type":28,"tag":215,"props":2048,"children":2049},{"style":222},[2050],{"type":34,"value":320},{"type":28,"tag":215,"props":2052,"children":2053},{"style":1003},[2054],{"type":34,"value":567},{"type":28,"tag":215,"props":2056,"children":2057},{"class":217,"line":803},[2058,2063,2067,2071,2075],{"type":28,"tag":215,"props":2059,"children":2060},{"style":1732},[2061],{"type":34,"value":2062},"        open",{"type":28,"tag":215,"props":2064,"children":2065},{"style":1009},[2066],{"type":34,"value":287},{"type":28,"tag":215,"props":2068,"children":2069},{"style":900},[2070],{"type":34,"value":1744},{"type":28,"tag":215,"props":2072,"children":2073},{"style":228},[2074],{"type":34,"value":149},{"type":28,"tag":215,"props":2076,"children":2077},{"style":900},[2078],{"type":34,"value":1754},{"type":28,"tag":215,"props":2080,"children":2081},{"class":217,"line":819},[2082,2087,2091,2095,2099,2103,2107,2111,2115,2119],{"type":28,"tag":215,"props":2083,"children":2084},{"style":1732},[2085],{"type":34,"value":2086},"        onClose",{"type":28,"tag":215,"props":2088,"children":2089},{"style":1009},[2090],{"type":34,"value":287},{"type":28,"tag":215,"props":2092,"children":2093},{"style":900},[2094],{"type":34,"value":1744},{"type":28,"tag":215,"props":2096,"children":2097},{"style":222},[2098],{"type":34,"value":1997},{"type":28,"tag":215,"props":2100,"children":2101},{"style":900},[2102],{"type":34,"value":1586},{"type":28,"tag":215,"props":2104,"children":2105},{"style":1015},[2106],{"type":34,"value":2006},{"type":28,"tag":215,"props":2108,"children":2109},{"style":222},[2110],{"type":34,"value":1086},{"type":28,"tag":215,"props":2112,"children":2113},{"style":279},[2114],{"type":34,"value":1091},{"type":28,"tag":215,"props":2116,"children":2117},{"style":222},[2118],{"type":34,"value":2019},{"type":28,"tag":215,"props":2120,"children":2121},{"style":900},[2122],{"type":34,"value":1754},{"type":28,"tag":215,"props":2124,"children":2125},{"class":217,"line":835},[2126,2131,2135,2139,2143],{"type":28,"tag":215,"props":2127,"children":2128},{"style":1732},[2129],{"type":34,"value":2130},"        placement",{"type":28,"tag":215,"props":2132,"children":2133},{"style":1009},[2134],{"type":34,"value":287},{"type":28,"tag":215,"props":2136,"children":2137},{"style":900},[2138],{"type":34,"value":1744},{"type":28,"tag":215,"props":2140,"children":2141},{"style":228},[2142],{"type":34,"value":1471},{"type":28,"tag":215,"props":2144,"children":2145},{"style":900},[2146],{"type":34,"value":1754},{"type":28,"tag":215,"props":2148,"children":2149},{"class":217,"line":852},[2150,2155,2159,2163,2168,2172,2177],{"type":28,"tag":215,"props":2151,"children":2152},{"style":1732},[2153],{"type":34,"value":2154},"        className",{"type":28,"tag":215,"props":2156,"children":2157},{"style":1009},[2158],{"type":34,"value":287},{"type":28,"tag":215,"props":2160,"children":2161},{"style":900},[2162],{"type":34,"value":1744},{"type":28,"tag":215,"props":2164,"children":2165},{"style":1015},[2166],{"type":34,"value":2167},"classNames",{"type":28,"tag":215,"props":2169,"children":2170},{"style":222},[2171],{"type":34,"value":1086},{"type":28,"tag":215,"props":2173,"children":2174},{"style":290},[2175],{"type":34,"value":2176},"'bg-neutral-50 p-3 border border-gray-300'",{"type":28,"tag":215,"props":2178,"children":2179},{"style":222},[2180],{"type":34,"value":2181},", {\n",{"type":28,"tag":215,"props":2183,"children":2184},{"class":217,"line":860},[2185,2190,2194,2198,2203,2208,2213,2218,2222,2227],{"type":28,"tag":215,"props":2186,"children":2187},{"style":290},[2188],{"type":34,"value":2189},"          'max-w-[370px]'",{"type":28,"tag":215,"props":2191,"children":2192},{"style":222},[2193],{"type":34,"value":1128},{"type":28,"tag":215,"props":2195,"children":2196},{"style":228},[2197],{"type":34,"value":1471},{"type":28,"tag":215,"props":2199,"children":2200},{"style":1009},[2201],{"type":34,"value":2202}," ===",{"type":28,"tag":215,"props":2204,"children":2205},{"style":290},[2206],{"type":34,"value":2207}," 'left'",{"type":28,"tag":215,"props":2209,"children":2210},{"style":1009},[2211],{"type":34,"value":2212}," ||",{"type":28,"tag":215,"props":2214,"children":2215},{"style":228},[2216],{"type":34,"value":2217}," placementState",{"type":28,"tag":215,"props":2219,"children":2220},{"style":1009},[2221],{"type":34,"value":2202},{"type":28,"tag":215,"props":2223,"children":2224},{"style":290},[2225],{"type":34,"value":2226}," 'right'",{"type":28,"tag":215,"props":2228,"children":2229},{"style":222},[2230],{"type":34,"value":2231},",\n",{"type":28,"tag":215,"props":2233,"children":2234},{"class":217,"line":896},[2235,2240],{"type":28,"tag":215,"props":2236,"children":2237},{"style":222},[2238],{"type":34,"value":2239},"        })",{"type":28,"tag":215,"props":2241,"children":2242},{"style":900},[2243],{"type":34,"value":1754},{"type":28,"tag":215,"props":2245,"children":2246},{"class":217,"line":952},[2247],{"type":28,"tag":215,"props":2248,"children":2249},{"style":222},[2250],{"type":34,"value":2251},"      >\n",{"type":28,"tag":215,"props":2253,"children":2254},{"class":217,"line":986},[2255,2259,2263],{"type":28,"tag":215,"props":2256,"children":2257},{"style":222},[2258],{"type":34,"value":1721},{"type":28,"tag":215,"props":2260,"children":2261},{"style":228},[2262],{"type":34,"value":697},{"type":28,"tag":215,"props":2264,"children":2265},{"style":222},[2266],{"type":34,"value":235},{"type":28,"tag":215,"props":2268,"children":2269},{"class":217,"line":994},[2270,2274,2278,2283,2287,2291],{"type":28,"tag":215,"props":2271,"children":2272},{"style":222},[2273],{"type":34,"value":1804},{"type":28,"tag":215,"props":2275,"children":2276},{"style":228},[2277],{"type":34,"value":45},{"type":28,"tag":215,"props":2279,"children":2280},{"style":1732},[2281],{"type":34,"value":2282}," className",{"type":28,"tag":215,"props":2284,"children":2285},{"style":1009},[2286],{"type":34,"value":287},{"type":28,"tag":215,"props":2288,"children":2289},{"style":290},[2290],{"type":34,"value":726},{"type":28,"tag":215,"props":2292,"children":2293},{"style":222},[2294],{"type":34,"value":235},{"type":28,"tag":215,"props":2296,"children":2297},{"class":217,"line":1063},[2298],{"type":28,"tag":215,"props":2299,"children":2300},{"style":222},[2301],{"type":34,"value":2302},"            Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam consequatur repellat, odit voluptatibus\n",{"type":28,"tag":215,"props":2304,"children":2305},{"class":217,"line":1098},[2306],{"type":28,"tag":215,"props":2307,"children":2308},{"style":222},[2309],{"type":34,"value":2310},"            deserunt eligendi nemo perspiciatis tenetur vero repellendus facere? Dolores sit maiores ut labore facilis\n",{"type":28,"tag":215,"props":2312,"children":2313},{"class":217,"line":1146},[2314],{"type":28,"tag":215,"props":2315,"children":2316},{"style":222},[2317],{"type":34,"value":2318},"            minima debitis dolore.\n",{"type":28,"tag":215,"props":2320,"children":2321},{"class":217,"line":1221},[2322,2327,2331],{"type":28,"tag":215,"props":2323,"children":2324},{"style":222},[2325],{"type":34,"value":2326},"          \u003C\u002F",{"type":28,"tag":215,"props":2328,"children":2329},{"style":228},[2330],{"type":34,"value":45},{"type":28,"tag":215,"props":2332,"children":2333},{"style":222},[2334],{"type":34,"value":235},{"type":28,"tag":215,"props":2336,"children":2338},{"class":217,"line":2337},44,[2339,2343,2347,2351,2355],{"type":28,"tag":215,"props":2340,"children":2341},{"style":222},[2342],{"type":34,"value":1804},{"type":28,"tag":215,"props":2344,"children":2345},{"style":228},[2346],{"type":34,"value":787},{"type":28,"tag":215,"props":2348,"children":2349},{"style":222},[2350],{"type":34,"value":792},{"type":28,"tag":215,"props":2352,"children":2353},{"style":228},[2354],{"type":34,"value":787},{"type":28,"tag":215,"props":2356,"children":2357},{"style":222},[2358],{"type":34,"value":235},{"type":28,"tag":215,"props":2360,"children":2362},{"class":217,"line":2361},45,[2363,2367,2371],{"type":28,"tag":215,"props":2364,"children":2365},{"style":222},[2366],{"type":34,"value":1945},{"type":28,"tag":215,"props":2368,"children":2369},{"style":228},[2370],{"type":34,"value":697},{"type":28,"tag":215,"props":2372,"children":2373},{"style":222},[2374],{"type":34,"value":235},{"type":28,"tag":215,"props":2376,"children":2378},{"class":217,"line":2377},46,[2379,2383,2387],{"type":28,"tag":215,"props":2380,"children":2381},{"style":222},[2382],{"type":34,"value":766},{"type":28,"tag":215,"props":2384,"children":2385},{"style":1003},[2386],{"type":34,"value":54},{"type":28,"tag":215,"props":2388,"children":2389},{"style":222},[2390],{"type":34,"value":235},{"type":28,"tag":215,"props":2392,"children":2394},{"class":217,"line":2393},47,[2395],{"type":28,"tag":215,"props":2396,"children":2397},{"style":222},[2398],{"type":34,"value":2399},"    \u003C\u002F>\n",{"type":28,"tag":215,"props":2401,"children":2403},{"class":217,"line":2402},48,[2404],{"type":28,"tag":215,"props":2405,"children":2406},{"style":222},[2407],{"type":34,"value":2408},"  );\n",{"type":28,"tag":215,"props":2410,"children":2412},{"class":217,"line":2411},49,[2413],{"type":28,"tag":215,"props":2414,"children":2415},{"style":222},[2416],{"type":34,"value":1754},{"type":28,"tag":65,"props":2418,"children":2420},{"id":2419},"drawer-transition-and-trap-focus",[2421],{"type":34,"value":2422},"Drawer transition and trap focus",{"type":28,"tag":120,"props":2424,"children":2425},{},[2426],{"type":28,"tag":45,"props":2427,"children":2428},{},[2429,2431,2436,2438,2451],{"type":34,"value":2430},"You can wrap ",{"type":28,"tag":49,"props":2432,"children":2434},{"className":2433},[],[2435],{"type":34,"value":54},{"type":34,"value":2437}," in a ",{"type":28,"tag":2439,"props":2440,"children":2444},"a",{"href":2441,"rel":2442},"https:\u002F\u002Fvuejs.org\u002Fguide\u002Fbuilt-ins\u002Ftransition.html#the-transition-component",[2443],"nofollow",[2445],{"type":28,"tag":49,"props":2446,"children":2448},{"className":2447},[],[2449],{"type":34,"value":2450},"\u003Ctransition>",{"type":34,"value":2452}," component to add enter\u002Fexit animations.",{"type":28,"tag":136,"props":2454,"children":2455},{},[2456],{"type":28,"tag":45,"props":2457,"children":2458},{},[2459,2460,2465,2466,2477],{"type":34,"value":2430},{"type":28,"tag":49,"props":2461,"children":2463},{"className":2462},[],[2464],{"type":34,"value":54},{"type":34,"value":2437},{"type":28,"tag":2439,"props":2467,"children":2470},{"href":2468,"rel":2469},"https:\u002F\u002Freactcommunity.org\u002Freact-transition-group\u002Fcss-transition",[2443],[2471],{"type":28,"tag":49,"props":2472,"children":2474},{"className":2473},[],[2475],{"type":34,"value":2476},"\u003CCSSTransition>",{"type":34,"value":2452},{"type":28,"tag":45,"props":2479,"children":2480},{},[2481,2483,2489],{"type":34,"value":2482},"Additionally, you can use the ",{"type":28,"tag":49,"props":2484,"children":2486},{"className":2485},[],[2487],{"type":34,"value":2488},"useTrapFocus",{"type":34,"value":2490}," utility for better control of focusable elements inside.",{"type":28,"tag":196,"props":2492,"children":2495},{"showcase-name":2493,"style":2494,"no-scale":7},"Drawer\u002FTransitionAndCloseButton","min-height: 400px;",[2496,3993],{"type":28,"tag":120,"props":2497,"children":2498},{},[2499],{"type":28,"tag":205,"props":2500,"children":2502},{"className":207,"code":2501,"language":209,"meta":7,"style":7},"\u003Ctemplate>\n  \u003Cfieldset>\n    \u003Clabel v-for=\"{ label, value } in options\" :key=\"value\" class=\"flex items-center my-4 cursor-pointer\">\n      \u003CSfRadio class=\"flex items-center\" name=\"placement\" :value=\"value\" v-model=\"placement\" \u002F>\n      \u003Cspan class=\"ml-2\">{{ label }}\u003C\u002Fspan>\n    \u003C\u002Flabel>\n  \u003C\u002Ffieldset>\n  \u003CSfButton @click=\"open = true\"> Open Drawer \u003C\u002FSfButton>\n\n  \u003Ctransition\n    enter-active-class=\"transition duration-500 ease-in-out\"\n    leave-active-class=\"transition duration-500 ease-in-out\"\n    :enter-from-class=\"placement === 'left' ? '-translate-x-full' : 'translate-x-full'\"\n    :enter-to-class=\"placement === 'left' ? 'translate-x-0' : 'translate-x-0'\"\n    :leave-from-class=\"placement === 'left' ? 'translate-x-0' : 'translate-x-0'\"\n    :leave-to-class=\"placement === 'left' ? '-translate-x-full' : 'translate-x-full'\"\n  >\n    \u003CSfDrawer\n      ref=\"drawerRef\"\n      :placement=\"placement\"\n      :class=\"[\n        'bg-neutral-50',\n        'border',\n        'border-gray-300',\n        { 'max-w-[370px]': placement === 'left' || placement === 'right' },\n      ]\"\n      v-model=\"open\"\n    >\n      \u003Cheader class=\"flex items-center justify-between px-10 py-6 bg-primary-700\">\n        \u003Cdiv class=\"flex items-center text-white\">\u003CSfIconFavorite class=\"mr-2\" \u002F> Your favorite items\u003C\u002Fdiv>\n        \u003CSfButton square variant=\"tertiary\" class=\"text-white\" @click=\"open = false\">\n          \u003CSfIconClose \u002F>\n        \u003C\u002FSfButton>\n      \u003C\u002Fheader>\n      \u003Cdiv class=\"p-5 px-10\">\n        \u003Cp class=\"mb-2\">\n          Focus is trapped inside this Drawer and \u003Cstrong>tab\u003C\u002Fstrong> button cycle through\n          \u003Ca href=\"#\" class=\"underline text-primary-700\"> Focusable Element \u003C\u002Fa> and another\n          \u003Ca href=\"#\" class=\"underline text-primary-700\"> Focusable Element \u003C\u002Fa>\n        \u003C\u002Fp>\n        \u003Cstrong>You can close Drawer by clicking outside or focus and use ESC button\u003C\u002Fstrong>\n      \u003C\u002Fdiv>\n    \u003C\u002FSfDrawer>\n  \u003C\u002Ftransition>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport {\n  SfDrawer,\n  SfDrawerPlacement,\n  SfButton,\n  SfRadio,\n  SfIconFavorite,\n  SfIconClose,\n  useTrapFocus,\n} from '@storefront-ui\u002Fvue';\nimport { ref } from 'vue';\n\nconst placement = ref\u003C`${SfDrawerPlacement}`>('left');\nconst open = ref(false);\nconst drawerRef = ref();\n\nconst options = ref([\n  { label: 'Slide from left', value: 'left' },\n  { label: 'Slide from right', value: 'right' },\n]);\n\nuseTrapFocus(drawerRef, { activeState: open });\n\u003C\u002Fscript>\n\n",[2503],{"type":28,"tag":49,"props":2504,"children":2505},{"__ignoreMap":7},[2506,2521,2537,2593,2663,2700,2715,2730,2765,2772,2784,2801,2817,2834,2851,2867,2883,2890,2901,2918,2934,2950,2958,2966,2974,2982,2990,3006,3014,3043,3103,3163,3179,3194,3209,3237,3264,3290,3342,3389,3404,3427,3442,3457,3473,3488,3495,3526,3537,3549,3562,3575,3588,3601,3614,3627,3648,3680,3688,3744,3776,3802,3810,3836,3879,3921,3929,3937,3977],{"type":28,"tag":215,"props":2507,"children":2508},{"class":217,"line":218},[2509,2513,2517],{"type":28,"tag":215,"props":2510,"children":2511},{"style":222},[2512],{"type":34,"value":225},{"type":28,"tag":215,"props":2514,"children":2515},{"style":228},[2516],{"type":34,"value":41},{"type":28,"tag":215,"props":2518,"children":2519},{"style":222},[2520],{"type":34,"value":235},{"type":28,"tag":215,"props":2522,"children":2523},{"class":217,"line":238},[2524,2528,2533],{"type":28,"tag":215,"props":2525,"children":2526},{"style":222},[2527],{"type":34,"value":244},{"type":28,"tag":215,"props":2529,"children":2530},{"style":228},[2531],{"type":34,"value":2532},"fieldset",{"type":28,"tag":215,"props":2534,"children":2535},{"style":222},[2536],{"type":34,"value":235},{"type":28,"tag":215,"props":2538,"children":2539},{"class":217,"line":256},[2540,2544,2548,2553,2557,2562,2567,2571,2576,2580,2584,2589],{"type":28,"tag":215,"props":2541,"children":2542},{"style":222},[2543],{"type":34,"value":271},{"type":28,"tag":215,"props":2545,"children":2546},{"style":228},[2547],{"type":34,"value":249},{"type":28,"tag":215,"props":2549,"children":2550},{"style":279},[2551],{"type":34,"value":2552}," v-for",{"type":28,"tag":215,"props":2554,"children":2555},{"style":222},[2556],{"type":34,"value":287},{"type":28,"tag":215,"props":2558,"children":2559},{"style":290},[2560],{"type":34,"value":2561},"\"{ label, value } in options\"",{"type":28,"tag":215,"props":2563,"children":2564},{"style":279},[2565],{"type":34,"value":2566}," :key",{"type":28,"tag":215,"props":2568,"children":2569},{"style":222},[2570],{"type":34,"value":287},{"type":28,"tag":215,"props":2572,"children":2573},{"style":290},[2574],{"type":34,"value":2575},"\"value\"",{"type":28,"tag":215,"props":2577,"children":2578},{"style":279},[2579],{"type":34,"value":282},{"type":28,"tag":215,"props":2581,"children":2582},{"style":222},[2583],{"type":34,"value":287},{"type":28,"tag":215,"props":2585,"children":2586},{"style":290},[2587],{"type":34,"value":2588},"\"flex items-center my-4 cursor-pointer\"",{"type":28,"tag":215,"props":2590,"children":2591},{"style":222},[2592],{"type":34,"value":235},{"type":28,"tag":215,"props":2594,"children":2595},{"class":217,"line":265},[2596,2600,2605,2609,2613,2618,2623,2627,2632,2637,2641,2645,2650,2654,2658],{"type":28,"tag":215,"props":2597,"children":2598},{"style":222},[2599],{"type":34,"value":320},{"type":28,"tag":215,"props":2601,"children":2602},{"style":228},[2603],{"type":34,"value":2604},"SfRadio",{"type":28,"tag":215,"props":2606,"children":2607},{"style":279},[2608],{"type":34,"value":282},{"type":28,"tag":215,"props":2610,"children":2611},{"style":222},[2612],{"type":34,"value":287},{"type":28,"tag":215,"props":2614,"children":2615},{"style":290},[2616],{"type":34,"value":2617},"\"flex items-center\"",{"type":28,"tag":215,"props":2619,"children":2620},{"style":279},[2621],{"type":34,"value":2622}," name",{"type":28,"tag":215,"props":2624,"children":2625},{"style":222},[2626],{"type":34,"value":287},{"type":28,"tag":215,"props":2628,"children":2629},{"style":290},[2630],{"type":34,"value":2631},"\"placement\"",{"type":28,"tag":215,"props":2633,"children":2634},{"style":279},[2635],{"type":34,"value":2636}," :value",{"type":28,"tag":215,"props":2638,"children":2639},{"style":222},[2640],{"type":34,"value":287},{"type":28,"tag":215,"props":2642,"children":2643},{"style":290},[2644],{"type":34,"value":2575},{"type":28,"tag":215,"props":2646,"children":2647},{"style":279},[2648],{"type":34,"value":2649}," v-model",{"type":28,"tag":215,"props":2651,"children":2652},{"style":222},[2653],{"type":34,"value":287},{"type":28,"tag":215,"props":2655,"children":2656},{"style":290},[2657],{"type":34,"value":2631},{"type":28,"tag":215,"props":2659,"children":2660},{"style":222},[2661],{"type":34,"value":2662}," \u002F>\n",{"type":28,"tag":215,"props":2664,"children":2665},{"class":217,"line":314},[2666,2670,2674,2678,2682,2687,2692,2696],{"type":28,"tag":215,"props":2667,"children":2668},{"style":222},[2669],{"type":34,"value":320},{"type":28,"tag":215,"props":2671,"children":2672},{"style":228},[2673],{"type":34,"value":215},{"type":28,"tag":215,"props":2675,"children":2676},{"style":279},[2677],{"type":34,"value":282},{"type":28,"tag":215,"props":2679,"children":2680},{"style":222},[2681],{"type":34,"value":287},{"type":28,"tag":215,"props":2683,"children":2684},{"style":290},[2685],{"type":34,"value":2686},"\"ml-2\"",{"type":28,"tag":215,"props":2688,"children":2689},{"style":222},[2690],{"type":34,"value":2691},">{{ label }}\u003C\u002F",{"type":28,"tag":215,"props":2693,"children":2694},{"style":228},[2695],{"type":34,"value":215},{"type":28,"tag":215,"props":2697,"children":2698},{"style":222},[2699],{"type":34,"value":235},{"type":28,"tag":215,"props":2701,"children":2702},{"class":217,"line":355},[2703,2707,2711],{"type":28,"tag":215,"props":2704,"children":2705},{"style":222},[2706],{"type":34,"value":480},{"type":28,"tag":215,"props":2708,"children":2709},{"style":228},[2710],{"type":34,"value":249},{"type":28,"tag":215,"props":2712,"children":2713},{"style":222},[2714],{"type":34,"value":235},{"type":28,"tag":215,"props":2716,"children":2717},{"class":217,"line":393},[2718,2722,2726],{"type":28,"tag":215,"props":2719,"children":2720},{"style":222},[2721],{"type":34,"value":497},{"type":28,"tag":215,"props":2723,"children":2724},{"style":228},[2725],{"type":34,"value":2532},{"type":28,"tag":215,"props":2727,"children":2728},{"style":222},[2729],{"type":34,"value":235},{"type":28,"tag":215,"props":2731,"children":2732},{"class":217,"line":431},[2733,2737,2741,2745,2749,2753,2757,2761],{"type":28,"tag":215,"props":2734,"children":2735},{"style":222},[2736],{"type":34,"value":244},{"type":28,"tag":215,"props":2738,"children":2739},{"style":228},[2740],{"type":34,"value":518},{"type":28,"tag":215,"props":2742,"children":2743},{"style":279},[2744],{"type":34,"value":523},{"type":28,"tag":215,"props":2746,"children":2747},{"style":222},[2748],{"type":34,"value":287},{"type":28,"tag":215,"props":2750,"children":2751},{"style":290},[2752],{"type":34,"value":532},{"type":28,"tag":215,"props":2754,"children":2755},{"style":222},[2756],{"type":34,"value":537},{"type":28,"tag":215,"props":2758,"children":2759},{"style":228},[2760],{"type":34,"value":518},{"type":28,"tag":215,"props":2762,"children":2763},{"style":222},[2764],{"type":34,"value":235},{"type":28,"tag":215,"props":2766,"children":2767},{"class":217,"line":474},[2768],{"type":28,"tag":215,"props":2769,"children":2770},{"emptyLinePlaceholder":9},[2771],{"type":34,"value":554},{"type":28,"tag":215,"props":2773,"children":2774},{"class":217,"line":491},[2775,2779],{"type":28,"tag":215,"props":2776,"children":2777},{"style":222},[2778],{"type":34,"value":244},{"type":28,"tag":215,"props":2780,"children":2781},{"style":228},[2782],{"type":34,"value":2783},"transition\n",{"type":28,"tag":215,"props":2785,"children":2786},{"class":217,"line":508},[2787,2792,2796],{"type":28,"tag":215,"props":2788,"children":2789},{"style":279},[2790],{"type":34,"value":2791},"    enter-active-class",{"type":28,"tag":215,"props":2793,"children":2794},{"style":222},[2795],{"type":34,"value":287},{"type":28,"tag":215,"props":2797,"children":2798},{"style":290},[2799],{"type":34,"value":2800},"\"transition duration-500 ease-in-out\"\n",{"type":28,"tag":215,"props":2802,"children":2803},{"class":217,"line":548},[2804,2809,2813],{"type":28,"tag":215,"props":2805,"children":2806},{"style":279},[2807],{"type":34,"value":2808},"    leave-active-class",{"type":28,"tag":215,"props":2810,"children":2811},{"style":222},[2812],{"type":34,"value":287},{"type":28,"tag":215,"props":2814,"children":2815},{"style":290},[2816],{"type":34,"value":2800},{"type":28,"tag":215,"props":2818,"children":2819},{"class":217,"line":557},[2820,2825,2829],{"type":28,"tag":215,"props":2821,"children":2822},{"style":279},[2823],{"type":34,"value":2824},"    :enter-from-class",{"type":28,"tag":215,"props":2826,"children":2827},{"style":222},[2828],{"type":34,"value":287},{"type":28,"tag":215,"props":2830,"children":2831},{"style":290},[2832],{"type":34,"value":2833},"\"placement === 'left' ? '-translate-x-full' : 'translate-x-full'\"\n",{"type":28,"tag":215,"props":2835,"children":2836},{"class":217,"line":570},[2837,2842,2846],{"type":28,"tag":215,"props":2838,"children":2839},{"style":279},[2840],{"type":34,"value":2841},"    :enter-to-class",{"type":28,"tag":215,"props":2843,"children":2844},{"style":222},[2845],{"type":34,"value":287},{"type":28,"tag":215,"props":2847,"children":2848},{"style":290},[2849],{"type":34,"value":2850},"\"placement === 'left' ? 'translate-x-0' : 'translate-x-0'\"\n",{"type":28,"tag":215,"props":2852,"children":2853},{"class":217,"line":588},[2854,2859,2863],{"type":28,"tag":215,"props":2855,"children":2856},{"style":279},[2857],{"type":34,"value":2858},"    :leave-from-class",{"type":28,"tag":215,"props":2860,"children":2861},{"style":222},[2862],{"type":34,"value":287},{"type":28,"tag":215,"props":2864,"children":2865},{"style":290},[2866],{"type":34,"value":2850},{"type":28,"tag":215,"props":2868,"children":2869},{"class":217,"line":606},[2870,2875,2879],{"type":28,"tag":215,"props":2871,"children":2872},{"style":279},[2873],{"type":34,"value":2874},"    :leave-to-class",{"type":28,"tag":215,"props":2876,"children":2877},{"style":222},[2878],{"type":34,"value":287},{"type":28,"tag":215,"props":2880,"children":2881},{"style":290},[2882],{"type":34,"value":2833},{"type":28,"tag":215,"props":2884,"children":2885},{"class":217,"line":615},[2886],{"type":28,"tag":215,"props":2887,"children":2888},{"style":222},[2889],{"type":34,"value":684},{"type":28,"tag":215,"props":2891,"children":2892},{"class":217,"line":624},[2893,2897],{"type":28,"tag":215,"props":2894,"children":2895},{"style":222},[2896],{"type":34,"value":271},{"type":28,"tag":215,"props":2898,"children":2899},{"style":228},[2900],{"type":34,"value":567},{"type":28,"tag":215,"props":2902,"children":2903},{"class":217,"line":633},[2904,2909,2913],{"type":28,"tag":215,"props":2905,"children":2906},{"style":279},[2907],{"type":34,"value":2908},"      ref",{"type":28,"tag":215,"props":2910,"children":2911},{"style":222},[2912],{"type":34,"value":287},{"type":28,"tag":215,"props":2914,"children":2915},{"style":290},[2916],{"type":34,"value":2917},"\"drawerRef\"\n",{"type":28,"tag":215,"props":2919,"children":2920},{"class":217,"line":642},[2921,2926,2930],{"type":28,"tag":215,"props":2922,"children":2923},{"style":279},[2924],{"type":34,"value":2925},"      :placement",{"type":28,"tag":215,"props":2927,"children":2928},{"style":222},[2929],{"type":34,"value":287},{"type":28,"tag":215,"props":2931,"children":2932},{"style":290},[2933],{"type":34,"value":585},{"type":28,"tag":215,"props":2935,"children":2936},{"class":217,"line":651},[2937,2942,2946],{"type":28,"tag":215,"props":2938,"children":2939},{"style":279},[2940],{"type":34,"value":2941},"      :class",{"type":28,"tag":215,"props":2943,"children":2944},{"style":222},[2945],{"type":34,"value":287},{"type":28,"tag":215,"props":2947,"children":2948},{"style":290},[2949],{"type":34,"value":603},{"type":28,"tag":215,"props":2951,"children":2952},{"class":217,"line":660},[2953],{"type":28,"tag":215,"props":2954,"children":2955},{"style":290},[2956],{"type":34,"value":2957},"        'bg-neutral-50',\n",{"type":28,"tag":215,"props":2959,"children":2960},{"class":217,"line":678},[2961],{"type":28,"tag":215,"props":2962,"children":2963},{"style":290},[2964],{"type":34,"value":2965},"        'border',\n",{"type":28,"tag":215,"props":2967,"children":2968},{"class":217,"line":687},[2969],{"type":28,"tag":215,"props":2970,"children":2971},{"style":290},[2972],{"type":34,"value":2973},"        'border-gray-300',\n",{"type":28,"tag":215,"props":2975,"children":2976},{"class":217,"line":704},[2977],{"type":28,"tag":215,"props":2978,"children":2979},{"style":290},[2980],{"type":34,"value":2981},"        { 'max-w-[370px]': placement === 'left' || placement === 'right' },\n",{"type":28,"tag":215,"props":2983,"children":2984},{"class":217,"line":733},[2985],{"type":28,"tag":215,"props":2986,"children":2987},{"style":290},[2988],{"type":34,"value":2989},"      ]\"\n",{"type":28,"tag":215,"props":2991,"children":2992},{"class":217,"line":742},[2993,2998,3002],{"type":28,"tag":215,"props":2994,"children":2995},{"style":279},[2996],{"type":34,"value":2997},"      v-model",{"type":28,"tag":215,"props":2999,"children":3000},{"style":222},[3001],{"type":34,"value":287},{"type":28,"tag":215,"props":3003,"children":3004},{"style":290},[3005],{"type":34,"value":675},{"type":28,"tag":215,"props":3007,"children":3008},{"class":217,"line":751},[3009],{"type":28,"tag":215,"props":3010,"children":3011},{"style":222},[3012],{"type":34,"value":3013},"    >\n",{"type":28,"tag":215,"props":3015,"children":3016},{"class":217,"line":760},[3017,3021,3026,3030,3034,3039],{"type":28,"tag":215,"props":3018,"children":3019},{"style":222},[3020],{"type":34,"value":320},{"type":28,"tag":215,"props":3022,"children":3023},{"style":228},[3024],{"type":34,"value":3025},"header",{"type":28,"tag":215,"props":3027,"children":3028},{"style":279},[3029],{"type":34,"value":282},{"type":28,"tag":215,"props":3031,"children":3032},{"style":222},[3033],{"type":34,"value":287},{"type":28,"tag":215,"props":3035,"children":3036},{"style":290},[3037],{"type":34,"value":3038},"\"flex items-center justify-between px-10 py-6 bg-primary-700\"",{"type":28,"tag":215,"props":3040,"children":3041},{"style":222},[3042],{"type":34,"value":235},{"type":28,"tag":215,"props":3044,"children":3045},{"class":217,"line":777},[3046,3050,3054,3058,3062,3067,3072,3077,3081,3085,3090,3095,3099],{"type":28,"tag":215,"props":3047,"children":3048},{"style":222},[3049],{"type":34,"value":1721},{"type":28,"tag":215,"props":3051,"children":3052},{"style":228},[3053],{"type":34,"value":697},{"type":28,"tag":215,"props":3055,"children":3056},{"style":279},[3057],{"type":34,"value":282},{"type":28,"tag":215,"props":3059,"children":3060},{"style":222},[3061],{"type":34,"value":287},{"type":28,"tag":215,"props":3063,"children":3064},{"style":290},[3065],{"type":34,"value":3066},"\"flex items-center text-white\"",{"type":28,"tag":215,"props":3068,"children":3069},{"style":222},[3070],{"type":34,"value":3071},">\u003C",{"type":28,"tag":215,"props":3073,"children":3074},{"style":228},[3075],{"type":34,"value":3076},"SfIconFavorite",{"type":28,"tag":215,"props":3078,"children":3079},{"style":279},[3080],{"type":34,"value":282},{"type":28,"tag":215,"props":3082,"children":3083},{"style":222},[3084],{"type":34,"value":287},{"type":28,"tag":215,"props":3086,"children":3087},{"style":290},[3088],{"type":34,"value":3089},"\"mr-2\"",{"type":28,"tag":215,"props":3091,"children":3092},{"style":222},[3093],{"type":34,"value":3094}," \u002F> Your favorite items\u003C\u002F",{"type":28,"tag":215,"props":3096,"children":3097},{"style":228},[3098],{"type":34,"value":697},{"type":28,"tag":215,"props":3100,"children":3101},{"style":222},[3102],{"type":34,"value":235},{"type":28,"tag":215,"props":3104,"children":3105},{"class":217,"line":803},[3106,3110,3114,3119,3124,3128,3133,3137,3141,3146,3150,3154,3159],{"type":28,"tag":215,"props":3107,"children":3108},{"style":222},[3109],{"type":34,"value":1721},{"type":28,"tag":215,"props":3111,"children":3112},{"style":228},[3113],{"type":34,"value":518},{"type":28,"tag":215,"props":3115,"children":3116},{"style":279},[3117],{"type":34,"value":3118}," square",{"type":28,"tag":215,"props":3120,"children":3121},{"style":279},[3122],{"type":34,"value":3123}," variant",{"type":28,"tag":215,"props":3125,"children":3126},{"style":222},[3127],{"type":34,"value":287},{"type":28,"tag":215,"props":3129,"children":3130},{"style":290},[3131],{"type":34,"value":3132},"\"tertiary\"",{"type":28,"tag":215,"props":3134,"children":3135},{"style":279},[3136],{"type":34,"value":282},{"type":28,"tag":215,"props":3138,"children":3139},{"style":222},[3140],{"type":34,"value":287},{"type":28,"tag":215,"props":3142,"children":3143},{"style":290},[3144],{"type":34,"value":3145},"\"text-white\"",{"type":28,"tag":215,"props":3147,"children":3148},{"style":279},[3149],{"type":34,"value":523},{"type":28,"tag":215,"props":3151,"children":3152},{"style":222},[3153],{"type":34,"value":287},{"type":28,"tag":215,"props":3155,"children":3156},{"style":290},[3157],{"type":34,"value":3158},"\"open = false\"",{"type":28,"tag":215,"props":3160,"children":3161},{"style":222},[3162],{"type":34,"value":235},{"type":28,"tag":215,"props":3164,"children":3165},{"class":217,"line":819},[3166,3170,3175],{"type":28,"tag":215,"props":3167,"children":3168},{"style":222},[3169],{"type":34,"value":1804},{"type":28,"tag":215,"props":3171,"children":3172},{"style":228},[3173],{"type":34,"value":3174},"SfIconClose",{"type":28,"tag":215,"props":3176,"children":3177},{"style":222},[3178],{"type":34,"value":2662},{"type":28,"tag":215,"props":3180,"children":3181},{"class":217,"line":835},[3182,3186,3190],{"type":28,"tag":215,"props":3183,"children":3184},{"style":222},[3185],{"type":34,"value":1945},{"type":28,"tag":215,"props":3187,"children":3188},{"style":228},[3189],{"type":34,"value":518},{"type":28,"tag":215,"props":3191,"children":3192},{"style":222},[3193],{"type":34,"value":235},{"type":28,"tag":215,"props":3195,"children":3196},{"class":217,"line":852},[3197,3201,3205],{"type":28,"tag":215,"props":3198,"children":3199},{"style":222},[3200],{"type":34,"value":766},{"type":28,"tag":215,"props":3202,"children":3203},{"style":228},[3204],{"type":34,"value":3025},{"type":28,"tag":215,"props":3206,"children":3207},{"style":222},[3208],{"type":34,"value":235},{"type":28,"tag":215,"props":3210,"children":3211},{"class":217,"line":860},[3212,3216,3220,3224,3228,3233],{"type":28,"tag":215,"props":3213,"children":3214},{"style":222},[3215],{"type":34,"value":320},{"type":28,"tag":215,"props":3217,"children":3218},{"style":228},[3219],{"type":34,"value":697},{"type":28,"tag":215,"props":3221,"children":3222},{"style":279},[3223],{"type":34,"value":282},{"type":28,"tag":215,"props":3225,"children":3226},{"style":222},[3227],{"type":34,"value":287},{"type":28,"tag":215,"props":3229,"children":3230},{"style":290},[3231],{"type":34,"value":3232},"\"p-5 px-10\"",{"type":28,"tag":215,"props":3234,"children":3235},{"style":222},[3236],{"type":34,"value":235},{"type":28,"tag":215,"props":3238,"children":3239},{"class":217,"line":896},[3240,3244,3248,3252,3256,3260],{"type":28,"tag":215,"props":3241,"children":3242},{"style":222},[3243],{"type":34,"value":1721},{"type":28,"tag":215,"props":3245,"children":3246},{"style":228},[3247],{"type":34,"value":45},{"type":28,"tag":215,"props":3249,"children":3250},{"style":279},[3251],{"type":34,"value":282},{"type":28,"tag":215,"props":3253,"children":3254},{"style":222},[3255],{"type":34,"value":287},{"type":28,"tag":215,"props":3257,"children":3258},{"style":290},[3259],{"type":34,"value":726},{"type":28,"tag":215,"props":3261,"children":3262},{"style":222},[3263],{"type":34,"value":235},{"type":28,"tag":215,"props":3265,"children":3266},{"class":217,"line":952},[3267,3272,3276,3281,3285],{"type":28,"tag":215,"props":3268,"children":3269},{"style":222},[3270],{"type":34,"value":3271},"          Focus is trapped inside this Drawer and \u003C",{"type":28,"tag":215,"props":3273,"children":3274},{"style":228},[3275],{"type":34,"value":787},{"type":28,"tag":215,"props":3277,"children":3278},{"style":222},[3279],{"type":34,"value":3280},">tab\u003C\u002F",{"type":28,"tag":215,"props":3282,"children":3283},{"style":228},[3284],{"type":34,"value":787},{"type":28,"tag":215,"props":3286,"children":3287},{"style":222},[3288],{"type":34,"value":3289},"> button cycle through\n",{"type":28,"tag":215,"props":3291,"children":3292},{"class":217,"line":986},[3293,3297,3301,3306,3310,3315,3319,3323,3328,3333,3337],{"type":28,"tag":215,"props":3294,"children":3295},{"style":222},[3296],{"type":34,"value":1804},{"type":28,"tag":215,"props":3298,"children":3299},{"style":228},[3300],{"type":34,"value":2439},{"type":28,"tag":215,"props":3302,"children":3303},{"style":279},[3304],{"type":34,"value":3305}," href",{"type":28,"tag":215,"props":3307,"children":3308},{"style":222},[3309],{"type":34,"value":287},{"type":28,"tag":215,"props":3311,"children":3312},{"style":290},[3313],{"type":34,"value":3314},"\"#\"",{"type":28,"tag":215,"props":3316,"children":3317},{"style":279},[3318],{"type":34,"value":282},{"type":28,"tag":215,"props":3320,"children":3321},{"style":222},[3322],{"type":34,"value":287},{"type":28,"tag":215,"props":3324,"children":3325},{"style":290},[3326],{"type":34,"value":3327},"\"underline text-primary-700\"",{"type":28,"tag":215,"props":3329,"children":3330},{"style":222},[3331],{"type":34,"value":3332},"> Focusable Element \u003C\u002F",{"type":28,"tag":215,"props":3334,"children":3335},{"style":228},[3336],{"type":34,"value":2439},{"type":28,"tag":215,"props":3338,"children":3339},{"style":222},[3340],{"type":34,"value":3341},"> and another\n",{"type":28,"tag":215,"props":3343,"children":3344},{"class":217,"line":994},[3345,3349,3353,3357,3361,3365,3369,3373,3377,3381,3385],{"type":28,"tag":215,"props":3346,"children":3347},{"style":222},[3348],{"type":34,"value":1804},{"type":28,"tag":215,"props":3350,"children":3351},{"style":228},[3352],{"type":34,"value":2439},{"type":28,"tag":215,"props":3354,"children":3355},{"style":279},[3356],{"type":34,"value":3305},{"type":28,"tag":215,"props":3358,"children":3359},{"style":222},[3360],{"type":34,"value":287},{"type":28,"tag":215,"props":3362,"children":3363},{"style":290},[3364],{"type":34,"value":3314},{"type":28,"tag":215,"props":3366,"children":3367},{"style":279},[3368],{"type":34,"value":282},{"type":28,"tag":215,"props":3370,"children":3371},{"style":222},[3372],{"type":34,"value":287},{"type":28,"tag":215,"props":3374,"children":3375},{"style":290},[3376],{"type":34,"value":3327},{"type":28,"tag":215,"props":3378,"children":3379},{"style":222},[3380],{"type":34,"value":3332},{"type":28,"tag":215,"props":3382,"children":3383},{"style":228},[3384],{"type":34,"value":2439},{"type":28,"tag":215,"props":3386,"children":3387},{"style":222},[3388],{"type":34,"value":235},{"type":28,"tag":215,"props":3390,"children":3391},{"class":217,"line":1063},[3392,3396,3400],{"type":28,"tag":215,"props":3393,"children":3394},{"style":222},[3395],{"type":34,"value":1945},{"type":28,"tag":215,"props":3397,"children":3398},{"style":228},[3399],{"type":34,"value":45},{"type":28,"tag":215,"props":3401,"children":3402},{"style":222},[3403],{"type":34,"value":235},{"type":28,"tag":215,"props":3405,"children":3406},{"class":217,"line":1098},[3407,3411,3415,3419,3423],{"type":28,"tag":215,"props":3408,"children":3409},{"style":222},[3410],{"type":34,"value":1721},{"type":28,"tag":215,"props":3412,"children":3413},{"style":228},[3414],{"type":34,"value":787},{"type":28,"tag":215,"props":3416,"children":3417},{"style":222},[3418],{"type":34,"value":792},{"type":28,"tag":215,"props":3420,"children":3421},{"style":228},[3422],{"type":34,"value":787},{"type":28,"tag":215,"props":3424,"children":3425},{"style":222},[3426],{"type":34,"value":235},{"type":28,"tag":215,"props":3428,"children":3429},{"class":217,"line":1146},[3430,3434,3438],{"type":28,"tag":215,"props":3431,"children":3432},{"style":222},[3433],{"type":34,"value":766},{"type":28,"tag":215,"props":3435,"children":3436},{"style":228},[3437],{"type":34,"value":697},{"type":28,"tag":215,"props":3439,"children":3440},{"style":222},[3441],{"type":34,"value":235},{"type":28,"tag":215,"props":3443,"children":3444},{"class":217,"line":1221},[3445,3449,3453],{"type":28,"tag":215,"props":3446,"children":3447},{"style":222},[3448],{"type":34,"value":480},{"type":28,"tag":215,"props":3450,"children":3451},{"style":228},[3452],{"type":34,"value":54},{"type":28,"tag":215,"props":3454,"children":3455},{"style":222},[3456],{"type":34,"value":235},{"type":28,"tag":215,"props":3458,"children":3459},{"class":217,"line":2337},[3460,3464,3469],{"type":28,"tag":215,"props":3461,"children":3462},{"style":222},[3463],{"type":34,"value":497},{"type":28,"tag":215,"props":3465,"children":3466},{"style":228},[3467],{"type":34,"value":3468},"transition",{"type":28,"tag":215,"props":3470,"children":3471},{"style":222},[3472],{"type":34,"value":235},{"type":28,"tag":215,"props":3474,"children":3475},{"class":217,"line":2361},[3476,3480,3484],{"type":28,"tag":215,"props":3477,"children":3478},{"style":222},[3479],{"type":34,"value":841},{"type":28,"tag":215,"props":3481,"children":3482},{"style":228},[3483],{"type":34,"value":41},{"type":28,"tag":215,"props":3485,"children":3486},{"style":222},[3487],{"type":34,"value":235},{"type":28,"tag":215,"props":3489,"children":3490},{"class":217,"line":2377},[3491],{"type":28,"tag":215,"props":3492,"children":3493},{"emptyLinePlaceholder":9},[3494],{"type":34,"value":554},{"type":28,"tag":215,"props":3496,"children":3497},{"class":217,"line":2393},[3498,3502,3506,3510,3514,3518,3522],{"type":28,"tag":215,"props":3499,"children":3500},{"style":222},[3501],{"type":34,"value":225},{"type":28,"tag":215,"props":3503,"children":3504},{"style":228},[3505],{"type":34,"value":870},{"type":28,"tag":215,"props":3507,"children":3508},{"style":279},[3509],{"type":34,"value":875},{"type":28,"tag":215,"props":3511,"children":3512},{"style":222},[3513],{"type":34,"value":287},{"type":28,"tag":215,"props":3515,"children":3516},{"style":290},[3517],{"type":34,"value":884},{"type":28,"tag":215,"props":3519,"children":3520},{"style":279},[3521],{"type":34,"value":889},{"type":28,"tag":215,"props":3523,"children":3524},{"style":222},[3525],{"type":34,"value":235},{"type":28,"tag":215,"props":3527,"children":3528},{"class":217,"line":2402},[3529,3533],{"type":28,"tag":215,"props":3530,"children":3531},{"style":900},[3532],{"type":34,"value":903},{"type":28,"tag":215,"props":3534,"children":3535},{"style":222},[3536],{"type":34,"value":1591},{"type":28,"tag":215,"props":3538,"children":3539},{"class":217,"line":2411},[3540,3545],{"type":28,"tag":215,"props":3541,"children":3542},{"style":228},[3543],{"type":34,"value":3544},"  SfDrawer",{"type":28,"tag":215,"props":3546,"children":3547},{"style":222},[3548],{"type":34,"value":2231},{"type":28,"tag":215,"props":3550,"children":3552},{"class":217,"line":3551},50,[3553,3558],{"type":28,"tag":215,"props":3554,"children":3555},{"style":228},[3556],{"type":34,"value":3557},"  SfDrawerPlacement",{"type":28,"tag":215,"props":3559,"children":3560},{"style":222},[3561],{"type":34,"value":2231},{"type":28,"tag":215,"props":3563,"children":3565},{"class":217,"line":3564},51,[3566,3571],{"type":28,"tag":215,"props":3567,"children":3568},{"style":228},[3569],{"type":34,"value":3570},"  SfButton",{"type":28,"tag":215,"props":3572,"children":3573},{"style":222},[3574],{"type":34,"value":2231},{"type":28,"tag":215,"props":3576,"children":3578},{"class":217,"line":3577},52,[3579,3584],{"type":28,"tag":215,"props":3580,"children":3581},{"style":228},[3582],{"type":34,"value":3583},"  SfRadio",{"type":28,"tag":215,"props":3585,"children":3586},{"style":222},[3587],{"type":34,"value":2231},{"type":28,"tag":215,"props":3589,"children":3591},{"class":217,"line":3590},53,[3592,3597],{"type":28,"tag":215,"props":3593,"children":3594},{"style":228},[3595],{"type":34,"value":3596},"  SfIconFavorite",{"type":28,"tag":215,"props":3598,"children":3599},{"style":222},[3600],{"type":34,"value":2231},{"type":28,"tag":215,"props":3602,"children":3604},{"class":217,"line":3603},54,[3605,3610],{"type":28,"tag":215,"props":3606,"children":3607},{"style":228},[3608],{"type":34,"value":3609},"  SfIconClose",{"type":28,"tag":215,"props":3611,"children":3612},{"style":222},[3613],{"type":34,"value":2231},{"type":28,"tag":215,"props":3615,"children":3617},{"class":217,"line":3616},55,[3618,3623],{"type":28,"tag":215,"props":3619,"children":3620},{"style":228},[3621],{"type":34,"value":3622},"  useTrapFocus",{"type":28,"tag":215,"props":3624,"children":3625},{"style":222},[3626],{"type":34,"value":2231},{"type":28,"tag":215,"props":3628,"children":3630},{"class":217,"line":3629},56,[3631,3636,3640,3644],{"type":28,"tag":215,"props":3632,"children":3633},{"style":222},[3634],{"type":34,"value":3635},"} ",{"type":28,"tag":215,"props":3637,"children":3638},{"style":900},[3639],{"type":34,"value":939},{"type":28,"tag":215,"props":3641,"children":3642},{"style":290},[3643],{"type":34,"value":944},{"type":28,"tag":215,"props":3645,"children":3646},{"style":222},[3647],{"type":34,"value":949},{"type":28,"tag":215,"props":3649,"children":3651},{"class":217,"line":3650},57,[3652,3656,3660,3664,3668,3672,3676],{"type":28,"tag":215,"props":3653,"children":3654},{"style":900},[3655],{"type":34,"value":903},{"type":28,"tag":215,"props":3657,"children":3658},{"style":222},[3659],{"type":34,"value":908},{"type":28,"tag":215,"props":3661,"children":3662},{"style":228},[3663],{"type":34,"value":966},{"type":28,"tag":215,"props":3665,"children":3666},{"style":222},[3667],{"type":34,"value":934},{"type":28,"tag":215,"props":3669,"children":3670},{"style":900},[3671],{"type":34,"value":939},{"type":28,"tag":215,"props":3673,"children":3674},{"style":290},[3675],{"type":34,"value":979},{"type":28,"tag":215,"props":3677,"children":3678},{"style":222},[3679],{"type":34,"value":949},{"type":28,"tag":215,"props":3681,"children":3683},{"class":217,"line":3682},58,[3684],{"type":28,"tag":215,"props":3685,"children":3686},{"emptyLinePlaceholder":9},[3687],{"type":34,"value":554},{"type":28,"tag":215,"props":3689,"children":3691},{"class":217,"line":3690},59,[3692,3696,3700,3704,3708,3712,3716,3720,3724,3728,3732,3736,3740],{"type":28,"tag":215,"props":3693,"children":3694},{"style":900},[3695],{"type":34,"value":1000},{"type":28,"tag":215,"props":3697,"children":3698},{"style":1003},[3699],{"type":34,"value":1006},{"type":28,"tag":215,"props":3701,"children":3702},{"style":1009},[3703],{"type":34,"value":1012},{"type":28,"tag":215,"props":3705,"children":3706},{"style":1015},[3707],{"type":34,"value":1018},{"type":28,"tag":215,"props":3709,"children":3710},{"style":222},[3711],{"type":34,"value":225},{"type":28,"tag":215,"props":3713,"children":3714},{"style":290},[3715],{"type":34,"value":1027},{"type":28,"tag":215,"props":3717,"children":3718},{"style":900},[3719],{"type":34,"value":1032},{"type":28,"tag":215,"props":3721,"children":3722},{"style":1003},[3723],{"type":34,"value":921},{"type":28,"tag":215,"props":3725,"children":3726},{"style":900},[3727],{"type":34,"value":1041},{"type":28,"tag":215,"props":3729,"children":3730},{"style":290},[3731],{"type":34,"value":1027},{"type":28,"tag":215,"props":3733,"children":3734},{"style":222},[3735],{"type":34,"value":1050},{"type":28,"tag":215,"props":3737,"children":3738},{"style":290},[3739],{"type":34,"value":1055},{"type":28,"tag":215,"props":3741,"children":3742},{"style":222},[3743],{"type":34,"value":1060},{"type":28,"tag":215,"props":3745,"children":3747},{"class":217,"line":3746},60,[3748,3752,3756,3760,3764,3768,3772],{"type":28,"tag":215,"props":3749,"children":3750},{"style":900},[3751],{"type":34,"value":1000},{"type":28,"tag":215,"props":3753,"children":3754},{"style":1003},[3755],{"type":34,"value":1073},{"type":28,"tag":215,"props":3757,"children":3758},{"style":1009},[3759],{"type":34,"value":1012},{"type":28,"tag":215,"props":3761,"children":3762},{"style":1015},[3763],{"type":34,"value":1018},{"type":28,"tag":215,"props":3765,"children":3766},{"style":222},[3767],{"type":34,"value":1086},{"type":28,"tag":215,"props":3769,"children":3770},{"style":279},[3771],{"type":34,"value":1091},{"type":28,"tag":215,"props":3773,"children":3774},{"style":222},[3775],{"type":34,"value":1060},{"type":28,"tag":215,"props":3777,"children":3779},{"class":217,"line":3778},61,[3780,3784,3789,3793,3797],{"type":28,"tag":215,"props":3781,"children":3782},{"style":900},[3783],{"type":34,"value":1000},{"type":28,"tag":215,"props":3785,"children":3786},{"style":1003},[3787],{"type":34,"value":3788}," drawerRef",{"type":28,"tag":215,"props":3790,"children":3791},{"style":1009},[3792],{"type":34,"value":1012},{"type":28,"tag":215,"props":3794,"children":3795},{"style":1015},[3796],{"type":34,"value":1018},{"type":28,"tag":215,"props":3798,"children":3799},{"style":222},[3800],{"type":34,"value":3801},"();\n",{"type":28,"tag":215,"props":3803,"children":3805},{"class":217,"line":3804},62,[3806],{"type":28,"tag":215,"props":3807,"children":3808},{"emptyLinePlaceholder":9},[3809],{"type":34,"value":554},{"type":28,"tag":215,"props":3811,"children":3813},{"class":217,"line":3812},63,[3814,3818,3823,3827,3831],{"type":28,"tag":215,"props":3815,"children":3816},{"style":900},[3817],{"type":34,"value":1000},{"type":28,"tag":215,"props":3819,"children":3820},{"style":1003},[3821],{"type":34,"value":3822}," options",{"type":28,"tag":215,"props":3824,"children":3825},{"style":1009},[3826],{"type":34,"value":1012},{"type":28,"tag":215,"props":3828,"children":3829},{"style":1015},[3830],{"type":34,"value":1018},{"type":28,"tag":215,"props":3832,"children":3833},{"style":222},[3834],{"type":34,"value":3835},"([\n",{"type":28,"tag":215,"props":3837,"children":3839},{"class":217,"line":3838},64,[3840,3845,3849,3853,3858,3862,3866,3870,3874],{"type":28,"tag":215,"props":3841,"children":3842},{"style":222},[3843],{"type":34,"value":3844},"  { ",{"type":28,"tag":215,"props":3846,"children":3847},{"style":228},[3848],{"type":34,"value":249},{"type":28,"tag":215,"props":3850,"children":3851},{"style":222},[3852],{"type":34,"value":1128},{"type":28,"tag":215,"props":3854,"children":3855},{"style":290},[3856],{"type":34,"value":3857},"'Slide from left'",{"type":28,"tag":215,"props":3859,"children":3860},{"style":222},[3861],{"type":34,"value":96},{"type":28,"tag":215,"props":3863,"children":3864},{"style":228},[3865],{"type":34,"value":1165},{"type":28,"tag":215,"props":3867,"children":3868},{"style":222},[3869],{"type":34,"value":1128},{"type":28,"tag":215,"props":3871,"children":3872},{"style":290},[3873],{"type":34,"value":1055},{"type":28,"tag":215,"props":3875,"children":3876},{"style":222},[3877],{"type":34,"value":3878}," },\n",{"type":28,"tag":215,"props":3880,"children":3882},{"class":217,"line":3881},65,[3883,3887,3891,3895,3900,3904,3908,3912,3917],{"type":28,"tag":215,"props":3884,"children":3885},{"style":222},[3886],{"type":34,"value":3844},{"type":28,"tag":215,"props":3888,"children":3889},{"style":228},[3890],{"type":34,"value":249},{"type":28,"tag":215,"props":3892,"children":3893},{"style":222},[3894],{"type":34,"value":1128},{"type":28,"tag":215,"props":3896,"children":3897},{"style":290},[3898],{"type":34,"value":3899},"'Slide from right'",{"type":28,"tag":215,"props":3901,"children":3902},{"style":222},[3903],{"type":34,"value":96},{"type":28,"tag":215,"props":3905,"children":3906},{"style":228},[3907],{"type":34,"value":1165},{"type":28,"tag":215,"props":3909,"children":3910},{"style":222},[3911],{"type":34,"value":1128},{"type":28,"tag":215,"props":3913,"children":3914},{"style":290},[3915],{"type":34,"value":3916},"'right'",{"type":28,"tag":215,"props":3918,"children":3919},{"style":222},[3920],{"type":34,"value":3878},{"type":28,"tag":215,"props":3922,"children":3924},{"class":217,"line":3923},66,[3925],{"type":28,"tag":215,"props":3926,"children":3927},{"style":222},[3928],{"type":34,"value":1654},{"type":28,"tag":215,"props":3930,"children":3932},{"class":217,"line":3931},67,[3933],{"type":28,"tag":215,"props":3934,"children":3935},{"emptyLinePlaceholder":9},[3936],{"type":34,"value":554},{"type":28,"tag":215,"props":3938,"children":3940},{"class":217,"line":3939},68,[3941,3945,3949,3954,3959,3964,3968,3972],{"type":28,"tag":215,"props":3942,"children":3943},{"style":1015},[3944],{"type":34,"value":2488},{"type":28,"tag":215,"props":3946,"children":3947},{"style":222},[3948],{"type":34,"value":1086},{"type":28,"tag":215,"props":3950,"children":3951},{"style":228},[3952],{"type":34,"value":3953},"drawerRef",{"type":28,"tag":215,"props":3955,"children":3956},{"style":222},[3957],{"type":34,"value":3958},", { ",{"type":28,"tag":215,"props":3960,"children":3961},{"style":228},[3962],{"type":34,"value":3963},"activeState",{"type":28,"tag":215,"props":3965,"children":3966},{"style":222},[3967],{"type":34,"value":1128},{"type":28,"tag":215,"props":3969,"children":3970},{"style":228},[3971],{"type":34,"value":149},{"type":28,"tag":215,"props":3973,"children":3974},{"style":222},[3975],{"type":34,"value":3976}," });\n",{"type":28,"tag":215,"props":3978,"children":3980},{"class":217,"line":3979},69,[3981,3985,3989],{"type":28,"tag":215,"props":3982,"children":3983},{"style":222},[3984],{"type":34,"value":841},{"type":28,"tag":215,"props":3986,"children":3987},{"style":228},[3988],{"type":34,"value":870},{"type":28,"tag":215,"props":3990,"children":3991},{"style":222},[3992],{"type":34,"value":235},{"type":28,"tag":136,"props":3994,"children":3995},{},[3996],{"type":28,"tag":205,"props":3997,"children":3999},{"className":1240,"code":3998,"language":1242,"meta":7,"style":7},"import {\n  SfDrawer,\n  SfButton,\n  SfRadio,\n  SfIconFavorite,\n  SfIconClose,\n  useTrapFocus,\n  SfDrawerPlacement,\n} from '@storefront-ui\u002Freact';\nimport { useState, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\nimport classNames from 'classnames';\n\nconst options = [\n  { label: 'Slide from left', value: 'left' },\n  { label: 'Slide from right', value: 'right' },\n];\n\nexport default function DrawerWithTransition() {\n  const [open, setOpen] = useState(false);\n  const [placement, setPlacement] = useState\u003C`${SfDrawerPlacement}`>('left');\n  const nodeRef = useRef\u003CTransition\u003CHTMLElement | undefined>>(null);\n  const drawerRef = useRef\u003CHTMLElement>(null);\n\n  useTrapFocus(drawerRef, { activeState: open });\n\n  return (\n    \u003C>\n      \u003Cfieldset>\n        {options.map(({ label, value }) => (\n          \u003Clabel className=\"flex items-center my-4 cursor-pointer\" key={value}>\n            \u003CSfRadio\n              name=\"placement\"\n              value={value}\n              checked={placement === value}\n              onChange={(event) => {\n                setPlacement(event.target.value as SfDrawerPlacement);\n              }}\n            \u002F>\n            \u003Cspan className=\"ml-2\">{label}\u003C\u002Fspan>\n          \u003C\u002Flabel>\n        ))}\n      \u003C\u002Ffieldset>\n      \u003CSfButton onClick={() => setOpen(true)}>Open Drawer\u003C\u002FSfButton>\n\n      \u003CTransition ref={nodeRef} in={open} timeout={300}>\n        {(state) => (\n          \u003CSfDrawer\n            ref={drawerRef}\n            open\n            placement={placement}\n            onClose={() => setOpen(false)}\n            className={classNames(\n              'bg-neutral-50 border border-gray-300 max-w-[370px] duration-500 transition ease-in-out',\n              {\n                'translate-x-0': state === 'entered' && placement === 'left',\n                '-translate-x-full': (state === 'entering' || state === 'exited') && placement === 'left',\n                '-translate-x-0': state === 'entered' && placement === 'right',\n                'translate-x-full': (state === 'entering' || state === 'exited') && placement === 'right',\n              },\n            )}\n          >\n            \u003Cheader className=\"flex items-center justify-between px-10 py-6 bg-primary-700\">\n              \u003Cdiv className=\"flex items-center text-white\">\n                \u003CSfIconFavorite className=\"mr-2\" \u002F> Your favorite items\n              \u003C\u002Fdiv>\n              \u003CSfButton\n                square\n                variant=\"tertiary\"\n                onClick={() => {\n                  setOpen(!open);\n                }}\n                className=\"text-white\"\n              >\n                \u003CSfIconClose \u002F>\n              \u003C\u002FSfButton>\n            \u003C\u002Fheader>\n            \u003Cdiv className=\"p-5 px-10\">\n              \u003Cp className=\"mb-2\">\n                Focus is trapped inside this Drawer and \u003Cstrong>tab\u003C\u002Fstrong> button cycle through{' '}\n                \u003Ca href=\"https:\u002F\u002Fdocs.storefrontui.io\u002Fv2\u002F\" className=\"underline text-primary-700\">\n                  Focusable Element\n                \u003C\u002Fa>{' '}\n                and another{' '}\n                \u003Ca href=\"https:\u002F\u002Fdocs.storefrontui.io\u002Fv2\u002F\" className=\"underline text-primary-700\">\n                  Focusable Element\n                \u003C\u002Fa>\n              \u003C\u002Fp>\n              \u003Cstrong>You can close Drawer by clicking outside or focus and use ESC button\u003C\u002Fstrong>\n            \u003C\u002Fdiv>\n          \u003C\u002FSfDrawer>\n        )}\n      \u003C\u002FTransition>\n    \u003C\u002F>\n  );\n}\n",[4000],{"type":28,"tag":49,"props":4001,"children":4002},{"__ignoreMap":7},[4003,4014,4025,4036,4047,4058,4069,4080,4091,4110,4150,4183,4206,4213,4233,4272,4311,4319,4326,4350,4397,4468,4530,4569,4576,4611,4618,4629,4636,4651,4703,4751,4764,4780,4804,4836,4872,4916,4928,4936,4988,5003,5015,5030,5093,5100,5179,5207,5218,5242,5250,5274,5318,5343,5355,5363,5409,5478,5522,5586,5594,5606,5614,5641,5669,5698,5714,5726,5734,5751,5780,5806,5819,5837,5846,5862,5878,5895,5923,5951,5990,6031,6040,6069,6090,6130,6138,6154,6170,6194,6210,6226,6239,6255,6263,6271],{"type":28,"tag":215,"props":4004,"children":4005},{"class":217,"line":218},[4006,4010],{"type":28,"tag":215,"props":4007,"children":4008},{"style":900},[4009],{"type":34,"value":903},{"type":28,"tag":215,"props":4011,"children":4012},{"style":222},[4013],{"type":34,"value":1591},{"type":28,"tag":215,"props":4015,"children":4016},{"class":217,"line":238},[4017,4021],{"type":28,"tag":215,"props":4018,"children":4019},{"style":228},[4020],{"type":34,"value":3544},{"type":28,"tag":215,"props":4022,"children":4023},{"style":222},[4024],{"type":34,"value":2231},{"type":28,"tag":215,"props":4026,"children":4027},{"class":217,"line":256},[4028,4032],{"type":28,"tag":215,"props":4029,"children":4030},{"style":228},[4031],{"type":34,"value":3570},{"type":28,"tag":215,"props":4033,"children":4034},{"style":222},[4035],{"type":34,"value":2231},{"type":28,"tag":215,"props":4037,"children":4038},{"class":217,"line":265},[4039,4043],{"type":28,"tag":215,"props":4040,"children":4041},{"style":228},[4042],{"type":34,"value":3583},{"type":28,"tag":215,"props":4044,"children":4045},{"style":222},[4046],{"type":34,"value":2231},{"type":28,"tag":215,"props":4048,"children":4049},{"class":217,"line":314},[4050,4054],{"type":28,"tag":215,"props":4051,"children":4052},{"style":228},[4053],{"type":34,"value":3596},{"type":28,"tag":215,"props":4055,"children":4056},{"style":222},[4057],{"type":34,"value":2231},{"type":28,"tag":215,"props":4059,"children":4060},{"class":217,"line":355},[4061,4065],{"type":28,"tag":215,"props":4062,"children":4063},{"style":228},[4064],{"type":34,"value":3609},{"type":28,"tag":215,"props":4066,"children":4067},{"style":222},[4068],{"type":34,"value":2231},{"type":28,"tag":215,"props":4070,"children":4071},{"class":217,"line":393},[4072,4076],{"type":28,"tag":215,"props":4073,"children":4074},{"style":228},[4075],{"type":34,"value":3622},{"type":28,"tag":215,"props":4077,"children":4078},{"style":222},[4079],{"type":34,"value":2231},{"type":28,"tag":215,"props":4081,"children":4082},{"class":217,"line":431},[4083,4087],{"type":28,"tag":215,"props":4084,"children":4085},{"style":228},[4086],{"type":34,"value":3557},{"type":28,"tag":215,"props":4088,"children":4089},{"style":222},[4090],{"type":34,"value":2231},{"type":28,"tag":215,"props":4092,"children":4093},{"class":217,"line":474},[4094,4098,4102,4106],{"type":28,"tag":215,"props":4095,"children":4096},{"style":222},[4097],{"type":34,"value":3635},{"type":28,"tag":215,"props":4099,"children":4100},{"style":900},[4101],{"type":34,"value":939},{"type":28,"tag":215,"props":4103,"children":4104},{"style":290},[4105],{"type":34,"value":1296},{"type":28,"tag":215,"props":4107,"children":4108},{"style":222},[4109],{"type":34,"value":949},{"type":28,"tag":215,"props":4111,"children":4112},{"class":217,"line":491},[4113,4117,4121,4125,4129,4134,4138,4142,4146],{"type":28,"tag":215,"props":4114,"children":4115},{"style":900},[4116],{"type":34,"value":903},{"type":28,"tag":215,"props":4118,"children":4119},{"style":222},[4120],{"type":34,"value":908},{"type":28,"tag":215,"props":4122,"children":4123},{"style":228},[4124],{"type":34,"value":1325},{"type":28,"tag":215,"props":4126,"children":4127},{"style":222},[4128],{"type":34,"value":96},{"type":28,"tag":215,"props":4130,"children":4131},{"style":228},[4132],{"type":34,"value":4133},"useRef",{"type":28,"tag":215,"props":4135,"children":4136},{"style":222},[4137],{"type":34,"value":934},{"type":28,"tag":215,"props":4139,"children":4140},{"style":900},[4141],{"type":34,"value":939},{"type":28,"tag":215,"props":4143,"children":4144},{"style":290},[4145],{"type":34,"value":1338},{"type":28,"tag":215,"props":4147,"children":4148},{"style":222},[4149],{"type":34,"value":949},{"type":28,"tag":215,"props":4151,"children":4152},{"class":217,"line":508},[4153,4157,4161,4166,4170,4174,4179],{"type":28,"tag":215,"props":4154,"children":4155},{"style":900},[4156],{"type":34,"value":903},{"type":28,"tag":215,"props":4158,"children":4159},{"style":222},[4160],{"type":34,"value":908},{"type":28,"tag":215,"props":4162,"children":4163},{"style":228},[4164],{"type":34,"value":4165},"Transition",{"type":28,"tag":215,"props":4167,"children":4168},{"style":222},[4169],{"type":34,"value":934},{"type":28,"tag":215,"props":4171,"children":4172},{"style":900},[4173],{"type":34,"value":939},{"type":28,"tag":215,"props":4175,"children":4176},{"style":290},[4177],{"type":34,"value":4178}," 'react-transition-group'",{"type":28,"tag":215,"props":4180,"children":4181},{"style":222},[4182],{"type":34,"value":949},{"type":28,"tag":215,"props":4184,"children":4185},{"class":217,"line":548},[4186,4190,4194,4198,4202],{"type":28,"tag":215,"props":4187,"children":4188},{"style":900},[4189],{"type":34,"value":903},{"type":28,"tag":215,"props":4191,"children":4192},{"style":228},[4193],{"type":34,"value":1354},{"type":28,"tag":215,"props":4195,"children":4196},{"style":900},[4197],{"type":34,"value":1359},{"type":28,"tag":215,"props":4199,"children":4200},{"style":290},[4201],{"type":34,"value":1364},{"type":28,"tag":215,"props":4203,"children":4204},{"style":222},[4205],{"type":34,"value":949},{"type":28,"tag":215,"props":4207,"children":4208},{"class":217,"line":557},[4209],{"type":28,"tag":215,"props":4210,"children":4211},{"emptyLinePlaceholder":9},[4212],{"type":34,"value":554},{"type":28,"tag":215,"props":4214,"children":4215},{"class":217,"line":570},[4216,4220,4224,4228],{"type":28,"tag":215,"props":4217,"children":4218},{"style":900},[4219],{"type":34,"value":1000},{"type":28,"tag":215,"props":4221,"children":4222},{"style":1003},[4223],{"type":34,"value":3822},{"type":28,"tag":215,"props":4225,"children":4226},{"style":1009},[4227],{"type":34,"value":1012},{"type":28,"tag":215,"props":4229,"children":4230},{"style":222},[4231],{"type":34,"value":4232}," [\n",{"type":28,"tag":215,"props":4234,"children":4235},{"class":217,"line":588},[4236,4240,4244,4248,4252,4256,4260,4264,4268],{"type":28,"tag":215,"props":4237,"children":4238},{"style":222},[4239],{"type":34,"value":3844},{"type":28,"tag":215,"props":4241,"children":4242},{"style":228},[4243],{"type":34,"value":249},{"type":28,"tag":215,"props":4245,"children":4246},{"style":222},[4247],{"type":34,"value":1128},{"type":28,"tag":215,"props":4249,"children":4250},{"style":290},[4251],{"type":34,"value":3857},{"type":28,"tag":215,"props":4253,"children":4254},{"style":222},[4255],{"type":34,"value":96},{"type":28,"tag":215,"props":4257,"children":4258},{"style":228},[4259],{"type":34,"value":1165},{"type":28,"tag":215,"props":4261,"children":4262},{"style":222},[4263],{"type":34,"value":1128},{"type":28,"tag":215,"props":4265,"children":4266},{"style":290},[4267],{"type":34,"value":1055},{"type":28,"tag":215,"props":4269,"children":4270},{"style":222},[4271],{"type":34,"value":3878},{"type":28,"tag":215,"props":4273,"children":4274},{"class":217,"line":606},[4275,4279,4283,4287,4291,4295,4299,4303,4307],{"type":28,"tag":215,"props":4276,"children":4277},{"style":222},[4278],{"type":34,"value":3844},{"type":28,"tag":215,"props":4280,"children":4281},{"style":228},[4282],{"type":34,"value":249},{"type":28,"tag":215,"props":4284,"children":4285},{"style":222},[4286],{"type":34,"value":1128},{"type":28,"tag":215,"props":4288,"children":4289},{"style":290},[4290],{"type":34,"value":3899},{"type":28,"tag":215,"props":4292,"children":4293},{"style":222},[4294],{"type":34,"value":96},{"type":28,"tag":215,"props":4296,"children":4297},{"style":228},[4298],{"type":34,"value":1165},{"type":28,"tag":215,"props":4300,"children":4301},{"style":222},[4302],{"type":34,"value":1128},{"type":28,"tag":215,"props":4304,"children":4305},{"style":290},[4306],{"type":34,"value":3916},{"type":28,"tag":215,"props":4308,"children":4309},{"style":222},[4310],{"type":34,"value":3878},{"type":28,"tag":215,"props":4312,"children":4313},{"class":217,"line":615},[4314],{"type":28,"tag":215,"props":4315,"children":4316},{"style":222},[4317],{"type":34,"value":4318},"];\n",{"type":28,"tag":215,"props":4320,"children":4321},{"class":217,"line":624},[4322],{"type":28,"tag":215,"props":4323,"children":4324},{"emptyLinePlaceholder":9},[4325],{"type":34,"value":554},{"type":28,"tag":215,"props":4327,"children":4328},{"class":217,"line":633},[4329,4333,4337,4341,4346],{"type":28,"tag":215,"props":4330,"children":4331},{"style":900},[4332],{"type":34,"value":1383},{"type":28,"tag":215,"props":4334,"children":4335},{"style":900},[4336],{"type":34,"value":1388},{"type":28,"tag":215,"props":4338,"children":4339},{"style":900},[4340],{"type":34,"value":1393},{"type":28,"tag":215,"props":4342,"children":4343},{"style":1015},[4344],{"type":34,"value":4345}," DrawerWithTransition",{"type":28,"tag":215,"props":4347,"children":4348},{"style":222},[4349],{"type":34,"value":1403},{"type":28,"tag":215,"props":4351,"children":4352},{"class":217,"line":642},[4353,4357,4361,4365,4369,4373,4377,4381,4385,4389,4393],{"type":28,"tag":215,"props":4354,"children":4355},{"style":900},[4356],{"type":34,"value":1411},{"type":28,"tag":215,"props":4358,"children":4359},{"style":222},[4360],{"type":34,"value":1416},{"type":28,"tag":215,"props":4362,"children":4363},{"style":1003},[4364],{"type":34,"value":149},{"type":28,"tag":215,"props":4366,"children":4367},{"style":222},[4368],{"type":34,"value":96},{"type":28,"tag":215,"props":4370,"children":4371},{"style":1003},[4372],{"type":34,"value":1429},{"type":28,"tag":215,"props":4374,"children":4375},{"style":222},[4376],{"type":34,"value":1434},{"type":28,"tag":215,"props":4378,"children":4379},{"style":1009},[4380],{"type":34,"value":287},{"type":28,"tag":215,"props":4382,"children":4383},{"style":1015},[4384],{"type":34,"value":1443},{"type":28,"tag":215,"props":4386,"children":4387},{"style":222},[4388],{"type":34,"value":1086},{"type":28,"tag":215,"props":4390,"children":4391},{"style":279},[4392],{"type":34,"value":1091},{"type":28,"tag":215,"props":4394,"children":4395},{"style":222},[4396],{"type":34,"value":1060},{"type":28,"tag":215,"props":4398,"children":4399},{"class":217,"line":651},[4400,4404,4408,4412,4416,4420,4424,4428,4432,4436,4440,4444,4448,4452,4456,4460,4464],{"type":28,"tag":215,"props":4401,"children":4402},{"style":900},[4403],{"type":34,"value":1411},{"type":28,"tag":215,"props":4405,"children":4406},{"style":222},[4407],{"type":34,"value":1416},{"type":28,"tag":215,"props":4409,"children":4410},{"style":1003},[4411],{"type":34,"value":86},{"type":28,"tag":215,"props":4413,"children":4414},{"style":222},[4415],{"type":34,"value":96},{"type":28,"tag":215,"props":4417,"children":4418},{"style":1003},[4419],{"type":34,"value":1480},{"type":28,"tag":215,"props":4421,"children":4422},{"style":222},[4423],{"type":34,"value":1434},{"type":28,"tag":215,"props":4425,"children":4426},{"style":1009},[4427],{"type":34,"value":287},{"type":28,"tag":215,"props":4429,"children":4430},{"style":1015},[4431],{"type":34,"value":1443},{"type":28,"tag":215,"props":4433,"children":4434},{"style":222},[4435],{"type":34,"value":225},{"type":28,"tag":215,"props":4437,"children":4438},{"style":290},[4439],{"type":34,"value":1027},{"type":28,"tag":215,"props":4441,"children":4442},{"style":900},[4443],{"type":34,"value":1032},{"type":28,"tag":215,"props":4445,"children":4446},{"style":1003},[4447],{"type":34,"value":921},{"type":28,"tag":215,"props":4449,"children":4450},{"style":900},[4451],{"type":34,"value":1041},{"type":28,"tag":215,"props":4453,"children":4454},{"style":290},[4455],{"type":34,"value":1027},{"type":28,"tag":215,"props":4457,"children":4458},{"style":222},[4459],{"type":34,"value":1050},{"type":28,"tag":215,"props":4461,"children":4462},{"style":290},[4463],{"type":34,"value":1055},{"type":28,"tag":215,"props":4465,"children":4466},{"style":222},[4467],{"type":34,"value":1060},{"type":28,"tag":215,"props":4469,"children":4470},{"class":217,"line":660},[4471,4475,4480,4484,4489,4493,4497,4501,4506,4511,4516,4521,4526],{"type":28,"tag":215,"props":4472,"children":4473},{"style":900},[4474],{"type":34,"value":1411},{"type":28,"tag":215,"props":4476,"children":4477},{"style":1003},[4478],{"type":34,"value":4479}," nodeRef",{"type":28,"tag":215,"props":4481,"children":4482},{"style":1009},[4483],{"type":34,"value":1012},{"type":28,"tag":215,"props":4485,"children":4486},{"style":1015},[4487],{"type":34,"value":4488}," useRef",{"type":28,"tag":215,"props":4490,"children":4491},{"style":222},[4492],{"type":34,"value":225},{"type":28,"tag":215,"props":4494,"children":4495},{"style":1003},[4496],{"type":34,"value":4165},{"type":28,"tag":215,"props":4498,"children":4499},{"style":222},[4500],{"type":34,"value":225},{"type":28,"tag":215,"props":4502,"children":4503},{"style":1003},[4504],{"type":34,"value":4505},"HTMLElement",{"type":28,"tag":215,"props":4507,"children":4508},{"style":222},[4509],{"type":34,"value":4510}," | ",{"type":28,"tag":215,"props":4512,"children":4513},{"style":1003},[4514],{"type":34,"value":4515},"undefined",{"type":28,"tag":215,"props":4517,"children":4518},{"style":222},[4519],{"type":34,"value":4520},">>(",{"type":28,"tag":215,"props":4522,"children":4523},{"style":279},[4524],{"type":34,"value":4525},"null",{"type":28,"tag":215,"props":4527,"children":4528},{"style":222},[4529],{"type":34,"value":1060},{"type":28,"tag":215,"props":4531,"children":4532},{"class":217,"line":678},[4533,4537,4541,4545,4549,4553,4557,4561,4565],{"type":28,"tag":215,"props":4534,"children":4535},{"style":900},[4536],{"type":34,"value":1411},{"type":28,"tag":215,"props":4538,"children":4539},{"style":1003},[4540],{"type":34,"value":3788},{"type":28,"tag":215,"props":4542,"children":4543},{"style":1009},[4544],{"type":34,"value":1012},{"type":28,"tag":215,"props":4546,"children":4547},{"style":1015},[4548],{"type":34,"value":4488},{"type":28,"tag":215,"props":4550,"children":4551},{"style":222},[4552],{"type":34,"value":225},{"type":28,"tag":215,"props":4554,"children":4555},{"style":1003},[4556],{"type":34,"value":4505},{"type":28,"tag":215,"props":4558,"children":4559},{"style":222},[4560],{"type":34,"value":1050},{"type":28,"tag":215,"props":4562,"children":4563},{"style":279},[4564],{"type":34,"value":4525},{"type":28,"tag":215,"props":4566,"children":4567},{"style":222},[4568],{"type":34,"value":1060},{"type":28,"tag":215,"props":4570,"children":4571},{"class":217,"line":687},[4572],{"type":28,"tag":215,"props":4573,"children":4574},{"emptyLinePlaceholder":9},[4575],{"type":34,"value":554},{"type":28,"tag":215,"props":4577,"children":4578},{"class":217,"line":704},[4579,4583,4587,4591,4595,4599,4603,4607],{"type":28,"tag":215,"props":4580,"children":4581},{"style":1015},[4582],{"type":34,"value":3622},{"type":28,"tag":215,"props":4584,"children":4585},{"style":222},[4586],{"type":34,"value":1086},{"type":28,"tag":215,"props":4588,"children":4589},{"style":228},[4590],{"type":34,"value":3953},{"type":28,"tag":215,"props":4592,"children":4593},{"style":222},[4594],{"type":34,"value":3958},{"type":28,"tag":215,"props":4596,"children":4597},{"style":228},[4598],{"type":34,"value":3963},{"type":28,"tag":215,"props":4600,"children":4601},{"style":222},[4602],{"type":34,"value":1128},{"type":28,"tag":215,"props":4604,"children":4605},{"style":228},[4606],{"type":34,"value":149},{"type":28,"tag":215,"props":4608,"children":4609},{"style":222},[4610],{"type":34,"value":3976},{"type":28,"tag":215,"props":4612,"children":4613},{"class":217,"line":733},[4614],{"type":28,"tag":215,"props":4615,"children":4616},{"emptyLinePlaceholder":9},[4617],{"type":34,"value":554},{"type":28,"tag":215,"props":4619,"children":4620},{"class":217,"line":742},[4621,4625],{"type":28,"tag":215,"props":4622,"children":4623},{"style":900},[4624],{"type":34,"value":1677},{"type":28,"tag":215,"props":4626,"children":4627},{"style":222},[4628],{"type":34,"value":1682},{"type":28,"tag":215,"props":4630,"children":4631},{"class":217,"line":751},[4632],{"type":28,"tag":215,"props":4633,"children":4634},{"style":222},[4635],{"type":34,"value":1690},{"type":28,"tag":215,"props":4637,"children":4638},{"class":217,"line":760},[4639,4643,4647],{"type":28,"tag":215,"props":4640,"children":4641},{"style":222},[4642],{"type":34,"value":320},{"type":28,"tag":215,"props":4644,"children":4645},{"style":228},[4646],{"type":34,"value":2532},{"type":28,"tag":215,"props":4648,"children":4649},{"style":222},[4650],{"type":34,"value":235},{"type":28,"tag":215,"props":4652,"children":4653},{"class":217,"line":777},[4654,4659,4664,4668,4673,4678,4682,4686,4690,4695,4699],{"type":28,"tag":215,"props":4655,"children":4656},{"style":900},[4657],{"type":34,"value":4658},"        {",{"type":28,"tag":215,"props":4660,"children":4661},{"style":1003},[4662],{"type":34,"value":4663},"options",{"type":28,"tag":215,"props":4665,"children":4666},{"style":222},[4667],{"type":34,"value":118},{"type":28,"tag":215,"props":4669,"children":4670},{"style":1015},[4671],{"type":34,"value":4672},"map",{"type":28,"tag":215,"props":4674,"children":4675},{"style":222},[4676],{"type":34,"value":4677},"(({ ",{"type":28,"tag":215,"props":4679,"children":4680},{"style":1120},[4681],{"type":34,"value":249},{"type":28,"tag":215,"props":4683,"children":4684},{"style":222},[4685],{"type":34,"value":96},{"type":28,"tag":215,"props":4687,"children":4688},{"style":1120},[4689],{"type":34,"value":1165},{"type":28,"tag":215,"props":4691,"children":4692},{"style":222},[4693],{"type":34,"value":4694}," }) ",{"type":28,"tag":215,"props":4696,"children":4697},{"style":900},[4698],{"type":34,"value":1586},{"type":28,"tag":215,"props":4700,"children":4701},{"style":222},[4702],{"type":34,"value":1682},{"type":28,"tag":215,"props":4704,"children":4705},{"class":217,"line":803},[4706,4710,4714,4718,4722,4726,4731,4735,4739,4743,4747],{"type":28,"tag":215,"props":4707,"children":4708},{"style":222},[4709],{"type":34,"value":1804},{"type":28,"tag":215,"props":4711,"children":4712},{"style":228},[4713],{"type":34,"value":249},{"type":28,"tag":215,"props":4715,"children":4716},{"style":1732},[4717],{"type":34,"value":2282},{"type":28,"tag":215,"props":4719,"children":4720},{"style":1009},[4721],{"type":34,"value":287},{"type":28,"tag":215,"props":4723,"children":4724},{"style":290},[4725],{"type":34,"value":2588},{"type":28,"tag":215,"props":4727,"children":4728},{"style":1732},[4729],{"type":34,"value":4730}," key",{"type":28,"tag":215,"props":4732,"children":4733},{"style":1009},[4734],{"type":34,"value":287},{"type":28,"tag":215,"props":4736,"children":4737},{"style":900},[4738],{"type":34,"value":1744},{"type":28,"tag":215,"props":4740,"children":4741},{"style":228},[4742],{"type":34,"value":1165},{"type":28,"tag":215,"props":4744,"children":4745},{"style":900},[4746],{"type":34,"value":1041},{"type":28,"tag":215,"props":4748,"children":4749},{"style":222},[4750],{"type":34,"value":235},{"type":28,"tag":215,"props":4752,"children":4753},{"class":217,"line":819},[4754,4759],{"type":28,"tag":215,"props":4755,"children":4756},{"style":222},[4757],{"type":34,"value":4758},"            \u003C",{"type":28,"tag":215,"props":4760,"children":4761},{"style":1003},[4762],{"type":34,"value":4763},"SfRadio\n",{"type":28,"tag":215,"props":4765,"children":4766},{"class":217,"line":835},[4767,4772,4776],{"type":28,"tag":215,"props":4768,"children":4769},{"style":1732},[4770],{"type":34,"value":4771},"              name",{"type":28,"tag":215,"props":4773,"children":4774},{"style":1009},[4775],{"type":34,"value":287},{"type":28,"tag":215,"props":4777,"children":4778},{"style":290},[4779],{"type":34,"value":585},{"type":28,"tag":215,"props":4781,"children":4782},{"class":217,"line":852},[4783,4788,4792,4796,4800],{"type":28,"tag":215,"props":4784,"children":4785},{"style":1732},[4786],{"type":34,"value":4787},"              value",{"type":28,"tag":215,"props":4789,"children":4790},{"style":1009},[4791],{"type":34,"value":287},{"type":28,"tag":215,"props":4793,"children":4794},{"style":900},[4795],{"type":34,"value":1744},{"type":28,"tag":215,"props":4797,"children":4798},{"style":228},[4799],{"type":34,"value":1165},{"type":28,"tag":215,"props":4801,"children":4802},{"style":900},[4803],{"type":34,"value":1754},{"type":28,"tag":215,"props":4805,"children":4806},{"class":217,"line":860},[4807,4812,4816,4820,4824,4828,4832],{"type":28,"tag":215,"props":4808,"children":4809},{"style":1732},[4810],{"type":34,"value":4811},"              checked",{"type":28,"tag":215,"props":4813,"children":4814},{"style":1009},[4815],{"type":34,"value":287},{"type":28,"tag":215,"props":4817,"children":4818},{"style":900},[4819],{"type":34,"value":1744},{"type":28,"tag":215,"props":4821,"children":4822},{"style":228},[4823],{"type":34,"value":86},{"type":28,"tag":215,"props":4825,"children":4826},{"style":1009},[4827],{"type":34,"value":2202},{"type":28,"tag":215,"props":4829,"children":4830},{"style":228},[4831],{"type":34,"value":330},{"type":28,"tag":215,"props":4833,"children":4834},{"style":900},[4835],{"type":34,"value":1754},{"type":28,"tag":215,"props":4837,"children":4838},{"class":217,"line":896},[4839,4844,4848,4852,4856,4860,4864,4868],{"type":28,"tag":215,"props":4840,"children":4841},{"style":1732},[4842],{"type":34,"value":4843},"              onChange",{"type":28,"tag":215,"props":4845,"children":4846},{"style":1009},[4847],{"type":34,"value":287},{"type":28,"tag":215,"props":4849,"children":4850},{"style":900},[4851],{"type":34,"value":1744},{"type":28,"tag":215,"props":4853,"children":4854},{"style":222},[4855],{"type":34,"value":1086},{"type":28,"tag":215,"props":4857,"children":4858},{"style":1120},[4859],{"type":34,"value":1123},{"type":28,"tag":215,"props":4861,"children":4862},{"style":222},[4863],{"type":34,"value":1138},{"type":28,"tag":215,"props":4865,"children":4866},{"style":900},[4867],{"type":34,"value":1586},{"type":28,"tag":215,"props":4869,"children":4870},{"style":222},[4871],{"type":34,"value":1591},{"type":28,"tag":215,"props":4873,"children":4874},{"class":217,"line":952},[4875,4880,4884,4888,4892,4896,4900,4904,4908,4912],{"type":28,"tag":215,"props":4876,"children":4877},{"style":1015},[4878],{"type":34,"value":4879},"                setPlacement",{"type":28,"tag":215,"props":4881,"children":4882},{"style":222},[4883],{"type":34,"value":1086},{"type":28,"tag":215,"props":4885,"children":4886},{"style":1003},[4887],{"type":34,"value":1123},{"type":28,"tag":215,"props":4889,"children":4890},{"style":222},[4891],{"type":34,"value":118},{"type":28,"tag":215,"props":4893,"children":4894},{"style":1003},[4895],{"type":34,"value":1186},{"type":28,"tag":215,"props":4897,"children":4898},{"style":222},[4899],{"type":34,"value":118},{"type":28,"tag":215,"props":4901,"children":4902},{"style":228},[4903],{"type":34,"value":1165},{"type":28,"tag":215,"props":4905,"children":4906},{"style":900},[4907],{"type":34,"value":1191},{"type":28,"tag":215,"props":4909,"children":4910},{"style":1003},[4911],{"type":34,"value":1214},{"type":28,"tag":215,"props":4913,"children":4914},{"style":222},[4915],{"type":34,"value":1060},{"type":28,"tag":215,"props":4917,"children":4918},{"class":217,"line":986},[4919,4924],{"type":28,"tag":215,"props":4920,"children":4921},{"style":222},[4922],{"type":34,"value":4923},"              }",{"type":28,"tag":215,"props":4925,"children":4926},{"style":900},[4927],{"type":34,"value":1754},{"type":28,"tag":215,"props":4929,"children":4930},{"class":217,"line":994},[4931],{"type":28,"tag":215,"props":4932,"children":4933},{"style":222},[4934],{"type":34,"value":4935},"            \u002F>\n",{"type":28,"tag":215,"props":4937,"children":4938},{"class":217,"line":1063},[4939,4943,4947,4951,4955,4959,4964,4968,4972,4976,4980,4984],{"type":28,"tag":215,"props":4940,"children":4941},{"style":222},[4942],{"type":34,"value":4758},{"type":28,"tag":215,"props":4944,"children":4945},{"style":228},[4946],{"type":34,"value":215},{"type":28,"tag":215,"props":4948,"children":4949},{"style":1732},[4950],{"type":34,"value":2282},{"type":28,"tag":215,"props":4952,"children":4953},{"style":1009},[4954],{"type":34,"value":287},{"type":28,"tag":215,"props":4956,"children":4957},{"style":290},[4958],{"type":34,"value":2686},{"type":28,"tag":215,"props":4960,"children":4961},{"style":222},[4962],{"type":34,"value":4963},">",{"type":28,"tag":215,"props":4965,"children":4966},{"style":900},[4967],{"type":34,"value":1744},{"type":28,"tag":215,"props":4969,"children":4970},{"style":228},[4971],{"type":34,"value":249},{"type":28,"tag":215,"props":4973,"children":4974},{"style":900},[4975],{"type":34,"value":1041},{"type":28,"tag":215,"props":4977,"children":4978},{"style":222},[4979],{"type":34,"value":841},{"type":28,"tag":215,"props":4981,"children":4982},{"style":228},[4983],{"type":34,"value":215},{"type":28,"tag":215,"props":4985,"children":4986},{"style":222},[4987],{"type":34,"value":235},{"type":28,"tag":215,"props":4989,"children":4990},{"class":217,"line":1098},[4991,4995,4999],{"type":28,"tag":215,"props":4992,"children":4993},{"style":222},[4994],{"type":34,"value":2326},{"type":28,"tag":215,"props":4996,"children":4997},{"style":228},[4998],{"type":34,"value":249},{"type":28,"tag":215,"props":5000,"children":5001},{"style":222},[5002],{"type":34,"value":235},{"type":28,"tag":215,"props":5004,"children":5005},{"class":217,"line":1146},[5006,5011],{"type":28,"tag":215,"props":5007,"children":5008},{"style":222},[5009],{"type":34,"value":5010},"        ))",{"type":28,"tag":215,"props":5012,"children":5013},{"style":900},[5014],{"type":34,"value":1754},{"type":28,"tag":215,"props":5016,"children":5017},{"class":217,"line":1221},[5018,5022,5026],{"type":28,"tag":215,"props":5019,"children":5020},{"style":222},[5021],{"type":34,"value":766},{"type":28,"tag":215,"props":5023,"children":5024},{"style":228},[5025],{"type":34,"value":2532},{"type":28,"tag":215,"props":5027,"children":5028},{"style":222},[5029],{"type":34,"value":235},{"type":28,"tag":215,"props":5031,"children":5032},{"class":217,"line":2337},[5033,5037,5041,5045,5049,5053,5057,5061,5065,5069,5073,5077,5081,5085,5089],{"type":28,"tag":215,"props":5034,"children":5035},{"style":222},[5036],{"type":34,"value":320},{"type":28,"tag":215,"props":5038,"children":5039},{"style":1003},[5040],{"type":34,"value":518},{"type":28,"tag":215,"props":5042,"children":5043},{"style":1732},[5044],{"type":34,"value":1984},{"type":28,"tag":215,"props":5046,"children":5047},{"style":1009},[5048],{"type":34,"value":287},{"type":28,"tag":215,"props":5050,"children":5051},{"style":900},[5052],{"type":34,"value":1744},{"type":28,"tag":215,"props":5054,"children":5055},{"style":222},[5056],{"type":34,"value":1997},{"type":28,"tag":215,"props":5058,"children":5059},{"style":900},[5060],{"type":34,"value":1586},{"type":28,"tag":215,"props":5062,"children":5063},{"style":1015},[5064],{"type":34,"value":2006},{"type":28,"tag":215,"props":5066,"children":5067},{"style":222},[5068],{"type":34,"value":1086},{"type":28,"tag":215,"props":5070,"children":5071},{"style":279},[5072],{"type":34,"value":193},{"type":28,"tag":215,"props":5074,"children":5075},{"style":222},[5076],{"type":34,"value":2019},{"type":28,"tag":215,"props":5078,"children":5079},{"style":900},[5080],{"type":34,"value":1041},{"type":28,"tag":215,"props":5082,"children":5083},{"style":222},[5084],{"type":34,"value":2028},{"type":28,"tag":215,"props":5086,"children":5087},{"style":1003},[5088],{"type":34,"value":518},{"type":28,"tag":215,"props":5090,"children":5091},{"style":222},[5092],{"type":34,"value":235},{"type":28,"tag":215,"props":5094,"children":5095},{"class":217,"line":2361},[5096],{"type":28,"tag":215,"props":5097,"children":5098},{"emptyLinePlaceholder":9},[5099],{"type":34,"value":554},{"type":28,"tag":215,"props":5101,"children":5102},{"class":217,"line":2377},[5103,5107,5111,5115,5119,5123,5128,5132,5137,5141,5145,5149,5153,5158,5162,5166,5171,5175],{"type":28,"tag":215,"props":5104,"children":5105},{"style":222},[5106],{"type":34,"value":320},{"type":28,"tag":215,"props":5108,"children":5109},{"style":1003},[5110],{"type":34,"value":4165},{"type":28,"tag":215,"props":5112,"children":5113},{"style":1732},[5114],{"type":34,"value":1018},{"type":28,"tag":215,"props":5116,"children":5117},{"style":1009},[5118],{"type":34,"value":287},{"type":28,"tag":215,"props":5120,"children":5121},{"style":900},[5122],{"type":34,"value":1744},{"type":28,"tag":215,"props":5124,"children":5125},{"style":228},[5126],{"type":34,"value":5127},"nodeRef",{"type":28,"tag":215,"props":5129,"children":5130},{"style":900},[5131],{"type":34,"value":1041},{"type":28,"tag":215,"props":5133,"children":5134},{"style":1732},[5135],{"type":34,"value":5136}," in",{"type":28,"tag":215,"props":5138,"children":5139},{"style":1009},[5140],{"type":34,"value":287},{"type":28,"tag":215,"props":5142,"children":5143},{"style":900},[5144],{"type":34,"value":1744},{"type":28,"tag":215,"props":5146,"children":5147},{"style":228},[5148],{"type":34,"value":149},{"type":28,"tag":215,"props":5150,"children":5151},{"style":900},[5152],{"type":34,"value":1041},{"type":28,"tag":215,"props":5154,"children":5155},{"style":1732},[5156],{"type":34,"value":5157}," timeout",{"type":28,"tag":215,"props":5159,"children":5160},{"style":1009},[5161],{"type":34,"value":287},{"type":28,"tag":215,"props":5163,"children":5164},{"style":900},[5165],{"type":34,"value":1744},{"type":28,"tag":215,"props":5167,"children":5168},{"style":279},[5169],{"type":34,"value":5170},"300",{"type":28,"tag":215,"props":5172,"children":5173},{"style":900},[5174],{"type":34,"value":1041},{"type":28,"tag":215,"props":5176,"children":5177},{"style":222},[5178],{"type":34,"value":235},{"type":28,"tag":215,"props":5180,"children":5181},{"class":217,"line":2393},[5182,5186,5190,5195,5199,5203],{"type":28,"tag":215,"props":5183,"children":5184},{"style":900},[5185],{"type":34,"value":4658},{"type":28,"tag":215,"props":5187,"children":5188},{"style":222},[5189],{"type":34,"value":1086},{"type":28,"tag":215,"props":5191,"children":5192},{"style":1120},[5193],{"type":34,"value":5194},"state",{"type":28,"tag":215,"props":5196,"children":5197},{"style":222},[5198],{"type":34,"value":1138},{"type":28,"tag":215,"props":5200,"children":5201},{"style":900},[5202],{"type":34,"value":1586},{"type":28,"tag":215,"props":5204,"children":5205},{"style":222},[5206],{"type":34,"value":1682},{"type":28,"tag":215,"props":5208,"children":5209},{"class":217,"line":2402},[5210,5214],{"type":28,"tag":215,"props":5211,"children":5212},{"style":222},[5213],{"type":34,"value":1804},{"type":28,"tag":215,"props":5215,"children":5216},{"style":1003},[5217],{"type":34,"value":567},{"type":28,"tag":215,"props":5219,"children":5220},{"class":217,"line":2411},[5221,5226,5230,5234,5238],{"type":28,"tag":215,"props":5222,"children":5223},{"style":1732},[5224],{"type":34,"value":5225},"            ref",{"type":28,"tag":215,"props":5227,"children":5228},{"style":1009},[5229],{"type":34,"value":287},{"type":28,"tag":215,"props":5231,"children":5232},{"style":900},[5233],{"type":34,"value":1744},{"type":28,"tag":215,"props":5235,"children":5236},{"style":228},[5237],{"type":34,"value":3953},{"type":28,"tag":215,"props":5239,"children":5240},{"style":900},[5241],{"type":34,"value":1754},{"type":28,"tag":215,"props":5243,"children":5244},{"class":217,"line":3551},[5245],{"type":28,"tag":215,"props":5246,"children":5247},{"style":1732},[5248],{"type":34,"value":5249},"            open\n",{"type":28,"tag":215,"props":5251,"children":5252},{"class":217,"line":3564},[5253,5258,5262,5266,5270],{"type":28,"tag":215,"props":5254,"children":5255},{"style":1732},[5256],{"type":34,"value":5257},"            placement",{"type":28,"tag":215,"props":5259,"children":5260},{"style":1009},[5261],{"type":34,"value":287},{"type":28,"tag":215,"props":5263,"children":5264},{"style":900},[5265],{"type":34,"value":1744},{"type":28,"tag":215,"props":5267,"children":5268},{"style":228},[5269],{"type":34,"value":86},{"type":28,"tag":215,"props":5271,"children":5272},{"style":900},[5273],{"type":34,"value":1754},{"type":28,"tag":215,"props":5275,"children":5276},{"class":217,"line":3577},[5277,5282,5286,5290,5294,5298,5302,5306,5310,5314],{"type":28,"tag":215,"props":5278,"children":5279},{"style":1732},[5280],{"type":34,"value":5281},"            onClose",{"type":28,"tag":215,"props":5283,"children":5284},{"style":1009},[5285],{"type":34,"value":287},{"type":28,"tag":215,"props":5287,"children":5288},{"style":900},[5289],{"type":34,"value":1744},{"type":28,"tag":215,"props":5291,"children":5292},{"style":222},[5293],{"type":34,"value":1997},{"type":28,"tag":215,"props":5295,"children":5296},{"style":900},[5297],{"type":34,"value":1586},{"type":28,"tag":215,"props":5299,"children":5300},{"style":1015},[5301],{"type":34,"value":2006},{"type":28,"tag":215,"props":5303,"children":5304},{"style":222},[5305],{"type":34,"value":1086},{"type":28,"tag":215,"props":5307,"children":5308},{"style":279},[5309],{"type":34,"value":1091},{"type":28,"tag":215,"props":5311,"children":5312},{"style":222},[5313],{"type":34,"value":2019},{"type":28,"tag":215,"props":5315,"children":5316},{"style":900},[5317],{"type":34,"value":1754},{"type":28,"tag":215,"props":5319,"children":5320},{"class":217,"line":3590},[5321,5326,5330,5334,5338],{"type":28,"tag":215,"props":5322,"children":5323},{"style":1732},[5324],{"type":34,"value":5325},"            className",{"type":28,"tag":215,"props":5327,"children":5328},{"style":1009},[5329],{"type":34,"value":287},{"type":28,"tag":215,"props":5331,"children":5332},{"style":900},[5333],{"type":34,"value":1744},{"type":28,"tag":215,"props":5335,"children":5336},{"style":1015},[5337],{"type":34,"value":2167},{"type":28,"tag":215,"props":5339,"children":5340},{"style":222},[5341],{"type":34,"value":5342},"(\n",{"type":28,"tag":215,"props":5344,"children":5345},{"class":217,"line":3603},[5346,5351],{"type":28,"tag":215,"props":5347,"children":5348},{"style":290},[5349],{"type":34,"value":5350},"              'bg-neutral-50 border border-gray-300 max-w-[370px] duration-500 transition ease-in-out'",{"type":28,"tag":215,"props":5352,"children":5353},{"style":222},[5354],{"type":34,"value":2231},{"type":28,"tag":215,"props":5356,"children":5357},{"class":217,"line":3616},[5358],{"type":28,"tag":215,"props":5359,"children":5360},{"style":222},[5361],{"type":34,"value":5362},"              {\n",{"type":28,"tag":215,"props":5364,"children":5365},{"class":217,"line":3629},[5366,5371,5375,5379,5383,5388,5393,5397,5401,5405],{"type":28,"tag":215,"props":5367,"children":5368},{"style":290},[5369],{"type":34,"value":5370},"                'translate-x-0'",{"type":28,"tag":215,"props":5372,"children":5373},{"style":222},[5374],{"type":34,"value":1128},{"type":28,"tag":215,"props":5376,"children":5377},{"style":228},[5378],{"type":34,"value":5194},{"type":28,"tag":215,"props":5380,"children":5381},{"style":1009},[5382],{"type":34,"value":2202},{"type":28,"tag":215,"props":5384,"children":5385},{"style":290},[5386],{"type":34,"value":5387}," 'entered'",{"type":28,"tag":215,"props":5389,"children":5390},{"style":1009},[5391],{"type":34,"value":5392}," &&",{"type":28,"tag":215,"props":5394,"children":5395},{"style":228},[5396],{"type":34,"value":1006},{"type":28,"tag":215,"props":5398,"children":5399},{"style":1009},[5400],{"type":34,"value":2202},{"type":28,"tag":215,"props":5402,"children":5403},{"style":290},[5404],{"type":34,"value":2207},{"type":28,"tag":215,"props":5406,"children":5407},{"style":222},[5408],{"type":34,"value":2231},{"type":28,"tag":215,"props":5410,"children":5411},{"class":217,"line":3650},[5412,5417,5422,5426,5430,5435,5439,5444,5448,5453,5457,5462,5466,5470,5474],{"type":28,"tag":215,"props":5413,"children":5414},{"style":290},[5415],{"type":34,"value":5416},"                '-translate-x-full'",{"type":28,"tag":215,"props":5418,"children":5419},{"style":222},[5420],{"type":34,"value":5421},": (",{"type":28,"tag":215,"props":5423,"children":5424},{"style":228},[5425],{"type":34,"value":5194},{"type":28,"tag":215,"props":5427,"children":5428},{"style":1009},[5429],{"type":34,"value":2202},{"type":28,"tag":215,"props":5431,"children":5432},{"style":290},[5433],{"type":34,"value":5434}," 'entering'",{"type":28,"tag":215,"props":5436,"children":5437},{"style":1009},[5438],{"type":34,"value":2212},{"type":28,"tag":215,"props":5440,"children":5441},{"style":228},[5442],{"type":34,"value":5443}," state",{"type":28,"tag":215,"props":5445,"children":5446},{"style":1009},[5447],{"type":34,"value":2202},{"type":28,"tag":215,"props":5449,"children":5450},{"style":290},[5451],{"type":34,"value":5452}," 'exited'",{"type":28,"tag":215,"props":5454,"children":5455},{"style":222},[5456],{"type":34,"value":1138},{"type":28,"tag":215,"props":5458,"children":5459},{"style":1009},[5460],{"type":34,"value":5461},"&&",{"type":28,"tag":215,"props":5463,"children":5464},{"style":228},[5465],{"type":34,"value":1006},{"type":28,"tag":215,"props":5467,"children":5468},{"style":1009},[5469],{"type":34,"value":2202},{"type":28,"tag":215,"props":5471,"children":5472},{"style":290},[5473],{"type":34,"value":2207},{"type":28,"tag":215,"props":5475,"children":5476},{"style":222},[5477],{"type":34,"value":2231},{"type":28,"tag":215,"props":5479,"children":5480},{"class":217,"line":3682},[5481,5486,5490,5494,5498,5502,5506,5510,5514,5518],{"type":28,"tag":215,"props":5482,"children":5483},{"style":290},[5484],{"type":34,"value":5485},"                '-translate-x-0'",{"type":28,"tag":215,"props":5487,"children":5488},{"style":222},[5489],{"type":34,"value":1128},{"type":28,"tag":215,"props":5491,"children":5492},{"style":228},[5493],{"type":34,"value":5194},{"type":28,"tag":215,"props":5495,"children":5496},{"style":1009},[5497],{"type":34,"value":2202},{"type":28,"tag":215,"props":5499,"children":5500},{"style":290},[5501],{"type":34,"value":5387},{"type":28,"tag":215,"props":5503,"children":5504},{"style":1009},[5505],{"type":34,"value":5392},{"type":28,"tag":215,"props":5507,"children":5508},{"style":228},[5509],{"type":34,"value":1006},{"type":28,"tag":215,"props":5511,"children":5512},{"style":1009},[5513],{"type":34,"value":2202},{"type":28,"tag":215,"props":5515,"children":5516},{"style":290},[5517],{"type":34,"value":2226},{"type":28,"tag":215,"props":5519,"children":5520},{"style":222},[5521],{"type":34,"value":2231},{"type":28,"tag":215,"props":5523,"children":5524},{"class":217,"line":3690},[5525,5530,5534,5538,5542,5546,5550,5554,5558,5562,5566,5570,5574,5578,5582],{"type":28,"tag":215,"props":5526,"children":5527},{"style":290},[5528],{"type":34,"value":5529},"                'translate-x-full'",{"type":28,"tag":215,"props":5531,"children":5532},{"style":222},[5533],{"type":34,"value":5421},{"type":28,"tag":215,"props":5535,"children":5536},{"style":228},[5537],{"type":34,"value":5194},{"type":28,"tag":215,"props":5539,"children":5540},{"style":1009},[5541],{"type":34,"value":2202},{"type":28,"tag":215,"props":5543,"children":5544},{"style":290},[5545],{"type":34,"value":5434},{"type":28,"tag":215,"props":5547,"children":5548},{"style":1009},[5549],{"type":34,"value":2212},{"type":28,"tag":215,"props":5551,"children":5552},{"style":228},[5553],{"type":34,"value":5443},{"type":28,"tag":215,"props":5555,"children":5556},{"style":1009},[5557],{"type":34,"value":2202},{"type":28,"tag":215,"props":5559,"children":5560},{"style":290},[5561],{"type":34,"value":5452},{"type":28,"tag":215,"props":5563,"children":5564},{"style":222},[5565],{"type":34,"value":1138},{"type":28,"tag":215,"props":5567,"children":5568},{"style":1009},[5569],{"type":34,"value":5461},{"type":28,"tag":215,"props":5571,"children":5572},{"style":228},[5573],{"type":34,"value":1006},{"type":28,"tag":215,"props":5575,"children":5576},{"style":1009},[5577],{"type":34,"value":2202},{"type":28,"tag":215,"props":5579,"children":5580},{"style":290},[5581],{"type":34,"value":2226},{"type":28,"tag":215,"props":5583,"children":5584},{"style":222},[5585],{"type":34,"value":2231},{"type":28,"tag":215,"props":5587,"children":5588},{"class":217,"line":3746},[5589],{"type":28,"tag":215,"props":5590,"children":5591},{"style":222},[5592],{"type":34,"value":5593},"              },\n",{"type":28,"tag":215,"props":5595,"children":5596},{"class":217,"line":3778},[5597,5602],{"type":28,"tag":215,"props":5598,"children":5599},{"style":222},[5600],{"type":34,"value":5601},"            )",{"type":28,"tag":215,"props":5603,"children":5604},{"style":900},[5605],{"type":34,"value":1754},{"type":28,"tag":215,"props":5607,"children":5608},{"class":217,"line":3804},[5609],{"type":28,"tag":215,"props":5610,"children":5611},{"style":222},[5612],{"type":34,"value":5613},"          >\n",{"type":28,"tag":215,"props":5615,"children":5616},{"class":217,"line":3812},[5617,5621,5625,5629,5633,5637],{"type":28,"tag":215,"props":5618,"children":5619},{"style":222},[5620],{"type":34,"value":4758},{"type":28,"tag":215,"props":5622,"children":5623},{"style":228},[5624],{"type":34,"value":3025},{"type":28,"tag":215,"props":5626,"children":5627},{"style":1732},[5628],{"type":34,"value":2282},{"type":28,"tag":215,"props":5630,"children":5631},{"style":1009},[5632],{"type":34,"value":287},{"type":28,"tag":215,"props":5634,"children":5635},{"style":290},[5636],{"type":34,"value":3038},{"type":28,"tag":215,"props":5638,"children":5639},{"style":222},[5640],{"type":34,"value":235},{"type":28,"tag":215,"props":5642,"children":5643},{"class":217,"line":3838},[5644,5649,5653,5657,5661,5665],{"type":28,"tag":215,"props":5645,"children":5646},{"style":222},[5647],{"type":34,"value":5648},"              \u003C",{"type":28,"tag":215,"props":5650,"children":5651},{"style":228},[5652],{"type":34,"value":697},{"type":28,"tag":215,"props":5654,"children":5655},{"style":1732},[5656],{"type":34,"value":2282},{"type":28,"tag":215,"props":5658,"children":5659},{"style":1009},[5660],{"type":34,"value":287},{"type":28,"tag":215,"props":5662,"children":5663},{"style":290},[5664],{"type":34,"value":3066},{"type":28,"tag":215,"props":5666,"children":5667},{"style":222},[5668],{"type":34,"value":235},{"type":28,"tag":215,"props":5670,"children":5671},{"class":217,"line":3881},[5672,5677,5681,5685,5689,5693],{"type":28,"tag":215,"props":5673,"children":5674},{"style":222},[5675],{"type":34,"value":5676},"                \u003C",{"type":28,"tag":215,"props":5678,"children":5679},{"style":1003},[5680],{"type":34,"value":3076},{"type":28,"tag":215,"props":5682,"children":5683},{"style":1732},[5684],{"type":34,"value":2282},{"type":28,"tag":215,"props":5686,"children":5687},{"style":1009},[5688],{"type":34,"value":287},{"type":28,"tag":215,"props":5690,"children":5691},{"style":290},[5692],{"type":34,"value":3089},{"type":28,"tag":215,"props":5694,"children":5695},{"style":222},[5696],{"type":34,"value":5697}," \u002F> Your favorite items\n",{"type":28,"tag":215,"props":5699,"children":5700},{"class":217,"line":3923},[5701,5706,5710],{"type":28,"tag":215,"props":5702,"children":5703},{"style":222},[5704],{"type":34,"value":5705},"              \u003C\u002F",{"type":28,"tag":215,"props":5707,"children":5708},{"style":228},[5709],{"type":34,"value":697},{"type":28,"tag":215,"props":5711,"children":5712},{"style":222},[5713],{"type":34,"value":235},{"type":28,"tag":215,"props":5715,"children":5716},{"class":217,"line":3931},[5717,5721],{"type":28,"tag":215,"props":5718,"children":5719},{"style":222},[5720],{"type":34,"value":5648},{"type":28,"tag":215,"props":5722,"children":5723},{"style":1003},[5724],{"type":34,"value":5725},"SfButton\n",{"type":28,"tag":215,"props":5727,"children":5728},{"class":217,"line":3939},[5729],{"type":28,"tag":215,"props":5730,"children":5731},{"style":1732},[5732],{"type":34,"value":5733},"                square\n",{"type":28,"tag":215,"props":5735,"children":5736},{"class":217,"line":3979},[5737,5742,5746],{"type":28,"tag":215,"props":5738,"children":5739},{"style":1732},[5740],{"type":34,"value":5741},"                variant",{"type":28,"tag":215,"props":5743,"children":5744},{"style":1009},[5745],{"type":34,"value":287},{"type":28,"tag":215,"props":5747,"children":5748},{"style":290},[5749],{"type":34,"value":5750},"\"tertiary\"\n",{"type":28,"tag":215,"props":5752,"children":5754},{"class":217,"line":5753},70,[5755,5760,5764,5768,5772,5776],{"type":28,"tag":215,"props":5756,"children":5757},{"style":1732},[5758],{"type":34,"value":5759},"                onClick",{"type":28,"tag":215,"props":5761,"children":5762},{"style":1009},[5763],{"type":34,"value":287},{"type":28,"tag":215,"props":5765,"children":5766},{"style":900},[5767],{"type":34,"value":1744},{"type":28,"tag":215,"props":5769,"children":5770},{"style":222},[5771],{"type":34,"value":1997},{"type":28,"tag":215,"props":5773,"children":5774},{"style":900},[5775],{"type":34,"value":1586},{"type":28,"tag":215,"props":5777,"children":5778},{"style":222},[5779],{"type":34,"value":1591},{"type":28,"tag":215,"props":5781,"children":5783},{"class":217,"line":5782},71,[5784,5789,5793,5798,5802],{"type":28,"tag":215,"props":5785,"children":5786},{"style":1015},[5787],{"type":34,"value":5788},"                  setOpen",{"type":28,"tag":215,"props":5790,"children":5791},{"style":222},[5792],{"type":34,"value":1086},{"type":28,"tag":215,"props":5794,"children":5795},{"style":1009},[5796],{"type":34,"value":5797},"!",{"type":28,"tag":215,"props":5799,"children":5800},{"style":228},[5801],{"type":34,"value":149},{"type":28,"tag":215,"props":5803,"children":5804},{"style":222},[5805],{"type":34,"value":1060},{"type":28,"tag":215,"props":5807,"children":5809},{"class":217,"line":5808},72,[5810,5815],{"type":28,"tag":215,"props":5811,"children":5812},{"style":222},[5813],{"type":34,"value":5814},"                }",{"type":28,"tag":215,"props":5816,"children":5817},{"style":900},[5818],{"type":34,"value":1754},{"type":28,"tag":215,"props":5820,"children":5822},{"class":217,"line":5821},73,[5823,5828,5832],{"type":28,"tag":215,"props":5824,"children":5825},{"style":1732},[5826],{"type":34,"value":5827},"                className",{"type":28,"tag":215,"props":5829,"children":5830},{"style":1009},[5831],{"type":34,"value":287},{"type":28,"tag":215,"props":5833,"children":5834},{"style":290},[5835],{"type":34,"value":5836},"\"text-white\"\n",{"type":28,"tag":215,"props":5838,"children":5840},{"class":217,"line":5839},74,[5841],{"type":28,"tag":215,"props":5842,"children":5843},{"style":222},[5844],{"type":34,"value":5845},"              >\n",{"type":28,"tag":215,"props":5847,"children":5849},{"class":217,"line":5848},75,[5850,5854,5858],{"type":28,"tag":215,"props":5851,"children":5852},{"style":222},[5853],{"type":34,"value":5676},{"type":28,"tag":215,"props":5855,"children":5856},{"style":1003},[5857],{"type":34,"value":3174},{"type":28,"tag":215,"props":5859,"children":5860},{"style":222},[5861],{"type":34,"value":2662},{"type":28,"tag":215,"props":5863,"children":5865},{"class":217,"line":5864},76,[5866,5870,5874],{"type":28,"tag":215,"props":5867,"children":5868},{"style":222},[5869],{"type":34,"value":5705},{"type":28,"tag":215,"props":5871,"children":5872},{"style":1003},[5873],{"type":34,"value":518},{"type":28,"tag":215,"props":5875,"children":5876},{"style":222},[5877],{"type":34,"value":235},{"type":28,"tag":215,"props":5879,"children":5881},{"class":217,"line":5880},77,[5882,5887,5891],{"type":28,"tag":215,"props":5883,"children":5884},{"style":222},[5885],{"type":34,"value":5886},"            \u003C\u002F",{"type":28,"tag":215,"props":5888,"children":5889},{"style":228},[5890],{"type":34,"value":3025},{"type":28,"tag":215,"props":5892,"children":5893},{"style":222},[5894],{"type":34,"value":235},{"type":28,"tag":215,"props":5896,"children":5898},{"class":217,"line":5897},78,[5899,5903,5907,5911,5915,5919],{"type":28,"tag":215,"props":5900,"children":5901},{"style":222},[5902],{"type":34,"value":4758},{"type":28,"tag":215,"props":5904,"children":5905},{"style":228},[5906],{"type":34,"value":697},{"type":28,"tag":215,"props":5908,"children":5909},{"style":1732},[5910],{"type":34,"value":2282},{"type":28,"tag":215,"props":5912,"children":5913},{"style":1009},[5914],{"type":34,"value":287},{"type":28,"tag":215,"props":5916,"children":5917},{"style":290},[5918],{"type":34,"value":3232},{"type":28,"tag":215,"props":5920,"children":5921},{"style":222},[5922],{"type":34,"value":235},{"type":28,"tag":215,"props":5924,"children":5926},{"class":217,"line":5925},79,[5927,5931,5935,5939,5943,5947],{"type":28,"tag":215,"props":5928,"children":5929},{"style":222},[5930],{"type":34,"value":5648},{"type":28,"tag":215,"props":5932,"children":5933},{"style":228},[5934],{"type":34,"value":45},{"type":28,"tag":215,"props":5936,"children":5937},{"style":1732},[5938],{"type":34,"value":2282},{"type":28,"tag":215,"props":5940,"children":5941},{"style":1009},[5942],{"type":34,"value":287},{"type":28,"tag":215,"props":5944,"children":5945},{"style":290},[5946],{"type":34,"value":726},{"type":28,"tag":215,"props":5948,"children":5949},{"style":222},[5950],{"type":34,"value":235},{"type":28,"tag":215,"props":5952,"children":5954},{"class":217,"line":5953},80,[5955,5960,5964,5968,5972,5977,5981,5986],{"type":28,"tag":215,"props":5956,"children":5957},{"style":222},[5958],{"type":34,"value":5959},"                Focus is trapped inside this Drawer and \u003C",{"type":28,"tag":215,"props":5961,"children":5962},{"style":228},[5963],{"type":34,"value":787},{"type":28,"tag":215,"props":5965,"children":5966},{"style":222},[5967],{"type":34,"value":3280},{"type":28,"tag":215,"props":5969,"children":5970},{"style":228},[5971],{"type":34,"value":787},{"type":28,"tag":215,"props":5973,"children":5974},{"style":222},[5975],{"type":34,"value":5976},"> button cycle through",{"type":28,"tag":215,"props":5978,"children":5979},{"style":900},[5980],{"type":34,"value":1744},{"type":28,"tag":215,"props":5982,"children":5983},{"style":290},[5984],{"type":34,"value":5985},"' '",{"type":28,"tag":215,"props":5987,"children":5988},{"style":900},[5989],{"type":34,"value":1754},{"type":28,"tag":215,"props":5991,"children":5993},{"class":217,"line":5992},81,[5994,5998,6002,6006,6010,6015,6019,6023,6027],{"type":28,"tag":215,"props":5995,"children":5996},{"style":222},[5997],{"type":34,"value":5676},{"type":28,"tag":215,"props":5999,"children":6000},{"style":228},[6001],{"type":34,"value":2439},{"type":28,"tag":215,"props":6003,"children":6004},{"style":1732},[6005],{"type":34,"value":3305},{"type":28,"tag":215,"props":6007,"children":6008},{"style":1009},[6009],{"type":34,"value":287},{"type":28,"tag":215,"props":6011,"children":6012},{"style":290},[6013],{"type":34,"value":6014},"\"https:\u002F\u002Fdocs.storefrontui.io\u002Fv2\u002F\"",{"type":28,"tag":215,"props":6016,"children":6017},{"style":1732},[6018],{"type":34,"value":2282},{"type":28,"tag":215,"props":6020,"children":6021},{"style":1009},[6022],{"type":34,"value":287},{"type":28,"tag":215,"props":6024,"children":6025},{"style":290},[6026],{"type":34,"value":3327},{"type":28,"tag":215,"props":6028,"children":6029},{"style":222},[6030],{"type":34,"value":235},{"type":28,"tag":215,"props":6032,"children":6034},{"class":217,"line":6033},82,[6035],{"type":28,"tag":215,"props":6036,"children":6037},{"style":222},[6038],{"type":34,"value":6039},"                  Focusable Element\n",{"type":28,"tag":215,"props":6041,"children":6043},{"class":217,"line":6042},83,[6044,6049,6053,6057,6061,6065],{"type":28,"tag":215,"props":6045,"children":6046},{"style":222},[6047],{"type":34,"value":6048},"                \u003C\u002F",{"type":28,"tag":215,"props":6050,"children":6051},{"style":228},[6052],{"type":34,"value":2439},{"type":28,"tag":215,"props":6054,"children":6055},{"style":222},[6056],{"type":34,"value":4963},{"type":28,"tag":215,"props":6058,"children":6059},{"style":900},[6060],{"type":34,"value":1744},{"type":28,"tag":215,"props":6062,"children":6063},{"style":290},[6064],{"type":34,"value":5985},{"type":28,"tag":215,"props":6066,"children":6067},{"style":900},[6068],{"type":34,"value":1754},{"type":28,"tag":215,"props":6070,"children":6072},{"class":217,"line":6071},84,[6073,6078,6082,6086],{"type":28,"tag":215,"props":6074,"children":6075},{"style":222},[6076],{"type":34,"value":6077},"                and another",{"type":28,"tag":215,"props":6079,"children":6080},{"style":900},[6081],{"type":34,"value":1744},{"type":28,"tag":215,"props":6083,"children":6084},{"style":290},[6085],{"type":34,"value":5985},{"type":28,"tag":215,"props":6087,"children":6088},{"style":900},[6089],{"type":34,"value":1754},{"type":28,"tag":215,"props":6091,"children":6093},{"class":217,"line":6092},85,[6094,6098,6102,6106,6110,6114,6118,6122,6126],{"type":28,"tag":215,"props":6095,"children":6096},{"style":222},[6097],{"type":34,"value":5676},{"type":28,"tag":215,"props":6099,"children":6100},{"style":228},[6101],{"type":34,"value":2439},{"type":28,"tag":215,"props":6103,"children":6104},{"style":1732},[6105],{"type":34,"value":3305},{"type":28,"tag":215,"props":6107,"children":6108},{"style":1009},[6109],{"type":34,"value":287},{"type":28,"tag":215,"props":6111,"children":6112},{"style":290},[6113],{"type":34,"value":6014},{"type":28,"tag":215,"props":6115,"children":6116},{"style":1732},[6117],{"type":34,"value":2282},{"type":28,"tag":215,"props":6119,"children":6120},{"style":1009},[6121],{"type":34,"value":287},{"type":28,"tag":215,"props":6123,"children":6124},{"style":290},[6125],{"type":34,"value":3327},{"type":28,"tag":215,"props":6127,"children":6128},{"style":222},[6129],{"type":34,"value":235},{"type":28,"tag":215,"props":6131,"children":6133},{"class":217,"line":6132},86,[6134],{"type":28,"tag":215,"props":6135,"children":6136},{"style":222},[6137],{"type":34,"value":6039},{"type":28,"tag":215,"props":6139,"children":6141},{"class":217,"line":6140},87,[6142,6146,6150],{"type":28,"tag":215,"props":6143,"children":6144},{"style":222},[6145],{"type":34,"value":6048},{"type":28,"tag":215,"props":6147,"children":6148},{"style":228},[6149],{"type":34,"value":2439},{"type":28,"tag":215,"props":6151,"children":6152},{"style":222},[6153],{"type":34,"value":235},{"type":28,"tag":215,"props":6155,"children":6157},{"class":217,"line":6156},88,[6158,6162,6166],{"type":28,"tag":215,"props":6159,"children":6160},{"style":222},[6161],{"type":34,"value":5705},{"type":28,"tag":215,"props":6163,"children":6164},{"style":228},[6165],{"type":34,"value":45},{"type":28,"tag":215,"props":6167,"children":6168},{"style":222},[6169],{"type":34,"value":235},{"type":28,"tag":215,"props":6171,"children":6173},{"class":217,"line":6172},89,[6174,6178,6182,6186,6190],{"type":28,"tag":215,"props":6175,"children":6176},{"style":222},[6177],{"type":34,"value":5648},{"type":28,"tag":215,"props":6179,"children":6180},{"style":228},[6181],{"type":34,"value":787},{"type":28,"tag":215,"props":6183,"children":6184},{"style":222},[6185],{"type":34,"value":792},{"type":28,"tag":215,"props":6187,"children":6188},{"style":228},[6189],{"type":34,"value":787},{"type":28,"tag":215,"props":6191,"children":6192},{"style":222},[6193],{"type":34,"value":235},{"type":28,"tag":215,"props":6195,"children":6197},{"class":217,"line":6196},90,[6198,6202,6206],{"type":28,"tag":215,"props":6199,"children":6200},{"style":222},[6201],{"type":34,"value":5886},{"type":28,"tag":215,"props":6203,"children":6204},{"style":228},[6205],{"type":34,"value":697},{"type":28,"tag":215,"props":6207,"children":6208},{"style":222},[6209],{"type":34,"value":235},{"type":28,"tag":215,"props":6211,"children":6213},{"class":217,"line":6212},91,[6214,6218,6222],{"type":28,"tag":215,"props":6215,"children":6216},{"style":222},[6217],{"type":34,"value":2326},{"type":28,"tag":215,"props":6219,"children":6220},{"style":1003},[6221],{"type":34,"value":54},{"type":28,"tag":215,"props":6223,"children":6224},{"style":222},[6225],{"type":34,"value":235},{"type":28,"tag":215,"props":6227,"children":6229},{"class":217,"line":6228},92,[6230,6235],{"type":28,"tag":215,"props":6231,"children":6232},{"style":222},[6233],{"type":34,"value":6234},"        )",{"type":28,"tag":215,"props":6236,"children":6237},{"style":900},[6238],{"type":34,"value":1754},{"type":28,"tag":215,"props":6240,"children":6242},{"class":217,"line":6241},93,[6243,6247,6251],{"type":28,"tag":215,"props":6244,"children":6245},{"style":222},[6246],{"type":34,"value":766},{"type":28,"tag":215,"props":6248,"children":6249},{"style":1003},[6250],{"type":34,"value":4165},{"type":28,"tag":215,"props":6252,"children":6253},{"style":222},[6254],{"type":34,"value":235},{"type":28,"tag":215,"props":6256,"children":6258},{"class":217,"line":6257},94,[6259],{"type":28,"tag":215,"props":6260,"children":6261},{"style":222},[6262],{"type":34,"value":2399},{"type":28,"tag":215,"props":6264,"children":6266},{"class":217,"line":6265},95,[6267],{"type":28,"tag":215,"props":6268,"children":6269},{"style":222},[6270],{"type":34,"value":2408},{"type":28,"tag":215,"props":6272,"children":6274},{"class":217,"line":6273},96,[6275],{"type":28,"tag":215,"props":6276,"children":6277},{"style":222},[6278],{"type":34,"value":1754},{"type":28,"tag":58,"props":6280,"children":6282},{"id":6281},"accessibility-notes",[6283],{"type":34,"value":6284},"Accessibility notes",{"type":28,"tag":45,"props":6286,"children":6287},{},[6288,6290,6296,6297,6303],{"type":34,"value":6289},"The component is providing keyboard accessibility with ",{"type":28,"tag":49,"props":6291,"children":6293},{"className":6292},[],[6294],{"type":34,"value":6295},"@keydown.esc=\"onEscKeyDown\"",{"type":34,"value":179},{"type":28,"tag":49,"props":6298,"children":6300},{"className":6299},[],[6301],{"type":34,"value":6302},"onClickOutside",{"type":34,"value":6304}," function which allows users to close the drawer by pressing the Escape key or click outside of the drawer.",{"type":28,"tag":58,"props":6306,"children":6308},{"id":6307},"playground",[6309],{"type":34,"value":6310},"Playground",{"type":28,"tag":6312,"props":6313,"children":6315},"generate",{"style":6314},"height: 600px",[],{"type":28,"tag":41,"props":6317,"children":6318},{"v-slot:tab-2":7},[6319,6325,6546,6807],{"type":28,"tag":58,"props":6320,"children":6322},{"id":6321},"props",[6323],{"type":34,"value":6324},"Props",{"type":28,"tag":120,"props":6326,"children":6327},{},[6328],{"type":28,"tag":6329,"props":6330,"children":6331},"table",{},[6332,6361],{"type":28,"tag":6333,"props":6334,"children":6335},"thead",{},[6336],{"type":28,"tag":6337,"props":6338,"children":6339},"tr",{},[6340,6346,6351,6356],{"type":28,"tag":6341,"props":6342,"children":6343},"th",{},[6344],{"type":34,"value":6345},"Prop name",{"type":28,"tag":6341,"props":6347,"children":6348},{},[6349],{"type":34,"value":6350},"Type",{"type":28,"tag":6341,"props":6352,"children":6353},{},[6354],{"type":34,"value":6355},"Default value",{"type":28,"tag":6341,"props":6357,"children":6358},{},[6359],{"type":34,"value":6360},"Possible values",{"type":28,"tag":6362,"props":6363,"children":6364},"tbody",{},[6365,6398,6431,6486,6516],{"type":28,"tag":6337,"props":6366,"children":6367},{},[6368,6378,6387,6395],{"type":28,"tag":6369,"props":6370,"children":6371},"td",{},[6372],{"type":28,"tag":49,"props":6373,"children":6375},{"className":6374},[],[6376],{"type":34,"value":6377},"modelValue",{"type":28,"tag":6369,"props":6379,"children":6380},{},[6381],{"type":28,"tag":49,"props":6382,"children":6384},{"className":6383},[],[6385],{"type":34,"value":6386},"boolean",{"type":28,"tag":6369,"props":6388,"children":6389},{},[6390],{"type":28,"tag":49,"props":6391,"children":6393},{"className":6392},[],[6394],{"type":34,"value":1091},{"type":28,"tag":6369,"props":6396,"children":6397},{},[],{"type":28,"tag":6337,"props":6399,"children":6400},{},[6401,6410,6419,6428],{"type":28,"tag":6369,"props":6402,"children":6403},{},[6404],{"type":28,"tag":49,"props":6405,"children":6407},{"className":6406},[],[6408],{"type":34,"value":6409},"tag",{"type":28,"tag":6369,"props":6411,"children":6412},{},[6413],{"type":28,"tag":49,"props":6414,"children":6416},{"className":6415},[],[6417],{"type":34,"value":6418},"string",{"type":28,"tag":6369,"props":6420,"children":6421},{},[6422],{"type":28,"tag":49,"props":6423,"children":6425},{"className":6424},[],[6426],{"type":34,"value":6427},"'aside'",{"type":28,"tag":6369,"props":6429,"children":6430},{},[],{"type":28,"tag":6337,"props":6432,"children":6433},{},[6434,6442,6450,6458],{"type":28,"tag":6369,"props":6435,"children":6436},{},[6437],{"type":28,"tag":49,"props":6438,"children":6440},{"className":6439},[],[6441],{"type":34,"value":86},{"type":28,"tag":6369,"props":6443,"children":6444},{},[6445],{"type":28,"tag":49,"props":6446,"children":6448},{"className":6447},[],[6449],{"type":34,"value":921},{"type":28,"tag":6369,"props":6451,"children":6452},{},[6453],{"type":28,"tag":49,"props":6454,"children":6456},{"className":6455},[],[6457],{"type":34,"value":1055},{"type":28,"tag":6369,"props":6459,"children":6460},{},[6461,6467,6468,6474,6475,6480,6481],{"type":28,"tag":49,"props":6462,"children":6464},{"className":6463},[],[6465],{"type":34,"value":6466},"'top'",{"type":34,"value":96},{"type":28,"tag":49,"props":6469,"children":6471},{"className":6470},[],[6472],{"type":34,"value":6473},"'bottom'",{"type":34,"value":96},{"type":28,"tag":49,"props":6476,"children":6478},{"className":6477},[],[6479],{"type":34,"value":1055},{"type":34,"value":96},{"type":28,"tag":49,"props":6482,"children":6484},{"className":6483},[],[6485],{"type":34,"value":3916},{"type":28,"tag":6337,"props":6487,"children":6488},{},[6489,6497,6505,6513],{"type":28,"tag":6369,"props":6490,"children":6491},{},[6492],{"type":28,"tag":49,"props":6493,"children":6495},{"className":6494},[],[6496],{"type":34,"value":177},{"type":28,"tag":6369,"props":6498,"children":6499},{},[6500],{"type":28,"tag":49,"props":6501,"children":6503},{"className":6502},[],[6504],{"type":34,"value":6386},{"type":28,"tag":6369,"props":6506,"children":6507},{},[6508],{"type":28,"tag":49,"props":6509,"children":6511},{"className":6510},[],[6512],{"type":34,"value":1091},{"type":28,"tag":6369,"props":6514,"children":6515},{},[],{"type":28,"tag":6337,"props":6517,"children":6518},{},[6519,6527,6535,6543],{"type":28,"tag":6369,"props":6520,"children":6521},{},[6522],{"type":28,"tag":49,"props":6523,"children":6525},{"className":6524},[],[6526],{"type":34,"value":185},{"type":28,"tag":6369,"props":6528,"children":6529},{},[6530],{"type":28,"tag":49,"props":6531,"children":6533},{"className":6532},[],[6534],{"type":34,"value":6386},{"type":28,"tag":6369,"props":6536,"children":6537},{},[6538],{"type":28,"tag":49,"props":6539,"children":6541},{"className":6540},[],[6542],{"type":34,"value":1091},{"type":28,"tag":6369,"props":6544,"children":6545},{},[],{"type":28,"tag":136,"props":6547,"children":6548},{},[6549],{"type":28,"tag":6329,"props":6550,"children":6551},{},[6552,6574],{"type":28,"tag":6333,"props":6553,"children":6554},{},[6555],{"type":28,"tag":6337,"props":6556,"children":6557},{},[6558,6562,6566,6570],{"type":28,"tag":6341,"props":6559,"children":6560},{},[6561],{"type":34,"value":6345},{"type":28,"tag":6341,"props":6563,"children":6564},{},[6565],{"type":34,"value":6350},{"type":28,"tag":6341,"props":6567,"children":6568},{},[6569],{"type":34,"value":6355},{"type":28,"tag":6341,"props":6571,"children":6572},{},[6573],{"type":34,"value":6360},{"type":28,"tag":6362,"props":6575,"children":6576},{},[6577,6609,6641,6694,6724,6754,6780],{"type":28,"tag":6337,"props":6578,"children":6579},{},[6580,6590,6598,6606],{"type":28,"tag":6369,"props":6581,"children":6582},{},[6583,6588],{"type":28,"tag":49,"props":6584,"children":6586},{"className":6585},[],[6587],{"type":34,"value":149},{"type":34,"value":6589},"*",{"type":28,"tag":6369,"props":6591,"children":6592},{},[6593],{"type":28,"tag":49,"props":6594,"children":6596},{"className":6595},[],[6597],{"type":34,"value":6386},{"type":28,"tag":6369,"props":6599,"children":6600},{},[6601],{"type":28,"tag":49,"props":6602,"children":6604},{"className":6603},[],[6605],{"type":34,"value":1091},{"type":28,"tag":6369,"props":6607,"children":6608},{},[],{"type":28,"tag":6337,"props":6610,"children":6611},{},[6612,6621,6630,6638],{"type":28,"tag":6369,"props":6613,"children":6614},{},[6615],{"type":28,"tag":49,"props":6616,"children":6618},{"className":6617},[],[6619],{"type":34,"value":6620},"as",{"type":28,"tag":6369,"props":6622,"children":6623},{},[6624],{"type":28,"tag":49,"props":6625,"children":6627},{"className":6626},[],[6628],{"type":34,"value":6629},"ReactElement",{"type":28,"tag":6369,"props":6631,"children":6632},{},[6633],{"type":28,"tag":49,"props":6634,"children":6636},{"className":6635},[],[6637],{"type":34,"value":6427},{"type":28,"tag":6369,"props":6639,"children":6640},{},[],{"type":28,"tag":6337,"props":6642,"children":6643},{},[6644,6652,6660,6668],{"type":28,"tag":6369,"props":6645,"children":6646},{},[6647],{"type":28,"tag":49,"props":6648,"children":6650},{"className":6649},[],[6651],{"type":34,"value":86},{"type":28,"tag":6369,"props":6653,"children":6654},{},[6655],{"type":28,"tag":49,"props":6656,"children":6658},{"className":6657},[],[6659],{"type":34,"value":921},{"type":28,"tag":6369,"props":6661,"children":6662},{},[6663],{"type":28,"tag":49,"props":6664,"children":6666},{"className":6665},[],[6667],{"type":34,"value":1055},{"type":28,"tag":6369,"props":6669,"children":6670},{},[6671,6676,6677,6682,6683,6688,6689],{"type":28,"tag":49,"props":6672,"children":6674},{"className":6673},[],[6675],{"type":34,"value":6466},{"type":34,"value":96},{"type":28,"tag":49,"props":6678,"children":6680},{"className":6679},[],[6681],{"type":34,"value":6473},{"type":34,"value":96},{"type":28,"tag":49,"props":6684,"children":6686},{"className":6685},[],[6687],{"type":34,"value":1055},{"type":34,"value":96},{"type":28,"tag":49,"props":6690,"children":6692},{"className":6691},[],[6693],{"type":34,"value":3916},{"type":28,"tag":6337,"props":6695,"children":6696},{},[6697,6705,6713,6721],{"type":28,"tag":6369,"props":6698,"children":6699},{},[6700],{"type":28,"tag":49,"props":6701,"children":6703},{"className":6702},[],[6704],{"type":34,"value":177},{"type":28,"tag":6369,"props":6706,"children":6707},{},[6708],{"type":28,"tag":49,"props":6709,"children":6711},{"className":6710},[],[6712],{"type":34,"value":6386},{"type":28,"tag":6369,"props":6714,"children":6715},{},[6716],{"type":28,"tag":49,"props":6717,"children":6719},{"className":6718},[],[6720],{"type":34,"value":1091},{"type":28,"tag":6369,"props":6722,"children":6723},{},[],{"type":28,"tag":6337,"props":6725,"children":6726},{},[6727,6735,6743,6751],{"type":28,"tag":6369,"props":6728,"children":6729},{},[6730],{"type":28,"tag":49,"props":6731,"children":6733},{"className":6732},[],[6734],{"type":34,"value":185},{"type":28,"tag":6369,"props":6736,"children":6737},{},[6738],{"type":28,"tag":49,"props":6739,"children":6741},{"className":6740},[],[6742],{"type":34,"value":6386},{"type":28,"tag":6369,"props":6744,"children":6745},{},[6746],{"type":28,"tag":49,"props":6747,"children":6749},{"className":6748},[],[6750],{"type":34,"value":1091},{"type":28,"tag":6369,"props":6752,"children":6753},{},[],{"type":28,"tag":6337,"props":6755,"children":6756},{},[6757,6765,6774,6777],{"type":28,"tag":6369,"props":6758,"children":6759},{},[6760],{"type":28,"tag":49,"props":6761,"children":6763},{"className":6762},[],[6764],{"type":34,"value":157},{"type":28,"tag":6369,"props":6766,"children":6767},{},[6768],{"type":28,"tag":49,"props":6769,"children":6771},{"className":6770},[],[6772],{"type":34,"value":6773},"Function",{"type":28,"tag":6369,"props":6775,"children":6776},{},[],{"type":28,"tag":6369,"props":6778,"children":6779},{},[],{"type":28,"tag":6337,"props":6781,"children":6782},{},[6783,6792,6801,6804],{"type":28,"tag":6369,"props":6784,"children":6785},{},[6786],{"type":28,"tag":49,"props":6787,"children":6789},{"className":6788},[],[6790],{"type":34,"value":6791},"children",{"type":28,"tag":6369,"props":6793,"children":6794},{},[6795],{"type":28,"tag":49,"props":6796,"children":6798},{"className":6797},[],[6799],{"type":34,"value":6800},"ReactNode",{"type":28,"tag":6369,"props":6802,"children":6803},{},[],{"type":28,"tag":6369,"props":6805,"children":6806},{},[],{"type":28,"tag":120,"props":6808,"children":6809},{},[6810,6816,6855,6861],{"type":28,"tag":58,"props":6811,"children":6813},{"id":6812},"slots",[6814],{"type":34,"value":6815},"Slots",{"type":28,"tag":6329,"props":6817,"children":6818},{},[6819,6835],{"type":28,"tag":6333,"props":6820,"children":6821},{},[6822],{"type":28,"tag":6337,"props":6823,"children":6824},{},[6825,6830],{"type":28,"tag":6341,"props":6826,"children":6827},{},[6828],{"type":34,"value":6829},"Slot name",{"type":28,"tag":6341,"props":6831,"children":6832},{},[6833],{"type":34,"value":6834},"Description",{"type":28,"tag":6362,"props":6836,"children":6837},{},[6838],{"type":28,"tag":6337,"props":6839,"children":6840},{},[6841,6850],{"type":28,"tag":6369,"props":6842,"children":6843},{},[6844],{"type":28,"tag":49,"props":6845,"children":6847},{"className":6846},[],[6848],{"type":34,"value":6849},"default",{"type":28,"tag":6369,"props":6851,"children":6852},{},[6853],{"type":34,"value":6854},"place content of drawer",{"type":28,"tag":58,"props":6856,"children":6858},{"id":6857},"events",[6859],{"type":34,"value":6860},"Events",{"type":28,"tag":6329,"props":6862,"children":6863},{},[6864,6880],{"type":28,"tag":6333,"props":6865,"children":6866},{},[6867],{"type":28,"tag":6337,"props":6868,"children":6869},{},[6870,6875],{"type":28,"tag":6341,"props":6871,"children":6872},{},[6873],{"type":34,"value":6874},"Event name",{"type":28,"tag":6341,"props":6876,"children":6877},{},[6878],{"type":34,"value":6879},"Trigger",{"type":28,"tag":6362,"props":6881,"children":6882},{},[6883],{"type":28,"tag":6337,"props":6884,"children":6885},{},[6886,6895],{"type":28,"tag":6369,"props":6887,"children":6888},{},[6889],{"type":28,"tag":49,"props":6890,"children":6892},{"className":6891},[],[6893],{"type":34,"value":6894},"update:modelValue",{"type":28,"tag":6369,"props":6896,"children":6897},{},[6898],{"type":34,"value":6899},"emits on clicking close button",{"type":28,"tag":41,"props":6901,"children":6902},{"v-slot:tab-3":7},[6903,6908,8450],{"type":28,"tag":6904,"props":6905,"children":6907},"partial",{"content":6906},"block-callout",[],{"type":28,"tag":120,"props":6909,"children":6910},{},[6911],{"type":28,"tag":205,"props":6912,"children":6914},{"className":207,"code":6913,"language":209,"meta":7,"style":7},"\u003Cscript lang=\"ts\" setup>\nimport { type PropType, type ConcreteComponent, ref, toRefs, computed } from 'vue';\nimport { onClickOutside } from '@vueuse\u002Fcore';\nimport { SfDrawerPlacement, twMerge, useTwMergeRoot } from '@storefront-ui\u002Fvue';\n\nconst props = defineProps({\n  modelValue: {\n    type: Boolean,\n    default: false,\n  },\n  placement: {\n    type: String as PropType\u003C`${SfDrawerPlacement}`>,\n    default: SfDrawerPlacement.left,\n  },\n  tag: {\n    type: [String, Object] as PropType\u003Cstring | ConcreteComponent>,\n    default: 'aside',\n  },\n  disableClickAway: {\n    type: Boolean,\n    default: false,\n  },\n  disableEsc: {\n    type: Boolean,\n    default: false,\n  },\n});\ndefineOptions({\n  inheritAttrs: false,\n});\nconst { attrsWithoutClass } = useTwMergeRoot();\n\nconst { disableClickAway, disableEsc, placement } = toRefs(props);\nconst emit = defineEmits\u003C{\n  (event: 'update:modelValue', isOpen: boolean): void;\n}>();\n\nconst drawerRef = ref();\n\nonClickOutside(drawerRef, () => {\n  if (disableClickAway.value) return;\n  emit('update:modelValue', false);\n});\n\nconst onEscKeyDown = () => {\n  if (disableEsc.value) return;\n  emit('update:modelValue', false);\n};\n\nconst placementClasses = computed(() => ({\n  'left-0': placement.value !== SfDrawerPlacement.right,\n  'right-0': placement.value !== SfDrawerPlacement.left,\n  'top-0': placement.value !== SfDrawerPlacement.bottom,\n  'bottom-0': placement.value !== SfDrawerPlacement.top,\n}));\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Ccomponent\n    v-if=\"modelValue\"\n    :is=\"tag\"\n    ref=\"drawerRef\"\n    :class=\"twMerge('fixed', placementClasses, $attrs.class)\"\n    data-testid=\"drawer\"\n    tabindex=\"-1\"\n    v-bind=\"attrsWithoutClass\"\n    @keydown.esc=\"onEscKeyDown\"\n  >\n    \u003Cslot \u002F>\n  \u003C\u002Fcomponent>\n\u003C\u002Ftemplate>\n\n",[6915],{"type":28,"tag":49,"props":6916,"children":6917},{"__ignoreMap":7},[6918,6949,7024,7056,7105,7112,7138,7151,7172,7192,7200,7212,7265,7292,7299,7311,7369,7388,7395,7407,7426,7445,7452,7464,7483,7502,7509,7517,7529,7549,7556,7589,7596,7652,7678,7729,7737,7744,7767,7774,7802,7839,7867,7874,7881,7910,7945,7972,7980,7987,8022,8067,8111,8155,8199,8207,8222,8229,8244,8256,8273,8290,8306,8322,8339,8356,8373,8390,8397,8419,8435],{"type":28,"tag":215,"props":6919,"children":6920},{"class":217,"line":218},[6921,6925,6929,6933,6937,6941,6945],{"type":28,"tag":215,"props":6922,"children":6923},{"style":222},[6924],{"type":34,"value":225},{"type":28,"tag":215,"props":6926,"children":6927},{"style":228},[6928],{"type":34,"value":870},{"type":28,"tag":215,"props":6930,"children":6931},{"style":279},[6932],{"type":34,"value":875},{"type":28,"tag":215,"props":6934,"children":6935},{"style":222},[6936],{"type":34,"value":287},{"type":28,"tag":215,"props":6938,"children":6939},{"style":290},[6940],{"type":34,"value":884},{"type":28,"tag":215,"props":6942,"children":6943},{"style":279},[6944],{"type":34,"value":889},{"type":28,"tag":215,"props":6946,"children":6947},{"style":222},[6948],{"type":34,"value":235},{"type":28,"tag":215,"props":6950,"children":6951},{"class":217,"line":238},[6952,6956,6960,6964,6969,6973,6977,6982,6986,6990,6994,6999,7003,7008,7012,7016,7020],{"type":28,"tag":215,"props":6953,"children":6954},{"style":900},[6955],{"type":34,"value":903},{"type":28,"tag":215,"props":6957,"children":6958},{"style":222},[6959],{"type":34,"value":908},{"type":28,"tag":215,"props":6961,"children":6962},{"style":900},[6963],{"type":34,"value":1270},{"type":28,"tag":215,"props":6965,"children":6966},{"style":228},[6967],{"type":34,"value":6968}," PropType",{"type":28,"tag":215,"props":6970,"children":6971},{"style":222},[6972],{"type":34,"value":96},{"type":28,"tag":215,"props":6974,"children":6975},{"style":900},[6976],{"type":34,"value":1270},{"type":28,"tag":215,"props":6978,"children":6979},{"style":228},[6980],{"type":34,"value":6981}," ConcreteComponent",{"type":28,"tag":215,"props":6983,"children":6984},{"style":222},[6985],{"type":34,"value":96},{"type":28,"tag":215,"props":6987,"children":6988},{"style":228},[6989],{"type":34,"value":966},{"type":28,"tag":215,"props":6991,"children":6992},{"style":222},[6993],{"type":34,"value":96},{"type":28,"tag":215,"props":6995,"children":6996},{"style":228},[6997],{"type":34,"value":6998},"toRefs",{"type":28,"tag":215,"props":7000,"children":7001},{"style":222},[7002],{"type":34,"value":96},{"type":28,"tag":215,"props":7004,"children":7005},{"style":228},[7006],{"type":34,"value":7007},"computed",{"type":28,"tag":215,"props":7009,"children":7010},{"style":222},[7011],{"type":34,"value":934},{"type":28,"tag":215,"props":7013,"children":7014},{"style":900},[7015],{"type":34,"value":939},{"type":28,"tag":215,"props":7017,"children":7018},{"style":290},[7019],{"type":34,"value":979},{"type":28,"tag":215,"props":7021,"children":7022},{"style":222},[7023],{"type":34,"value":949},{"type":28,"tag":215,"props":7025,"children":7026},{"class":217,"line":256},[7027,7031,7035,7039,7043,7047,7052],{"type":28,"tag":215,"props":7028,"children":7029},{"style":900},[7030],{"type":34,"value":903},{"type":28,"tag":215,"props":7032,"children":7033},{"style":222},[7034],{"type":34,"value":908},{"type":28,"tag":215,"props":7036,"children":7037},{"style":228},[7038],{"type":34,"value":6302},{"type":28,"tag":215,"props":7040,"children":7041},{"style":222},[7042],{"type":34,"value":934},{"type":28,"tag":215,"props":7044,"children":7045},{"style":900},[7046],{"type":34,"value":939},{"type":28,"tag":215,"props":7048,"children":7049},{"style":290},[7050],{"type":34,"value":7051}," '@vueuse\u002Fcore'",{"type":28,"tag":215,"props":7053,"children":7054},{"style":222},[7055],{"type":34,"value":949},{"type":28,"tag":215,"props":7057,"children":7058},{"class":217,"line":265},[7059,7063,7067,7071,7075,7080,7084,7089,7093,7097,7101],{"type":28,"tag":215,"props":7060,"children":7061},{"style":900},[7062],{"type":34,"value":903},{"type":28,"tag":215,"props":7064,"children":7065},{"style":222},[7066],{"type":34,"value":908},{"type":28,"tag":215,"props":7068,"children":7069},{"style":228},[7070],{"type":34,"value":921},{"type":28,"tag":215,"props":7072,"children":7073},{"style":222},[7074],{"type":34,"value":96},{"type":28,"tag":215,"props":7076,"children":7077},{"style":228},[7078],{"type":34,"value":7079},"twMerge",{"type":28,"tag":215,"props":7081,"children":7082},{"style":222},[7083],{"type":34,"value":96},{"type":28,"tag":215,"props":7085,"children":7086},{"style":228},[7087],{"type":34,"value":7088},"useTwMergeRoot",{"type":28,"tag":215,"props":7090,"children":7091},{"style":222},[7092],{"type":34,"value":934},{"type":28,"tag":215,"props":7094,"children":7095},{"style":900},[7096],{"type":34,"value":939},{"type":28,"tag":215,"props":7098,"children":7099},{"style":290},[7100],{"type":34,"value":944},{"type":28,"tag":215,"props":7102,"children":7103},{"style":222},[7104],{"type":34,"value":949},{"type":28,"tag":215,"props":7106,"children":7107},{"class":217,"line":314},[7108],{"type":28,"tag":215,"props":7109,"children":7110},{"emptyLinePlaceholder":9},[7111],{"type":34,"value":554},{"type":28,"tag":215,"props":7113,"children":7114},{"class":217,"line":355},[7115,7119,7124,7128,7133],{"type":28,"tag":215,"props":7116,"children":7117},{"style":900},[7118],{"type":34,"value":1000},{"type":28,"tag":215,"props":7120,"children":7121},{"style":1003},[7122],{"type":34,"value":7123}," props",{"type":28,"tag":215,"props":7125,"children":7126},{"style":1009},[7127],{"type":34,"value":1012},{"type":28,"tag":215,"props":7129,"children":7130},{"style":1015},[7131],{"type":34,"value":7132}," defineProps",{"type":28,"tag":215,"props":7134,"children":7135},{"style":222},[7136],{"type":34,"value":7137},"({\n",{"type":28,"tag":215,"props":7139,"children":7140},{"class":217,"line":393},[7141,7146],{"type":28,"tag":215,"props":7142,"children":7143},{"style":228},[7144],{"type":34,"value":7145},"  modelValue",{"type":28,"tag":215,"props":7147,"children":7148},{"style":222},[7149],{"type":34,"value":7150},": {\n",{"type":28,"tag":215,"props":7152,"children":7153},{"class":217,"line":431},[7154,7159,7163,7168],{"type":28,"tag":215,"props":7155,"children":7156},{"style":228},[7157],{"type":34,"value":7158},"    type",{"type":28,"tag":215,"props":7160,"children":7161},{"style":222},[7162],{"type":34,"value":1128},{"type":28,"tag":215,"props":7164,"children":7165},{"style":228},[7166],{"type":34,"value":7167},"Boolean",{"type":28,"tag":215,"props":7169,"children":7170},{"style":222},[7171],{"type":34,"value":2231},{"type":28,"tag":215,"props":7173,"children":7174},{"class":217,"line":474},[7175,7180,7184,7188],{"type":28,"tag":215,"props":7176,"children":7177},{"style":228},[7178],{"type":34,"value":7179},"    default",{"type":28,"tag":215,"props":7181,"children":7182},{"style":222},[7183],{"type":34,"value":1128},{"type":28,"tag":215,"props":7185,"children":7186},{"style":279},[7187],{"type":34,"value":1091},{"type":28,"tag":215,"props":7189,"children":7190},{"style":222},[7191],{"type":34,"value":2231},{"type":28,"tag":215,"props":7193,"children":7194},{"class":217,"line":491},[7195],{"type":28,"tag":215,"props":7196,"children":7197},{"style":222},[7198],{"type":34,"value":7199},"  },\n",{"type":28,"tag":215,"props":7201,"children":7202},{"class":217,"line":508},[7203,7208],{"type":28,"tag":215,"props":7204,"children":7205},{"style":228},[7206],{"type":34,"value":7207},"  placement",{"type":28,"tag":215,"props":7209,"children":7210},{"style":222},[7211],{"type":34,"value":7150},{"type":28,"tag":215,"props":7213,"children":7214},{"class":217,"line":548},[7215,7219,7223,7228,7232,7236,7240,7244,7248,7252,7256,7260],{"type":28,"tag":215,"props":7216,"children":7217},{"style":228},[7218],{"type":34,"value":7158},{"type":28,"tag":215,"props":7220,"children":7221},{"style":222},[7222],{"type":34,"value":1128},{"type":28,"tag":215,"props":7224,"children":7225},{"style":228},[7226],{"type":34,"value":7227},"String",{"type":28,"tag":215,"props":7229,"children":7230},{"style":900},[7231],{"type":34,"value":1191},{"type":28,"tag":215,"props":7233,"children":7234},{"style":1003},[7235],{"type":34,"value":6968},{"type":28,"tag":215,"props":7237,"children":7238},{"style":222},[7239],{"type":34,"value":225},{"type":28,"tag":215,"props":7241,"children":7242},{"style":290},[7243],{"type":34,"value":1027},{"type":28,"tag":215,"props":7245,"children":7246},{"style":900},[7247],{"type":34,"value":1032},{"type":28,"tag":215,"props":7249,"children":7250},{"style":1003},[7251],{"type":34,"value":921},{"type":28,"tag":215,"props":7253,"children":7254},{"style":900},[7255],{"type":34,"value":1041},{"type":28,"tag":215,"props":7257,"children":7258},{"style":290},[7259],{"type":34,"value":1027},{"type":28,"tag":215,"props":7261,"children":7262},{"style":222},[7263],{"type":34,"value":7264},">,\n",{"type":28,"tag":215,"props":7266,"children":7267},{"class":217,"line":557},[7268,7272,7276,7280,7284,7288],{"type":28,"tag":215,"props":7269,"children":7270},{"style":228},[7271],{"type":34,"value":7179},{"type":28,"tag":215,"props":7273,"children":7274},{"style":222},[7275],{"type":34,"value":1128},{"type":28,"tag":215,"props":7277,"children":7278},{"style":1003},[7279],{"type":34,"value":921},{"type":28,"tag":215,"props":7281,"children":7282},{"style":222},[7283],{"type":34,"value":118},{"type":28,"tag":215,"props":7285,"children":7286},{"style":228},[7287],{"type":34,"value":116},{"type":28,"tag":215,"props":7289,"children":7290},{"style":222},[7291],{"type":34,"value":2231},{"type":28,"tag":215,"props":7293,"children":7294},{"class":217,"line":570},[7295],{"type":28,"tag":215,"props":7296,"children":7297},{"style":222},[7298],{"type":34,"value":7199},{"type":28,"tag":215,"props":7300,"children":7301},{"class":217,"line":588},[7302,7307],{"type":28,"tag":215,"props":7303,"children":7304},{"style":228},[7305],{"type":34,"value":7306},"  tag",{"type":28,"tag":215,"props":7308,"children":7309},{"style":222},[7310],{"type":34,"value":7150},{"type":28,"tag":215,"props":7312,"children":7313},{"class":217,"line":606},[7314,7318,7323,7327,7331,7336,7340,7344,7348,7352,7356,7360,7365],{"type":28,"tag":215,"props":7315,"children":7316},{"style":228},[7317],{"type":34,"value":7158},{"type":28,"tag":215,"props":7319,"children":7320},{"style":222},[7321],{"type":34,"value":7322},": [",{"type":28,"tag":215,"props":7324,"children":7325},{"style":228},[7326],{"type":34,"value":7227},{"type":28,"tag":215,"props":7328,"children":7329},{"style":222},[7330],{"type":34,"value":96},{"type":28,"tag":215,"props":7332,"children":7333},{"style":228},[7334],{"type":34,"value":7335},"Object",{"type":28,"tag":215,"props":7337,"children":7338},{"style":222},[7339],{"type":34,"value":1434},{"type":28,"tag":215,"props":7341,"children":7342},{"style":900},[7343],{"type":34,"value":6620},{"type":28,"tag":215,"props":7345,"children":7346},{"style":1003},[7347],{"type":34,"value":6968},{"type":28,"tag":215,"props":7349,"children":7350},{"style":222},[7351],{"type":34,"value":225},{"type":28,"tag":215,"props":7353,"children":7354},{"style":1003},[7355],{"type":34,"value":6418},{"type":28,"tag":215,"props":7357,"children":7358},{"style":222},[7359],{"type":34,"value":4510},{"type":28,"tag":215,"props":7361,"children":7362},{"style":1003},[7363],{"type":34,"value":7364},"ConcreteComponent",{"type":28,"tag":215,"props":7366,"children":7367},{"style":222},[7368],{"type":34,"value":7264},{"type":28,"tag":215,"props":7370,"children":7371},{"class":217,"line":615},[7372,7376,7380,7384],{"type":28,"tag":215,"props":7373,"children":7374},{"style":228},[7375],{"type":34,"value":7179},{"type":28,"tag":215,"props":7377,"children":7378},{"style":222},[7379],{"type":34,"value":1128},{"type":28,"tag":215,"props":7381,"children":7382},{"style":290},[7383],{"type":34,"value":6427},{"type":28,"tag":215,"props":7385,"children":7386},{"style":222},[7387],{"type":34,"value":2231},{"type":28,"tag":215,"props":7389,"children":7390},{"class":217,"line":624},[7391],{"type":28,"tag":215,"props":7392,"children":7393},{"style":222},[7394],{"type":34,"value":7199},{"type":28,"tag":215,"props":7396,"children":7397},{"class":217,"line":633},[7398,7403],{"type":28,"tag":215,"props":7399,"children":7400},{"style":228},[7401],{"type":34,"value":7402},"  disableClickAway",{"type":28,"tag":215,"props":7404,"children":7405},{"style":222},[7406],{"type":34,"value":7150},{"type":28,"tag":215,"props":7408,"children":7409},{"class":217,"line":642},[7410,7414,7418,7422],{"type":28,"tag":215,"props":7411,"children":7412},{"style":228},[7413],{"type":34,"value":7158},{"type":28,"tag":215,"props":7415,"children":7416},{"style":222},[7417],{"type":34,"value":1128},{"type":28,"tag":215,"props":7419,"children":7420},{"style":228},[7421],{"type":34,"value":7167},{"type":28,"tag":215,"props":7423,"children":7424},{"style":222},[7425],{"type":34,"value":2231},{"type":28,"tag":215,"props":7427,"children":7428},{"class":217,"line":651},[7429,7433,7437,7441],{"type":28,"tag":215,"props":7430,"children":7431},{"style":228},[7432],{"type":34,"value":7179},{"type":28,"tag":215,"props":7434,"children":7435},{"style":222},[7436],{"type":34,"value":1128},{"type":28,"tag":215,"props":7438,"children":7439},{"style":279},[7440],{"type":34,"value":1091},{"type":28,"tag":215,"props":7442,"children":7443},{"style":222},[7444],{"type":34,"value":2231},{"type":28,"tag":215,"props":7446,"children":7447},{"class":217,"line":660},[7448],{"type":28,"tag":215,"props":7449,"children":7450},{"style":222},[7451],{"type":34,"value":7199},{"type":28,"tag":215,"props":7453,"children":7454},{"class":217,"line":678},[7455,7460],{"type":28,"tag":215,"props":7456,"children":7457},{"style":228},[7458],{"type":34,"value":7459},"  disableEsc",{"type":28,"tag":215,"props":7461,"children":7462},{"style":222},[7463],{"type":34,"value":7150},{"type":28,"tag":215,"props":7465,"children":7466},{"class":217,"line":687},[7467,7471,7475,7479],{"type":28,"tag":215,"props":7468,"children":7469},{"style":228},[7470],{"type":34,"value":7158},{"type":28,"tag":215,"props":7472,"children":7473},{"style":222},[7474],{"type":34,"value":1128},{"type":28,"tag":215,"props":7476,"children":7477},{"style":228},[7478],{"type":34,"value":7167},{"type":28,"tag":215,"props":7480,"children":7481},{"style":222},[7482],{"type":34,"value":2231},{"type":28,"tag":215,"props":7484,"children":7485},{"class":217,"line":704},[7486,7490,7494,7498],{"type":28,"tag":215,"props":7487,"children":7488},{"style":228},[7489],{"type":34,"value":7179},{"type":28,"tag":215,"props":7491,"children":7492},{"style":222},[7493],{"type":34,"value":1128},{"type":28,"tag":215,"props":7495,"children":7496},{"style":279},[7497],{"type":34,"value":1091},{"type":28,"tag":215,"props":7499,"children":7500},{"style":222},[7501],{"type":34,"value":2231},{"type":28,"tag":215,"props":7503,"children":7504},{"class":217,"line":733},[7505],{"type":28,"tag":215,"props":7506,"children":7507},{"style":222},[7508],{"type":34,"value":7199},{"type":28,"tag":215,"props":7510,"children":7511},{"class":217,"line":742},[7512],{"type":28,"tag":215,"props":7513,"children":7514},{"style":222},[7515],{"type":34,"value":7516},"});\n",{"type":28,"tag":215,"props":7518,"children":7519},{"class":217,"line":751},[7520,7525],{"type":28,"tag":215,"props":7521,"children":7522},{"style":1015},[7523],{"type":34,"value":7524},"defineOptions",{"type":28,"tag":215,"props":7526,"children":7527},{"style":222},[7528],{"type":34,"value":7137},{"type":28,"tag":215,"props":7530,"children":7531},{"class":217,"line":760},[7532,7537,7541,7545],{"type":28,"tag":215,"props":7533,"children":7534},{"style":228},[7535],{"type":34,"value":7536},"  inheritAttrs",{"type":28,"tag":215,"props":7538,"children":7539},{"style":222},[7540],{"type":34,"value":1128},{"type":28,"tag":215,"props":7542,"children":7543},{"style":279},[7544],{"type":34,"value":1091},{"type":28,"tag":215,"props":7546,"children":7547},{"style":222},[7548],{"type":34,"value":2231},{"type":28,"tag":215,"props":7550,"children":7551},{"class":217,"line":777},[7552],{"type":28,"tag":215,"props":7553,"children":7554},{"style":222},[7555],{"type":34,"value":7516},{"type":28,"tag":215,"props":7557,"children":7558},{"class":217,"line":803},[7559,7563,7567,7572,7576,7580,7585],{"type":28,"tag":215,"props":7560,"children":7561},{"style":900},[7562],{"type":34,"value":1000},{"type":28,"tag":215,"props":7564,"children":7565},{"style":222},[7566],{"type":34,"value":908},{"type":28,"tag":215,"props":7568,"children":7569},{"style":1003},[7570],{"type":34,"value":7571},"attrsWithoutClass",{"type":28,"tag":215,"props":7573,"children":7574},{"style":222},[7575],{"type":34,"value":934},{"type":28,"tag":215,"props":7577,"children":7578},{"style":1009},[7579],{"type":34,"value":287},{"type":28,"tag":215,"props":7581,"children":7582},{"style":1015},[7583],{"type":34,"value":7584}," useTwMergeRoot",{"type":28,"tag":215,"props":7586,"children":7587},{"style":222},[7588],{"type":34,"value":3801},{"type":28,"tag":215,"props":7590,"children":7591},{"class":217,"line":819},[7592],{"type":28,"tag":215,"props":7593,"children":7594},{"emptyLinePlaceholder":9},[7595],{"type":34,"value":554},{"type":28,"tag":215,"props":7597,"children":7598},{"class":217,"line":835},[7599,7603,7607,7611,7615,7619,7623,7627,7631,7635,7640,7644,7648],{"type":28,"tag":215,"props":7600,"children":7601},{"style":900},[7602],{"type":34,"value":1000},{"type":28,"tag":215,"props":7604,"children":7605},{"style":222},[7606],{"type":34,"value":908},{"type":28,"tag":215,"props":7608,"children":7609},{"style":1003},[7610],{"type":34,"value":177},{"type":28,"tag":215,"props":7612,"children":7613},{"style":222},[7614],{"type":34,"value":96},{"type":28,"tag":215,"props":7616,"children":7617},{"style":1003},[7618],{"type":34,"value":185},{"type":28,"tag":215,"props":7620,"children":7621},{"style":222},[7622],{"type":34,"value":96},{"type":28,"tag":215,"props":7624,"children":7625},{"style":1003},[7626],{"type":34,"value":86},{"type":28,"tag":215,"props":7628,"children":7629},{"style":222},[7630],{"type":34,"value":934},{"type":28,"tag":215,"props":7632,"children":7633},{"style":1009},[7634],{"type":34,"value":287},{"type":28,"tag":215,"props":7636,"children":7637},{"style":1015},[7638],{"type":34,"value":7639}," toRefs",{"type":28,"tag":215,"props":7641,"children":7642},{"style":222},[7643],{"type":34,"value":1086},{"type":28,"tag":215,"props":7645,"children":7646},{"style":228},[7647],{"type":34,"value":6321},{"type":28,"tag":215,"props":7649,"children":7650},{"style":222},[7651],{"type":34,"value":1060},{"type":28,"tag":215,"props":7653,"children":7654},{"class":217,"line":852},[7655,7659,7664,7668,7673],{"type":28,"tag":215,"props":7656,"children":7657},{"style":900},[7658],{"type":34,"value":1000},{"type":28,"tag":215,"props":7660,"children":7661},{"style":1003},[7662],{"type":34,"value":7663}," emit",{"type":28,"tag":215,"props":7665,"children":7666},{"style":1009},[7667],{"type":34,"value":1012},{"type":28,"tag":215,"props":7669,"children":7670},{"style":1015},[7671],{"type":34,"value":7672}," defineEmits",{"type":28,"tag":215,"props":7674,"children":7675},{"style":222},[7676],{"type":34,"value":7677},"\u003C{\n",{"type":28,"tag":215,"props":7679,"children":7680},{"class":217,"line":860},[7681,7685,7689,7693,7698,7702,7707,7711,7715,7720,7725],{"type":28,"tag":215,"props":7682,"children":7683},{"style":222},[7684],{"type":34,"value":1152},{"type":28,"tag":215,"props":7686,"children":7687},{"style":1120},[7688],{"type":34,"value":1123},{"type":28,"tag":215,"props":7690,"children":7691},{"style":222},[7692],{"type":34,"value":1128},{"type":28,"tag":215,"props":7694,"children":7695},{"style":290},[7696],{"type":34,"value":7697},"'update:modelValue'",{"type":28,"tag":215,"props":7699,"children":7700},{"style":222},[7701],{"type":34,"value":96},{"type":28,"tag":215,"props":7703,"children":7704},{"style":1120},[7705],{"type":34,"value":7706},"isOpen",{"type":28,"tag":215,"props":7708,"children":7709},{"style":222},[7710],{"type":34,"value":1128},{"type":28,"tag":215,"props":7712,"children":7713},{"style":1003},[7714],{"type":34,"value":6386},{"type":28,"tag":215,"props":7716,"children":7717},{"style":222},[7718],{"type":34,"value":7719},"): ",{"type":28,"tag":215,"props":7721,"children":7722},{"style":1003},[7723],{"type":34,"value":7724},"void",{"type":28,"tag":215,"props":7726,"children":7727},{"style":222},[7728],{"type":34,"value":949},{"type":28,"tag":215,"props":7730,"children":7731},{"class":217,"line":896},[7732],{"type":28,"tag":215,"props":7733,"children":7734},{"style":222},[7735],{"type":34,"value":7736},"}>();\n",{"type":28,"tag":215,"props":7738,"children":7739},{"class":217,"line":952},[7740],{"type":28,"tag":215,"props":7741,"children":7742},{"emptyLinePlaceholder":9},[7743],{"type":34,"value":554},{"type":28,"tag":215,"props":7745,"children":7746},{"class":217,"line":986},[7747,7751,7755,7759,7763],{"type":28,"tag":215,"props":7748,"children":7749},{"style":900},[7750],{"type":34,"value":1000},{"type":28,"tag":215,"props":7752,"children":7753},{"style":1003},[7754],{"type":34,"value":3788},{"type":28,"tag":215,"props":7756,"children":7757},{"style":1009},[7758],{"type":34,"value":1012},{"type":28,"tag":215,"props":7760,"children":7761},{"style":1015},[7762],{"type":34,"value":1018},{"type":28,"tag":215,"props":7764,"children":7765},{"style":222},[7766],{"type":34,"value":3801},{"type":28,"tag":215,"props":7768,"children":7769},{"class":217,"line":994},[7770],{"type":28,"tag":215,"props":7771,"children":7772},{"emptyLinePlaceholder":9},[7773],{"type":34,"value":554},{"type":28,"tag":215,"props":7775,"children":7776},{"class":217,"line":1063},[7777,7781,7785,7789,7794,7798],{"type":28,"tag":215,"props":7778,"children":7779},{"style":1015},[7780],{"type":34,"value":6302},{"type":28,"tag":215,"props":7782,"children":7783},{"style":222},[7784],{"type":34,"value":1086},{"type":28,"tag":215,"props":7786,"children":7787},{"style":228},[7788],{"type":34,"value":3953},{"type":28,"tag":215,"props":7790,"children":7791},{"style":222},[7792],{"type":34,"value":7793},", () ",{"type":28,"tag":215,"props":7795,"children":7796},{"style":900},[7797],{"type":34,"value":1586},{"type":28,"tag":215,"props":7799,"children":7800},{"style":222},[7801],{"type":34,"value":1591},{"type":28,"tag":215,"props":7803,"children":7804},{"class":217,"line":1098},[7805,7810,7814,7818,7822,7826,7830,7835],{"type":28,"tag":215,"props":7806,"children":7807},{"style":900},[7808],{"type":34,"value":7809},"  if",{"type":28,"tag":215,"props":7811,"children":7812},{"style":222},[7813],{"type":34,"value":1117},{"type":28,"tag":215,"props":7815,"children":7816},{"style":1003},[7817],{"type":34,"value":177},{"type":28,"tag":215,"props":7819,"children":7820},{"style":222},[7821],{"type":34,"value":118},{"type":28,"tag":215,"props":7823,"children":7824},{"style":228},[7825],{"type":34,"value":1165},{"type":28,"tag":215,"props":7827,"children":7828},{"style":222},[7829],{"type":34,"value":1138},{"type":28,"tag":215,"props":7831,"children":7832},{"style":900},[7833],{"type":34,"value":7834},"return",{"type":28,"tag":215,"props":7836,"children":7837},{"style":222},[7838],{"type":34,"value":949},{"type":28,"tag":215,"props":7840,"children":7841},{"class":217,"line":1146},[7842,7847,7851,7855,7859,7863],{"type":28,"tag":215,"props":7843,"children":7844},{"style":1015},[7845],{"type":34,"value":7846},"  emit",{"type":28,"tag":215,"props":7848,"children":7849},{"style":222},[7850],{"type":34,"value":1086},{"type":28,"tag":215,"props":7852,"children":7853},{"style":290},[7854],{"type":34,"value":7697},{"type":28,"tag":215,"props":7856,"children":7857},{"style":222},[7858],{"type":34,"value":96},{"type":28,"tag":215,"props":7860,"children":7861},{"style":279},[7862],{"type":34,"value":1091},{"type":28,"tag":215,"props":7864,"children":7865},{"style":222},[7866],{"type":34,"value":1060},{"type":28,"tag":215,"props":7868,"children":7869},{"class":217,"line":1221},[7870],{"type":28,"tag":215,"props":7871,"children":7872},{"style":222},[7873],{"type":34,"value":7516},{"type":28,"tag":215,"props":7875,"children":7876},{"class":217,"line":2337},[7877],{"type":28,"tag":215,"props":7878,"children":7879},{"emptyLinePlaceholder":9},[7880],{"type":34,"value":554},{"type":28,"tag":215,"props":7882,"children":7883},{"class":217,"line":2361},[7884,7888,7893,7897,7902,7906],{"type":28,"tag":215,"props":7885,"children":7886},{"style":900},[7887],{"type":34,"value":1000},{"type":28,"tag":215,"props":7889,"children":7890},{"style":1015},[7891],{"type":34,"value":7892}," onEscKeyDown",{"type":28,"tag":215,"props":7894,"children":7895},{"style":1009},[7896],{"type":34,"value":1012},{"type":28,"tag":215,"props":7898,"children":7899},{"style":222},[7900],{"type":34,"value":7901}," () ",{"type":28,"tag":215,"props":7903,"children":7904},{"style":900},[7905],{"type":34,"value":1586},{"type":28,"tag":215,"props":7907,"children":7908},{"style":222},[7909],{"type":34,"value":1591},{"type":28,"tag":215,"props":7911,"children":7912},{"class":217,"line":2377},[7913,7917,7921,7925,7929,7933,7937,7941],{"type":28,"tag":215,"props":7914,"children":7915},{"style":900},[7916],{"type":34,"value":7809},{"type":28,"tag":215,"props":7918,"children":7919},{"style":222},[7920],{"type":34,"value":1117},{"type":28,"tag":215,"props":7922,"children":7923},{"style":1003},[7924],{"type":34,"value":185},{"type":28,"tag":215,"props":7926,"children":7927},{"style":222},[7928],{"type":34,"value":118},{"type":28,"tag":215,"props":7930,"children":7931},{"style":228},[7932],{"type":34,"value":1165},{"type":28,"tag":215,"props":7934,"children":7935},{"style":222},[7936],{"type":34,"value":1138},{"type":28,"tag":215,"props":7938,"children":7939},{"style":900},[7940],{"type":34,"value":7834},{"type":28,"tag":215,"props":7942,"children":7943},{"style":222},[7944],{"type":34,"value":949},{"type":28,"tag":215,"props":7946,"children":7947},{"class":217,"line":2393},[7948,7952,7956,7960,7964,7968],{"type":28,"tag":215,"props":7949,"children":7950},{"style":1015},[7951],{"type":34,"value":7846},{"type":28,"tag":215,"props":7953,"children":7954},{"style":222},[7955],{"type":34,"value":1086},{"type":28,"tag":215,"props":7957,"children":7958},{"style":290},[7959],{"type":34,"value":7697},{"type":28,"tag":215,"props":7961,"children":7962},{"style":222},[7963],{"type":34,"value":96},{"type":28,"tag":215,"props":7965,"children":7966},{"style":279},[7967],{"type":34,"value":1091},{"type":28,"tag":215,"props":7969,"children":7970},{"style":222},[7971],{"type":34,"value":1060},{"type":28,"tag":215,"props":7973,"children":7974},{"class":217,"line":2402},[7975],{"type":28,"tag":215,"props":7976,"children":7977},{"style":222},[7978],{"type":34,"value":7979},"};\n",{"type":28,"tag":215,"props":7981,"children":7982},{"class":217,"line":2411},[7983],{"type":28,"tag":215,"props":7984,"children":7985},{"emptyLinePlaceholder":9},[7986],{"type":34,"value":554},{"type":28,"tag":215,"props":7988,"children":7989},{"class":217,"line":3551},[7990,7994,7999,8003,8008,8013,8017],{"type":28,"tag":215,"props":7991,"children":7992},{"style":900},[7993],{"type":34,"value":1000},{"type":28,"tag":215,"props":7995,"children":7996},{"style":1003},[7997],{"type":34,"value":7998}," placementClasses",{"type":28,"tag":215,"props":8000,"children":8001},{"style":1009},[8002],{"type":34,"value":1012},{"type":28,"tag":215,"props":8004,"children":8005},{"style":1015},[8006],{"type":34,"value":8007}," computed",{"type":28,"tag":215,"props":8009,"children":8010},{"style":222},[8011],{"type":34,"value":8012},"(() ",{"type":28,"tag":215,"props":8014,"children":8015},{"style":900},[8016],{"type":34,"value":1586},{"type":28,"tag":215,"props":8018,"children":8019},{"style":222},[8020],{"type":34,"value":8021}," ({\n",{"type":28,"tag":215,"props":8023,"children":8024},{"class":217,"line":3564},[8025,8030,8034,8038,8042,8046,8051,8055,8059,8063],{"type":28,"tag":215,"props":8026,"children":8027},{"style":290},[8028],{"type":34,"value":8029},"  'left-0'",{"type":28,"tag":215,"props":8031,"children":8032},{"style":222},[8033],{"type":34,"value":1128},{"type":28,"tag":215,"props":8035,"children":8036},{"style":1003},[8037],{"type":34,"value":86},{"type":28,"tag":215,"props":8039,"children":8040},{"style":222},[8041],{"type":34,"value":118},{"type":28,"tag":215,"props":8043,"children":8044},{"style":228},[8045],{"type":34,"value":1165},{"type":28,"tag":215,"props":8047,"children":8048},{"style":1009},[8049],{"type":34,"value":8050}," !==",{"type":28,"tag":215,"props":8052,"children":8053},{"style":1003},[8054],{"type":34,"value":1214},{"type":28,"tag":215,"props":8056,"children":8057},{"style":222},[8058],{"type":34,"value":118},{"type":28,"tag":215,"props":8060,"children":8061},{"style":228},[8062],{"type":34,"value":102},{"type":28,"tag":215,"props":8064,"children":8065},{"style":222},[8066],{"type":34,"value":2231},{"type":28,"tag":215,"props":8068,"children":8069},{"class":217,"line":3577},[8070,8075,8079,8083,8087,8091,8095,8099,8103,8107],{"type":28,"tag":215,"props":8071,"children":8072},{"style":290},[8073],{"type":34,"value":8074},"  'right-0'",{"type":28,"tag":215,"props":8076,"children":8077},{"style":222},[8078],{"type":34,"value":1128},{"type":28,"tag":215,"props":8080,"children":8081},{"style":1003},[8082],{"type":34,"value":86},{"type":28,"tag":215,"props":8084,"children":8085},{"style":222},[8086],{"type":34,"value":118},{"type":28,"tag":215,"props":8088,"children":8089},{"style":228},[8090],{"type":34,"value":1165},{"type":28,"tag":215,"props":8092,"children":8093},{"style":1009},[8094],{"type":34,"value":8050},{"type":28,"tag":215,"props":8096,"children":8097},{"style":1003},[8098],{"type":34,"value":1214},{"type":28,"tag":215,"props":8100,"children":8101},{"style":222},[8102],{"type":34,"value":118},{"type":28,"tag":215,"props":8104,"children":8105},{"style":228},[8106],{"type":34,"value":116},{"type":28,"tag":215,"props":8108,"children":8109},{"style":222},[8110],{"type":34,"value":2231},{"type":28,"tag":215,"props":8112,"children":8113},{"class":217,"line":3590},[8114,8119,8123,8127,8131,8135,8139,8143,8147,8151],{"type":28,"tag":215,"props":8115,"children":8116},{"style":290},[8117],{"type":34,"value":8118},"  'top-0'",{"type":28,"tag":215,"props":8120,"children":8121},{"style":222},[8122],{"type":34,"value":1128},{"type":28,"tag":215,"props":8124,"children":8125},{"style":1003},[8126],{"type":34,"value":86},{"type":28,"tag":215,"props":8128,"children":8129},{"style":222},[8130],{"type":34,"value":118},{"type":28,"tag":215,"props":8132,"children":8133},{"style":228},[8134],{"type":34,"value":1165},{"type":28,"tag":215,"props":8136,"children":8137},{"style":1009},[8138],{"type":34,"value":8050},{"type":28,"tag":215,"props":8140,"children":8141},{"style":1003},[8142],{"type":34,"value":1214},{"type":28,"tag":215,"props":8144,"children":8145},{"style":222},[8146],{"type":34,"value":118},{"type":28,"tag":215,"props":8148,"children":8149},{"style":228},[8150],{"type":34,"value":109},{"type":28,"tag":215,"props":8152,"children":8153},{"style":222},[8154],{"type":34,"value":2231},{"type":28,"tag":215,"props":8156,"children":8157},{"class":217,"line":3603},[8158,8163,8167,8171,8175,8179,8183,8187,8191,8195],{"type":28,"tag":215,"props":8159,"children":8160},{"style":290},[8161],{"type":34,"value":8162},"  'bottom-0'",{"type":28,"tag":215,"props":8164,"children":8165},{"style":222},[8166],{"type":34,"value":1128},{"type":28,"tag":215,"props":8168,"children":8169},{"style":1003},[8170],{"type":34,"value":86},{"type":28,"tag":215,"props":8172,"children":8173},{"style":222},[8174],{"type":34,"value":118},{"type":28,"tag":215,"props":8176,"children":8177},{"style":228},[8178],{"type":34,"value":1165},{"type":28,"tag":215,"props":8180,"children":8181},{"style":1009},[8182],{"type":34,"value":8050},{"type":28,"tag":215,"props":8184,"children":8185},{"style":1003},[8186],{"type":34,"value":1214},{"type":28,"tag":215,"props":8188,"children":8189},{"style":222},[8190],{"type":34,"value":118},{"type":28,"tag":215,"props":8192,"children":8193},{"style":228},[8194],{"type":34,"value":94},{"type":28,"tag":215,"props":8196,"children":8197},{"style":222},[8198],{"type":34,"value":2231},{"type":28,"tag":215,"props":8200,"children":8201},{"class":217,"line":3616},[8202],{"type":28,"tag":215,"props":8203,"children":8204},{"style":222},[8205],{"type":34,"value":8206},"}));\n",{"type":28,"tag":215,"props":8208,"children":8209},{"class":217,"line":3629},[8210,8214,8218],{"type":28,"tag":215,"props":8211,"children":8212},{"style":222},[8213],{"type":34,"value":841},{"type":28,"tag":215,"props":8215,"children":8216},{"style":228},[8217],{"type":34,"value":870},{"type":28,"tag":215,"props":8219,"children":8220},{"style":222},[8221],{"type":34,"value":235},{"type":28,"tag":215,"props":8223,"children":8224},{"class":217,"line":3650},[8225],{"type":28,"tag":215,"props":8226,"children":8227},{"emptyLinePlaceholder":9},[8228],{"type":34,"value":554},{"type":28,"tag":215,"props":8230,"children":8231},{"class":217,"line":3682},[8232,8236,8240],{"type":28,"tag":215,"props":8233,"children":8234},{"style":222},[8235],{"type":34,"value":225},{"type":28,"tag":215,"props":8237,"children":8238},{"style":228},[8239],{"type":34,"value":41},{"type":28,"tag":215,"props":8241,"children":8242},{"style":222},[8243],{"type":34,"value":235},{"type":28,"tag":215,"props":8245,"children":8246},{"class":217,"line":3690},[8247,8251],{"type":28,"tag":215,"props":8248,"children":8249},{"style":222},[8250],{"type":34,"value":244},{"type":28,"tag":215,"props":8252,"children":8253},{"style":228},[8254],{"type":34,"value":8255},"component\n",{"type":28,"tag":215,"props":8257,"children":8258},{"class":217,"line":3746},[8259,8264,8268],{"type":28,"tag":215,"props":8260,"children":8261},{"style":279},[8262],{"type":34,"value":8263},"    v-if",{"type":28,"tag":215,"props":8265,"children":8266},{"style":222},[8267],{"type":34,"value":287},{"type":28,"tag":215,"props":8269,"children":8270},{"style":290},[8271],{"type":34,"value":8272},"\"modelValue\"\n",{"type":28,"tag":215,"props":8274,"children":8275},{"class":217,"line":3778},[8276,8281,8285],{"type":28,"tag":215,"props":8277,"children":8278},{"style":279},[8279],{"type":34,"value":8280},"    :is",{"type":28,"tag":215,"props":8282,"children":8283},{"style":222},[8284],{"type":34,"value":287},{"type":28,"tag":215,"props":8286,"children":8287},{"style":290},[8288],{"type":34,"value":8289},"\"tag\"\n",{"type":28,"tag":215,"props":8291,"children":8292},{"class":217,"line":3804},[8293,8298,8302],{"type":28,"tag":215,"props":8294,"children":8295},{"style":279},[8296],{"type":34,"value":8297},"    ref",{"type":28,"tag":215,"props":8299,"children":8300},{"style":222},[8301],{"type":34,"value":287},{"type":28,"tag":215,"props":8303,"children":8304},{"style":290},[8305],{"type":34,"value":2917},{"type":28,"tag":215,"props":8307,"children":8308},{"class":217,"line":3812},[8309,8313,8317],{"type":28,"tag":215,"props":8310,"children":8311},{"style":279},[8312],{"type":34,"value":594},{"type":28,"tag":215,"props":8314,"children":8315},{"style":222},[8316],{"type":34,"value":287},{"type":28,"tag":215,"props":8318,"children":8319},{"style":290},[8320],{"type":34,"value":8321},"\"twMerge('fixed', placementClasses, $attrs.class)\"\n",{"type":28,"tag":215,"props":8323,"children":8324},{"class":217,"line":3838},[8325,8330,8334],{"type":28,"tag":215,"props":8326,"children":8327},{"style":279},[8328],{"type":34,"value":8329},"    data-testid",{"type":28,"tag":215,"props":8331,"children":8332},{"style":222},[8333],{"type":34,"value":287},{"type":28,"tag":215,"props":8335,"children":8336},{"style":290},[8337],{"type":34,"value":8338},"\"drawer\"\n",{"type":28,"tag":215,"props":8340,"children":8341},{"class":217,"line":3881},[8342,8347,8351],{"type":28,"tag":215,"props":8343,"children":8344},{"style":279},[8345],{"type":34,"value":8346},"    tabindex",{"type":28,"tag":215,"props":8348,"children":8349},{"style":222},[8350],{"type":34,"value":287},{"type":28,"tag":215,"props":8352,"children":8353},{"style":290},[8354],{"type":34,"value":8355},"\"-1\"\n",{"type":28,"tag":215,"props":8357,"children":8358},{"class":217,"line":3923},[8359,8364,8368],{"type":28,"tag":215,"props":8360,"children":8361},{"style":279},[8362],{"type":34,"value":8363},"    v-bind",{"type":28,"tag":215,"props":8365,"children":8366},{"style":222},[8367],{"type":34,"value":287},{"type":28,"tag":215,"props":8369,"children":8370},{"style":290},[8371],{"type":34,"value":8372},"\"attrsWithoutClass\"\n",{"type":28,"tag":215,"props":8374,"children":8375},{"class":217,"line":3931},[8376,8381,8385],{"type":28,"tag":215,"props":8377,"children":8378},{"style":279},[8379],{"type":34,"value":8380},"    @keydown.esc",{"type":28,"tag":215,"props":8382,"children":8383},{"style":222},[8384],{"type":34,"value":287},{"type":28,"tag":215,"props":8386,"children":8387},{"style":290},[8388],{"type":34,"value":8389},"\"onEscKeyDown\"\n",{"type":28,"tag":215,"props":8391,"children":8392},{"class":217,"line":3939},[8393],{"type":28,"tag":215,"props":8394,"children":8395},{"style":222},[8396],{"type":34,"value":684},{"type":28,"tag":215,"props":8398,"children":8399},{"class":217,"line":3979},[8400,8404,8409,8415],{"type":28,"tag":215,"props":8401,"children":8402},{"style":222},[8403],{"type":34,"value":271},{"type":28,"tag":215,"props":8405,"children":8406},{"style":228},[8407],{"type":34,"value":8408},"slot",{"type":28,"tag":215,"props":8410,"children":8412},{"style":8411},"--shiki-default:#FFFFFF",[8413],{"type":34,"value":8414}," \u002F",{"type":28,"tag":215,"props":8416,"children":8417},{"style":222},[8418],{"type":34,"value":235},{"type":28,"tag":215,"props":8420,"children":8421},{"class":217,"line":5753},[8422,8426,8431],{"type":28,"tag":215,"props":8423,"children":8424},{"style":222},[8425],{"type":34,"value":497},{"type":28,"tag":215,"props":8427,"children":8428},{"style":228},[8429],{"type":34,"value":8430},"component",{"type":28,"tag":215,"props":8432,"children":8433},{"style":222},[8434],{"type":34,"value":235},{"type":28,"tag":215,"props":8436,"children":8437},{"class":217,"line":5782},[8438,8442,8446],{"type":28,"tag":215,"props":8439,"children":8440},{"style":222},[8441],{"type":34,"value":841},{"type":28,"tag":215,"props":8443,"children":8444},{"style":228},[8445],{"type":34,"value":41},{"type":28,"tag":215,"props":8447,"children":8448},{"style":222},[8449],{"type":34,"value":235},{"type":28,"tag":136,"props":8451,"children":8452},{},[8453],{"type":28,"tag":205,"props":8454,"children":8456},{"className":1240,"code":8455,"language":1242,"meta":7,"style":7},"'use client';\nimport { useRef } from 'react';\nimport { useClickAway } from 'react-use';\nimport { SfDrawerPlacement, polymorphicForwardRef, mergeRefs, twMerge } from '@storefront-ui\u002Freact';\nimport type { SfDrawerProps } from '@storefront-ui\u002Freact';\n\nconst defaultDrawerTag = 'aside';\n\nconst placementClasses = (placementValue: SfDrawerProps['placement']) => ({\n  'left-0': placementValue !== SfDrawerPlacement.right,\n  'right-0': placementValue !== SfDrawerPlacement.left,\n  'top-0': placementValue !== SfDrawerPlacement.bottom,\n  'bottom-0': placementValue !== SfDrawerPlacement.top,\n});\n\nconst SfDrawer = polymorphicForwardRef\u003Ctypeof defaultDrawerTag, SfDrawerProps>(\n  (\n    {\n      as,\n      open,\n      placement = SfDrawerPlacement.left,\n      disableClickAway,\n      disableEsc,\n      onClose,\n      className,\n      children,\n      ...attributes\n    },\n    ref,\n  ) => {\n    const Tag = as || defaultDrawerTag;\n    const drawerRef = useRef(null);\n    useClickAway(drawerRef, () => {\n      if (disableClickAway) return;\n      onClose?.();\n    });\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (disableEsc) return;\n      if (event.key === 'Escape') {\n        onClose?.();\n      }\n    };\n\n    return open ? (\n      \u003CTag\n        ref={mergeRefs([drawerRef, ref])}\n        className={twMerge('fixed', placementClasses(placement), className)}\n        tabIndex=\"-1\"\n        data-testid=\"drawer\"\n        {...attributes}\n        onKeyDown={onKeyDown}\n      >\n        {children}\n      \u003C\u002FTag>\n    ) : null;\n  },\n);\n\nexport default SfDrawer;\n\n",[8457],{"type":28,"tag":49,"props":8458,"children":8459},{"__ignoreMap":7},[8460,8472,8503,8536,8593,8629,8636,8661,8668,8721,8756,8791,8826,8861,8868,8875,8922,8930,8938,8950,8962,8990,9002,9014,9026,9038,9050,9063,9071,9082,9098,9131,9162,9190,9218,9230,9238,9245,9290,9317,9355,9366,9374,9382,9389,9410,9422,9468,9531,9547,9563,9584,9609,9616,9631,9647,9669,9676,9683,9690],{"type":28,"tag":215,"props":8461,"children":8462},{"class":217,"line":218},[8463,8468],{"type":28,"tag":215,"props":8464,"children":8465},{"style":290},[8466],{"type":34,"value":8467},"'use client'",{"type":28,"tag":215,"props":8469,"children":8470},{"style":222},[8471],{"type":34,"value":949},{"type":28,"tag":215,"props":8473,"children":8474},{"class":217,"line":238},[8475,8479,8483,8487,8491,8495,8499],{"type":28,"tag":215,"props":8476,"children":8477},{"style":900},[8478],{"type":34,"value":903},{"type":28,"tag":215,"props":8480,"children":8481},{"style":222},[8482],{"type":34,"value":908},{"type":28,"tag":215,"props":8484,"children":8485},{"style":228},[8486],{"type":34,"value":4133},{"type":28,"tag":215,"props":8488,"children":8489},{"style":222},[8490],{"type":34,"value":934},{"type":28,"tag":215,"props":8492,"children":8493},{"style":900},[8494],{"type":34,"value":939},{"type":28,"tag":215,"props":8496,"children":8497},{"style":290},[8498],{"type":34,"value":1338},{"type":28,"tag":215,"props":8500,"children":8501},{"style":222},[8502],{"type":34,"value":949},{"type":28,"tag":215,"props":8504,"children":8505},{"class":217,"line":256},[8506,8510,8514,8519,8523,8527,8532],{"type":28,"tag":215,"props":8507,"children":8508},{"style":900},[8509],{"type":34,"value":903},{"type":28,"tag":215,"props":8511,"children":8512},{"style":222},[8513],{"type":34,"value":908},{"type":28,"tag":215,"props":8515,"children":8516},{"style":228},[8517],{"type":34,"value":8518},"useClickAway",{"type":28,"tag":215,"props":8520,"children":8521},{"style":222},[8522],{"type":34,"value":934},{"type":28,"tag":215,"props":8524,"children":8525},{"style":900},[8526],{"type":34,"value":939},{"type":28,"tag":215,"props":8528,"children":8529},{"style":290},[8530],{"type":34,"value":8531}," 'react-use'",{"type":28,"tag":215,"props":8533,"children":8534},{"style":222},[8535],{"type":34,"value":949},{"type":28,"tag":215,"props":8537,"children":8538},{"class":217,"line":265},[8539,8543,8547,8551,8555,8560,8564,8569,8573,8577,8581,8585,8589],{"type":28,"tag":215,"props":8540,"children":8541},{"style":900},[8542],{"type":34,"value":903},{"type":28,"tag":215,"props":8544,"children":8545},{"style":222},[8546],{"type":34,"value":908},{"type":28,"tag":215,"props":8548,"children":8549},{"style":228},[8550],{"type":34,"value":921},{"type":28,"tag":215,"props":8552,"children":8553},{"style":222},[8554],{"type":34,"value":96},{"type":28,"tag":215,"props":8556,"children":8557},{"style":228},[8558],{"type":34,"value":8559},"polymorphicForwardRef",{"type":28,"tag":215,"props":8561,"children":8562},{"style":222},[8563],{"type":34,"value":96},{"type":28,"tag":215,"props":8565,"children":8566},{"style":228},[8567],{"type":34,"value":8568},"mergeRefs",{"type":28,"tag":215,"props":8570,"children":8571},{"style":222},[8572],{"type":34,"value":96},{"type":28,"tag":215,"props":8574,"children":8575},{"style":228},[8576],{"type":34,"value":7079},{"type":28,"tag":215,"props":8578,"children":8579},{"style":222},[8580],{"type":34,"value":934},{"type":28,"tag":215,"props":8582,"children":8583},{"style":900},[8584],{"type":34,"value":939},{"type":28,"tag":215,"props":8586,"children":8587},{"style":290},[8588],{"type":34,"value":1296},{"type":28,"tag":215,"props":8590,"children":8591},{"style":222},[8592],{"type":34,"value":949},{"type":28,"tag":215,"props":8594,"children":8595},{"class":217,"line":314},[8596,8600,8605,8609,8613,8617,8621,8625],{"type":28,"tag":215,"props":8597,"children":8598},{"style":900},[8599],{"type":34,"value":903},{"type":28,"tag":215,"props":8601,"children":8602},{"style":900},[8603],{"type":34,"value":8604}," type",{"type":28,"tag":215,"props":8606,"children":8607},{"style":222},[8608],{"type":34,"value":908},{"type":28,"tag":215,"props":8610,"children":8611},{"style":228},[8612],{"type":34,"value":1501},{"type":28,"tag":215,"props":8614,"children":8615},{"style":222},[8616],{"type":34,"value":934},{"type":28,"tag":215,"props":8618,"children":8619},{"style":900},[8620],{"type":34,"value":939},{"type":28,"tag":215,"props":8622,"children":8623},{"style":290},[8624],{"type":34,"value":1296},{"type":28,"tag":215,"props":8626,"children":8627},{"style":222},[8628],{"type":34,"value":949},{"type":28,"tag":215,"props":8630,"children":8631},{"class":217,"line":355},[8632],{"type":28,"tag":215,"props":8633,"children":8634},{"emptyLinePlaceholder":9},[8635],{"type":34,"value":554},{"type":28,"tag":215,"props":8637,"children":8638},{"class":217,"line":393},[8639,8643,8648,8652,8657],{"type":28,"tag":215,"props":8640,"children":8641},{"style":900},[8642],{"type":34,"value":1000},{"type":28,"tag":215,"props":8644,"children":8645},{"style":1003},[8646],{"type":34,"value":8647}," defaultDrawerTag",{"type":28,"tag":215,"props":8649,"children":8650},{"style":1009},[8651],{"type":34,"value":1012},{"type":28,"tag":215,"props":8653,"children":8654},{"style":290},[8655],{"type":34,"value":8656}," 'aside'",{"type":28,"tag":215,"props":8658,"children":8659},{"style":222},[8660],{"type":34,"value":949},{"type":28,"tag":215,"props":8662,"children":8663},{"class":217,"line":431},[8664],{"type":28,"tag":215,"props":8665,"children":8666},{"emptyLinePlaceholder":9},[8667],{"type":34,"value":554},{"type":28,"tag":215,"props":8669,"children":8670},{"class":217,"line":474},[8671,8675,8679,8683,8687,8692,8696,8700,8704,8708,8713,8717],{"type":28,"tag":215,"props":8672,"children":8673},{"style":900},[8674],{"type":34,"value":1000},{"type":28,"tag":215,"props":8676,"children":8677},{"style":1015},[8678],{"type":34,"value":7998},{"type":28,"tag":215,"props":8680,"children":8681},{"style":1009},[8682],{"type":34,"value":1012},{"type":28,"tag":215,"props":8684,"children":8685},{"style":222},[8686],{"type":34,"value":1117},{"type":28,"tag":215,"props":8688,"children":8689},{"style":1120},[8690],{"type":34,"value":8691},"placementValue",{"type":28,"tag":215,"props":8693,"children":8694},{"style":222},[8695],{"type":34,"value":1128},{"type":28,"tag":215,"props":8697,"children":8698},{"style":1003},[8699],{"type":34,"value":1501},{"type":28,"tag":215,"props":8701,"children":8702},{"style":222},[8703],{"type":34,"value":1506},{"type":28,"tag":215,"props":8705,"children":8706},{"style":290},[8707],{"type":34,"value":1511},{"type":28,"tag":215,"props":8709,"children":8710},{"style":222},[8711],{"type":34,"value":8712},"]) ",{"type":28,"tag":215,"props":8714,"children":8715},{"style":900},[8716],{"type":34,"value":1586},{"type":28,"tag":215,"props":8718,"children":8719},{"style":222},[8720],{"type":34,"value":8021},{"type":28,"tag":215,"props":8722,"children":8723},{"class":217,"line":491},[8724,8728,8732,8736,8740,8744,8748,8752],{"type":28,"tag":215,"props":8725,"children":8726},{"style":290},[8727],{"type":34,"value":8029},{"type":28,"tag":215,"props":8729,"children":8730},{"style":222},[8731],{"type":34,"value":1128},{"type":28,"tag":215,"props":8733,"children":8734},{"style":228},[8735],{"type":34,"value":8691},{"type":28,"tag":215,"props":8737,"children":8738},{"style":1009},[8739],{"type":34,"value":8050},{"type":28,"tag":215,"props":8741,"children":8742},{"style":1003},[8743],{"type":34,"value":1214},{"type":28,"tag":215,"props":8745,"children":8746},{"style":222},[8747],{"type":34,"value":118},{"type":28,"tag":215,"props":8749,"children":8750},{"style":228},[8751],{"type":34,"value":102},{"type":28,"tag":215,"props":8753,"children":8754},{"style":222},[8755],{"type":34,"value":2231},{"type":28,"tag":215,"props":8757,"children":8758},{"class":217,"line":508},[8759,8763,8767,8771,8775,8779,8783,8787],{"type":28,"tag":215,"props":8760,"children":8761},{"style":290},[8762],{"type":34,"value":8074},{"type":28,"tag":215,"props":8764,"children":8765},{"style":222},[8766],{"type":34,"value":1128},{"type":28,"tag":215,"props":8768,"children":8769},{"style":228},[8770],{"type":34,"value":8691},{"type":28,"tag":215,"props":8772,"children":8773},{"style":1009},[8774],{"type":34,"value":8050},{"type":28,"tag":215,"props":8776,"children":8777},{"style":1003},[8778],{"type":34,"value":1214},{"type":28,"tag":215,"props":8780,"children":8781},{"style":222},[8782],{"type":34,"value":118},{"type":28,"tag":215,"props":8784,"children":8785},{"style":228},[8786],{"type":34,"value":116},{"type":28,"tag":215,"props":8788,"children":8789},{"style":222},[8790],{"type":34,"value":2231},{"type":28,"tag":215,"props":8792,"children":8793},{"class":217,"line":548},[8794,8798,8802,8806,8810,8814,8818,8822],{"type":28,"tag":215,"props":8795,"children":8796},{"style":290},[8797],{"type":34,"value":8118},{"type":28,"tag":215,"props":8799,"children":8800},{"style":222},[8801],{"type":34,"value":1128},{"type":28,"tag":215,"props":8803,"children":8804},{"style":228},[8805],{"type":34,"value":8691},{"type":28,"tag":215,"props":8807,"children":8808},{"style":1009},[8809],{"type":34,"value":8050},{"type":28,"tag":215,"props":8811,"children":8812},{"style":1003},[8813],{"type":34,"value":1214},{"type":28,"tag":215,"props":8815,"children":8816},{"style":222},[8817],{"type":34,"value":118},{"type":28,"tag":215,"props":8819,"children":8820},{"style":228},[8821],{"type":34,"value":109},{"type":28,"tag":215,"props":8823,"children":8824},{"style":222},[8825],{"type":34,"value":2231},{"type":28,"tag":215,"props":8827,"children":8828},{"class":217,"line":557},[8829,8833,8837,8841,8845,8849,8853,8857],{"type":28,"tag":215,"props":8830,"children":8831},{"style":290},[8832],{"type":34,"value":8162},{"type":28,"tag":215,"props":8834,"children":8835},{"style":222},[8836],{"type":34,"value":1128},{"type":28,"tag":215,"props":8838,"children":8839},{"style":228},[8840],{"type":34,"value":8691},{"type":28,"tag":215,"props":8842,"children":8843},{"style":1009},[8844],{"type":34,"value":8050},{"type":28,"tag":215,"props":8846,"children":8847},{"style":1003},[8848],{"type":34,"value":1214},{"type":28,"tag":215,"props":8850,"children":8851},{"style":222},[8852],{"type":34,"value":118},{"type":28,"tag":215,"props":8854,"children":8855},{"style":228},[8856],{"type":34,"value":94},{"type":28,"tag":215,"props":8858,"children":8859},{"style":222},[8860],{"type":34,"value":2231},{"type":28,"tag":215,"props":8862,"children":8863},{"class":217,"line":570},[8864],{"type":28,"tag":215,"props":8865,"children":8866},{"style":222},[8867],{"type":34,"value":7516},{"type":28,"tag":215,"props":8869,"children":8870},{"class":217,"line":588},[8871],{"type":28,"tag":215,"props":8872,"children":8873},{"emptyLinePlaceholder":9},[8874],{"type":34,"value":554},{"type":28,"tag":215,"props":8876,"children":8877},{"class":217,"line":606},[8878,8882,8887,8891,8896,8900,8905,8909,8913,8917],{"type":28,"tag":215,"props":8879,"children":8880},{"style":900},[8881],{"type":34,"value":1000},{"type":28,"tag":215,"props":8883,"children":8884},{"style":1003},[8885],{"type":34,"value":8886}," SfDrawer",{"type":28,"tag":215,"props":8888,"children":8889},{"style":1009},[8890],{"type":34,"value":1012},{"type":28,"tag":215,"props":8892,"children":8893},{"style":1015},[8894],{"type":34,"value":8895}," polymorphicForwardRef",{"type":28,"tag":215,"props":8897,"children":8898},{"style":222},[8899],{"type":34,"value":225},{"type":28,"tag":215,"props":8901,"children":8902},{"style":900},[8903],{"type":34,"value":8904},"typeof",{"type":28,"tag":215,"props":8906,"children":8907},{"style":228},[8908],{"type":34,"value":8647},{"type":28,"tag":215,"props":8910,"children":8911},{"style":222},[8912],{"type":34,"value":96},{"type":28,"tag":215,"props":8914,"children":8915},{"style":1003},[8916],{"type":34,"value":1501},{"type":28,"tag":215,"props":8918,"children":8919},{"style":222},[8920],{"type":34,"value":8921},">(\n",{"type":28,"tag":215,"props":8923,"children":8924},{"class":217,"line":615},[8925],{"type":28,"tag":215,"props":8926,"children":8927},{"style":222},[8928],{"type":34,"value":8929},"  (\n",{"type":28,"tag":215,"props":8931,"children":8932},{"class":217,"line":624},[8933],{"type":28,"tag":215,"props":8934,"children":8935},{"style":222},[8936],{"type":34,"value":8937},"    {\n",{"type":28,"tag":215,"props":8939,"children":8940},{"class":217,"line":633},[8941,8946],{"type":28,"tag":215,"props":8942,"children":8943},{"style":228},[8944],{"type":34,"value":8945},"      as",{"type":28,"tag":215,"props":8947,"children":8948},{"style":222},[8949],{"type":34,"value":2231},{"type":28,"tag":215,"props":8951,"children":8952},{"class":217,"line":642},[8953,8958],{"type":28,"tag":215,"props":8954,"children":8955},{"style":228},[8956],{"type":34,"value":8957},"      open",{"type":28,"tag":215,"props":8959,"children":8960},{"style":222},[8961],{"type":34,"value":2231},{"type":28,"tag":215,"props":8963,"children":8964},{"class":217,"line":651},[8965,8970,8974,8978,8982,8986],{"type":28,"tag":215,"props":8966,"children":8967},{"style":228},[8968],{"type":34,"value":8969},"      placement",{"type":28,"tag":215,"props":8971,"children":8972},{"style":1009},[8973],{"type":34,"value":1012},{"type":28,"tag":215,"props":8975,"children":8976},{"style":1003},[8977],{"type":34,"value":1214},{"type":28,"tag":215,"props":8979,"children":8980},{"style":222},[8981],{"type":34,"value":118},{"type":28,"tag":215,"props":8983,"children":8984},{"style":228},[8985],{"type":34,"value":116},{"type":28,"tag":215,"props":8987,"children":8988},{"style":222},[8989],{"type":34,"value":2231},{"type":28,"tag":215,"props":8991,"children":8992},{"class":217,"line":660},[8993,8998],{"type":28,"tag":215,"props":8994,"children":8995},{"style":228},[8996],{"type":34,"value":8997},"      disableClickAway",{"type":28,"tag":215,"props":8999,"children":9000},{"style":222},[9001],{"type":34,"value":2231},{"type":28,"tag":215,"props":9003,"children":9004},{"class":217,"line":678},[9005,9010],{"type":28,"tag":215,"props":9006,"children":9007},{"style":228},[9008],{"type":34,"value":9009},"      disableEsc",{"type":28,"tag":215,"props":9011,"children":9012},{"style":222},[9013],{"type":34,"value":2231},{"type":28,"tag":215,"props":9015,"children":9016},{"class":217,"line":687},[9017,9022],{"type":28,"tag":215,"props":9018,"children":9019},{"style":228},[9020],{"type":34,"value":9021},"      onClose",{"type":28,"tag":215,"props":9023,"children":9024},{"style":222},[9025],{"type":34,"value":2231},{"type":28,"tag":215,"props":9027,"children":9028},{"class":217,"line":704},[9029,9034],{"type":28,"tag":215,"props":9030,"children":9031},{"style":228},[9032],{"type":34,"value":9033},"      className",{"type":28,"tag":215,"props":9035,"children":9036},{"style":222},[9037],{"type":34,"value":2231},{"type":28,"tag":215,"props":9039,"children":9040},{"class":217,"line":733},[9041,9046],{"type":28,"tag":215,"props":9042,"children":9043},{"style":228},[9044],{"type":34,"value":9045},"      children",{"type":28,"tag":215,"props":9047,"children":9048},{"style":222},[9049],{"type":34,"value":2231},{"type":28,"tag":215,"props":9051,"children":9052},{"class":217,"line":742},[9053,9058],{"type":28,"tag":215,"props":9054,"children":9055},{"style":222},[9056],{"type":34,"value":9057},"      ...",{"type":28,"tag":215,"props":9059,"children":9060},{"style":228},[9061],{"type":34,"value":9062},"attributes\n",{"type":28,"tag":215,"props":9064,"children":9065},{"class":217,"line":751},[9066],{"type":28,"tag":215,"props":9067,"children":9068},{"style":222},[9069],{"type":34,"value":9070},"    },\n",{"type":28,"tag":215,"props":9072,"children":9073},{"class":217,"line":760},[9074,9078],{"type":28,"tag":215,"props":9075,"children":9076},{"style":228},[9077],{"type":34,"value":8297},{"type":28,"tag":215,"props":9079,"children":9080},{"style":222},[9081],{"type":34,"value":2231},{"type":28,"tag":215,"props":9083,"children":9084},{"class":217,"line":777},[9085,9090,9094],{"type":28,"tag":215,"props":9086,"children":9087},{"style":222},[9088],{"type":34,"value":9089},"  ) ",{"type":28,"tag":215,"props":9091,"children":9092},{"style":900},[9093],{"type":34,"value":1586},{"type":28,"tag":215,"props":9095,"children":9096},{"style":222},[9097],{"type":34,"value":1591},{"type":28,"tag":215,"props":9099,"children":9100},{"class":217,"line":803},[9101,9106,9111,9115,9119,9123,9127],{"type":28,"tag":215,"props":9102,"children":9103},{"style":900},[9104],{"type":34,"value":9105},"    const",{"type":28,"tag":215,"props":9107,"children":9108},{"style":1003},[9109],{"type":34,"value":9110}," Tag",{"type":28,"tag":215,"props":9112,"children":9113},{"style":1009},[9114],{"type":34,"value":1012},{"type":28,"tag":215,"props":9116,"children":9117},{"style":900},[9118],{"type":34,"value":1191},{"type":28,"tag":215,"props":9120,"children":9121},{"style":1009},[9122],{"type":34,"value":2212},{"type":28,"tag":215,"props":9124,"children":9125},{"style":228},[9126],{"type":34,"value":8647},{"type":28,"tag":215,"props":9128,"children":9129},{"style":222},[9130],{"type":34,"value":949},{"type":28,"tag":215,"props":9132,"children":9133},{"class":217,"line":819},[9134,9138,9142,9146,9150,9154,9158],{"type":28,"tag":215,"props":9135,"children":9136},{"style":900},[9137],{"type":34,"value":9105},{"type":28,"tag":215,"props":9139,"children":9140},{"style":1003},[9141],{"type":34,"value":3788},{"type":28,"tag":215,"props":9143,"children":9144},{"style":1009},[9145],{"type":34,"value":1012},{"type":28,"tag":215,"props":9147,"children":9148},{"style":1015},[9149],{"type":34,"value":4488},{"type":28,"tag":215,"props":9151,"children":9152},{"style":222},[9153],{"type":34,"value":1086},{"type":28,"tag":215,"props":9155,"children":9156},{"style":279},[9157],{"type":34,"value":4525},{"type":28,"tag":215,"props":9159,"children":9160},{"style":222},[9161],{"type":34,"value":1060},{"type":28,"tag":215,"props":9163,"children":9164},{"class":217,"line":835},[9165,9170,9174,9178,9182,9186],{"type":28,"tag":215,"props":9166,"children":9167},{"style":1015},[9168],{"type":34,"value":9169},"    useClickAway",{"type":28,"tag":215,"props":9171,"children":9172},{"style":222},[9173],{"type":34,"value":1086},{"type":28,"tag":215,"props":9175,"children":9176},{"style":228},[9177],{"type":34,"value":3953},{"type":28,"tag":215,"props":9179,"children":9180},{"style":222},[9181],{"type":34,"value":7793},{"type":28,"tag":215,"props":9183,"children":9184},{"style":900},[9185],{"type":34,"value":1586},{"type":28,"tag":215,"props":9187,"children":9188},{"style":222},[9189],{"type":34,"value":1591},{"type":28,"tag":215,"props":9191,"children":9192},{"class":217,"line":852},[9193,9198,9202,9206,9210,9214],{"type":28,"tag":215,"props":9194,"children":9195},{"style":900},[9196],{"type":34,"value":9197},"      if",{"type":28,"tag":215,"props":9199,"children":9200},{"style":222},[9201],{"type":34,"value":1117},{"type":28,"tag":215,"props":9203,"children":9204},{"style":228},[9205],{"type":34,"value":177},{"type":28,"tag":215,"props":9207,"children":9208},{"style":222},[9209],{"type":34,"value":1138},{"type":28,"tag":215,"props":9211,"children":9212},{"style":900},[9213],{"type":34,"value":7834},{"type":28,"tag":215,"props":9215,"children":9216},{"style":222},[9217],{"type":34,"value":949},{"type":28,"tag":215,"props":9219,"children":9220},{"class":217,"line":860},[9221,9225],{"type":28,"tag":215,"props":9222,"children":9223},{"style":1015},[9224],{"type":34,"value":9021},{"type":28,"tag":215,"props":9226,"children":9227},{"style":222},[9228],{"type":34,"value":9229},"?.();\n",{"type":28,"tag":215,"props":9231,"children":9232},{"class":217,"line":896},[9233],{"type":28,"tag":215,"props":9234,"children":9235},{"style":222},[9236],{"type":34,"value":9237},"    });\n",{"type":28,"tag":215,"props":9239,"children":9240},{"class":217,"line":952},[9241],{"type":28,"tag":215,"props":9242,"children":9243},{"emptyLinePlaceholder":9},[9244],{"type":34,"value":554},{"type":28,"tag":215,"props":9246,"children":9247},{"class":217,"line":986},[9248,9252,9257,9261,9265,9269,9273,9278,9282,9286],{"type":28,"tag":215,"props":9249,"children":9250},{"style":900},[9251],{"type":34,"value":9105},{"type":28,"tag":215,"props":9253,"children":9254},{"style":1015},[9255],{"type":34,"value":9256}," onKeyDown",{"type":28,"tag":215,"props":9258,"children":9259},{"style":1009},[9260],{"type":34,"value":1012},{"type":28,"tag":215,"props":9262,"children":9263},{"style":222},[9264],{"type":34,"value":1117},{"type":28,"tag":215,"props":9266,"children":9267},{"style":1120},[9268],{"type":34,"value":1123},{"type":28,"tag":215,"props":9270,"children":9271},{"style":222},[9272],{"type":34,"value":1128},{"type":28,"tag":215,"props":9274,"children":9275},{"style":1003},[9276],{"type":34,"value":9277},"KeyboardEvent",{"type":28,"tag":215,"props":9279,"children":9280},{"style":222},[9281],{"type":34,"value":1138},{"type":28,"tag":215,"props":9283,"children":9284},{"style":900},[9285],{"type":34,"value":1586},{"type":28,"tag":215,"props":9287,"children":9288},{"style":222},[9289],{"type":34,"value":1591},{"type":28,"tag":215,"props":9291,"children":9292},{"class":217,"line":994},[9293,9297,9301,9305,9309,9313],{"type":28,"tag":215,"props":9294,"children":9295},{"style":900},[9296],{"type":34,"value":9197},{"type":28,"tag":215,"props":9298,"children":9299},{"style":222},[9300],{"type":34,"value":1117},{"type":28,"tag":215,"props":9302,"children":9303},{"style":228},[9304],{"type":34,"value":185},{"type":28,"tag":215,"props":9306,"children":9307},{"style":222},[9308],{"type":34,"value":1138},{"type":28,"tag":215,"props":9310,"children":9311},{"style":900},[9312],{"type":34,"value":7834},{"type":28,"tag":215,"props":9314,"children":9315},{"style":222},[9316],{"type":34,"value":949},{"type":28,"tag":215,"props":9318,"children":9319},{"class":217,"line":1063},[9320,9324,9328,9332,9336,9341,9345,9350],{"type":28,"tag":215,"props":9321,"children":9322},{"style":900},[9323],{"type":34,"value":9197},{"type":28,"tag":215,"props":9325,"children":9326},{"style":222},[9327],{"type":34,"value":1117},{"type":28,"tag":215,"props":9329,"children":9330},{"style":1003},[9331],{"type":34,"value":1123},{"type":28,"tag":215,"props":9333,"children":9334},{"style":222},[9335],{"type":34,"value":118},{"type":28,"tag":215,"props":9337,"children":9338},{"style":228},[9339],{"type":34,"value":9340},"key",{"type":28,"tag":215,"props":9342,"children":9343},{"style":1009},[9344],{"type":34,"value":2202},{"type":28,"tag":215,"props":9346,"children":9347},{"style":290},[9348],{"type":34,"value":9349}," 'Escape'",{"type":28,"tag":215,"props":9351,"children":9352},{"style":222},[9353],{"type":34,"value":9354},") {\n",{"type":28,"tag":215,"props":9356,"children":9357},{"class":217,"line":1098},[9358,9362],{"type":28,"tag":215,"props":9359,"children":9360},{"style":1015},[9361],{"type":34,"value":2086},{"type":28,"tag":215,"props":9363,"children":9364},{"style":222},[9365],{"type":34,"value":9229},{"type":28,"tag":215,"props":9367,"children":9368},{"class":217,"line":1146},[9369],{"type":28,"tag":215,"props":9370,"children":9371},{"style":222},[9372],{"type":34,"value":9373},"      }\n",{"type":28,"tag":215,"props":9375,"children":9376},{"class":217,"line":1221},[9377],{"type":28,"tag":215,"props":9378,"children":9379},{"style":222},[9380],{"type":34,"value":9381},"    };\n",{"type":28,"tag":215,"props":9383,"children":9384},{"class":217,"line":2337},[9385],{"type":28,"tag":215,"props":9386,"children":9387},{"emptyLinePlaceholder":9},[9388],{"type":34,"value":554},{"type":28,"tag":215,"props":9390,"children":9391},{"class":217,"line":2361},[9392,9397,9401,9406],{"type":28,"tag":215,"props":9393,"children":9394},{"style":900},[9395],{"type":34,"value":9396},"    return",{"type":28,"tag":215,"props":9398,"children":9399},{"style":228},[9400],{"type":34,"value":1073},{"type":28,"tag":215,"props":9402,"children":9403},{"style":900},[9404],{"type":34,"value":9405}," ?",{"type":28,"tag":215,"props":9407,"children":9408},{"style":222},[9409],{"type":34,"value":1682},{"type":28,"tag":215,"props":9411,"children":9412},{"class":217,"line":2377},[9413,9417],{"type":28,"tag":215,"props":9414,"children":9415},{"style":222},[9416],{"type":34,"value":320},{"type":28,"tag":215,"props":9418,"children":9419},{"style":1003},[9420],{"type":34,"value":9421},"Tag\n",{"type":28,"tag":215,"props":9423,"children":9424},{"class":217,"line":2393},[9425,9430,9434,9438,9442,9447,9451,9455,9459,9464],{"type":28,"tag":215,"props":9426,"children":9427},{"style":1732},[9428],{"type":34,"value":9429},"        ref",{"type":28,"tag":215,"props":9431,"children":9432},{"style":1009},[9433],{"type":34,"value":287},{"type":28,"tag":215,"props":9435,"children":9436},{"style":900},[9437],{"type":34,"value":1744},{"type":28,"tag":215,"props":9439,"children":9440},{"style":1015},[9441],{"type":34,"value":8568},{"type":28,"tag":215,"props":9443,"children":9444},{"style":222},[9445],{"type":34,"value":9446},"([",{"type":28,"tag":215,"props":9448,"children":9449},{"style":228},[9450],{"type":34,"value":3953},{"type":28,"tag":215,"props":9452,"children":9453},{"style":222},[9454],{"type":34,"value":96},{"type":28,"tag":215,"props":9456,"children":9457},{"style":228},[9458],{"type":34,"value":966},{"type":28,"tag":215,"props":9460,"children":9461},{"style":222},[9462],{"type":34,"value":9463},"])",{"type":28,"tag":215,"props":9465,"children":9466},{"style":900},[9467],{"type":34,"value":1754},{"type":28,"tag":215,"props":9469,"children":9470},{"class":217,"line":2402},[9471,9475,9479,9483,9487,9491,9496,9500,9505,9509,9513,9518,9523,9527],{"type":28,"tag":215,"props":9472,"children":9473},{"style":1732},[9474],{"type":34,"value":2154},{"type":28,"tag":215,"props":9476,"children":9477},{"style":1009},[9478],{"type":34,"value":287},{"type":28,"tag":215,"props":9480,"children":9481},{"style":900},[9482],{"type":34,"value":1744},{"type":28,"tag":215,"props":9484,"children":9485},{"style":1015},[9486],{"type":34,"value":7079},{"type":28,"tag":215,"props":9488,"children":9489},{"style":222},[9490],{"type":34,"value":1086},{"type":28,"tag":215,"props":9492,"children":9493},{"style":290},[9494],{"type":34,"value":9495},"'fixed'",{"type":28,"tag":215,"props":9497,"children":9498},{"style":222},[9499],{"type":34,"value":96},{"type":28,"tag":215,"props":9501,"children":9502},{"style":1015},[9503],{"type":34,"value":9504},"placementClasses",{"type":28,"tag":215,"props":9506,"children":9507},{"style":222},[9508],{"type":34,"value":1086},{"type":28,"tag":215,"props":9510,"children":9511},{"style":228},[9512],{"type":34,"value":86},{"type":28,"tag":215,"props":9514,"children":9515},{"style":222},[9516],{"type":34,"value":9517},"), ",{"type":28,"tag":215,"props":9519,"children":9520},{"style":228},[9521],{"type":34,"value":9522},"className",{"type":28,"tag":215,"props":9524,"children":9525},{"style":222},[9526],{"type":34,"value":2019},{"type":28,"tag":215,"props":9528,"children":9529},{"style":900},[9530],{"type":34,"value":1754},{"type":28,"tag":215,"props":9532,"children":9533},{"class":217,"line":2411},[9534,9539,9543],{"type":28,"tag":215,"props":9535,"children":9536},{"style":1732},[9537],{"type":34,"value":9538},"        tabIndex",{"type":28,"tag":215,"props":9540,"children":9541},{"style":1009},[9542],{"type":34,"value":287},{"type":28,"tag":215,"props":9544,"children":9545},{"style":290},[9546],{"type":34,"value":8355},{"type":28,"tag":215,"props":9548,"children":9549},{"class":217,"line":3551},[9550,9555,9559],{"type":28,"tag":215,"props":9551,"children":9552},{"style":1732},[9553],{"type":34,"value":9554},"        data-testid",{"type":28,"tag":215,"props":9556,"children":9557},{"style":1009},[9558],{"type":34,"value":287},{"type":28,"tag":215,"props":9560,"children":9561},{"style":290},[9562],{"type":34,"value":8338},{"type":28,"tag":215,"props":9564,"children":9565},{"class":217,"line":3564},[9566,9570,9575,9580],{"type":28,"tag":215,"props":9567,"children":9568},{"style":900},[9569],{"type":34,"value":4658},{"type":28,"tag":215,"props":9571,"children":9572},{"style":222},[9573],{"type":34,"value":9574},"...",{"type":28,"tag":215,"props":9576,"children":9577},{"style":228},[9578],{"type":34,"value":9579},"attributes",{"type":28,"tag":215,"props":9581,"children":9582},{"style":900},[9583],{"type":34,"value":1754},{"type":28,"tag":215,"props":9585,"children":9586},{"class":217,"line":3577},[9587,9592,9596,9600,9605],{"type":28,"tag":215,"props":9588,"children":9589},{"style":1732},[9590],{"type":34,"value":9591},"        onKeyDown",{"type":28,"tag":215,"props":9593,"children":9594},{"style":1009},[9595],{"type":34,"value":287},{"type":28,"tag":215,"props":9597,"children":9598},{"style":900},[9599],{"type":34,"value":1744},{"type":28,"tag":215,"props":9601,"children":9602},{"style":228},[9603],{"type":34,"value":9604},"onKeyDown",{"type":28,"tag":215,"props":9606,"children":9607},{"style":900},[9608],{"type":34,"value":1754},{"type":28,"tag":215,"props":9610,"children":9611},{"class":217,"line":3590},[9612],{"type":28,"tag":215,"props":9613,"children":9614},{"style":222},[9615],{"type":34,"value":2251},{"type":28,"tag":215,"props":9617,"children":9618},{"class":217,"line":3603},[9619,9623,9627],{"type":28,"tag":215,"props":9620,"children":9621},{"style":900},[9622],{"type":34,"value":4658},{"type":28,"tag":215,"props":9624,"children":9625},{"style":228},[9626],{"type":34,"value":6791},{"type":28,"tag":215,"props":9628,"children":9629},{"style":900},[9630],{"type":34,"value":1754},{"type":28,"tag":215,"props":9632,"children":9633},{"class":217,"line":3616},[9634,9638,9643],{"type":28,"tag":215,"props":9635,"children":9636},{"style":222},[9637],{"type":34,"value":766},{"type":28,"tag":215,"props":9639,"children":9640},{"style":1003},[9641],{"type":34,"value":9642},"Tag",{"type":28,"tag":215,"props":9644,"children":9645},{"style":222},[9646],{"type":34,"value":235},{"type":28,"tag":215,"props":9648,"children":9649},{"class":217,"line":3629},[9650,9655,9660,9665],{"type":28,"tag":215,"props":9651,"children":9652},{"style":222},[9653],{"type":34,"value":9654},"    ) ",{"type":28,"tag":215,"props":9656,"children":9657},{"style":900},[9658],{"type":34,"value":9659},":",{"type":28,"tag":215,"props":9661,"children":9662},{"style":279},[9663],{"type":34,"value":9664}," null",{"type":28,"tag":215,"props":9666,"children":9667},{"style":222},[9668],{"type":34,"value":949},{"type":28,"tag":215,"props":9670,"children":9671},{"class":217,"line":3650},[9672],{"type":28,"tag":215,"props":9673,"children":9674},{"style":222},[9675],{"type":34,"value":7199},{"type":28,"tag":215,"props":9677,"children":9678},{"class":217,"line":3682},[9679],{"type":28,"tag":215,"props":9680,"children":9681},{"style":222},[9682],{"type":34,"value":1060},{"type":28,"tag":215,"props":9684,"children":9685},{"class":217,"line":3690},[9686],{"type":28,"tag":215,"props":9687,"children":9688},{"emptyLinePlaceholder":9},[9689],{"type":34,"value":554},{"type":28,"tag":215,"props":9691,"children":9692},{"class":217,"line":3746},[9693,9697,9701,9705],{"type":28,"tag":215,"props":9694,"children":9695},{"style":900},[9696],{"type":34,"value":1383},{"type":28,"tag":215,"props":9698,"children":9699},{"style":900},[9700],{"type":34,"value":1388},{"type":28,"tag":215,"props":9702,"children":9703},{"style":228},[9704],{"type":34,"value":8886},{"type":28,"tag":215,"props":9706,"children":9707},{"style":222},[9708],{"type":34,"value":949},{"type":28,"tag":9710,"props":9711,"children":9712},"style",{},[9713],{"type":34,"value":9714},"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":314,"depth":238,"links":9716},[9717,9721,9722,9723,9724,9725],{"id":60,"depth":238,"text":63,"children":9718},[9719,9720],{"id":67,"depth":256,"text":70},{"id":2419,"depth":256,"text":2422},{"id":6281,"depth":238,"text":6284},{"id":6307,"depth":238,"text":6310},{"id":6321,"depth":238,"text":6324},{"id":6812,"depth":238,"text":6815},{"id":6857,"depth":238,"text":6860},"markdown","content:_components:drawer.md","_components\u002Fdrawer.md","_components\u002Fdrawer","md",{"nav":9732,"sidebarRoot":9734},[9733,9736,9748],{"title":11,"_path":9734,"_id":13,"layout":9735,"sidebarRoot":9,"icon":12},"\u002F","fullscreen",{"title":9737,"_path":9738,"children":9739,"_id":9747,"layout":6849},"Getting Started","\u002Fgetting-started",[9740,9743],{"title":9741,"_path":9738,"_id":9742,"layout":6849},"Installation","content:2.getting-started:1.index.md",{"title":9744,"_path":9745,"_id":9746,"layout":6849},"Browser support","\u002Fgetting-started\u002Fbrowser-support","content:2.getting-started:2.browser-support.md","content:2.getting-started:_dir.yml",{"title":9749,"_path":9750,"children":9751},"Customization","\u002Fcustomization",[9752,9756,9760,9764],{"title":9753,"_path":9754,"_id":9755,"layout":6849},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":9757,"_path":9758,"_id":9759,"layout":6849},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":9761,"_path":9762,"_id":9763,"layout":6849},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":9765,"_path":9766,"_id":9767,"layout":6849},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574899044]