[{"data":1,"prerenderedAt":7971},["ShallowReactive",2],{"reference":3,"content-query-N9KXw0peGM":4,"sidebar-roots":7923,"$dNTcUNV7nV":7935},null,{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":9,"title":10,"description":9,"body":11,"_type":7917,"_id":7918,"_source":7919,"_file":7920,"_stem":7921,"_extension":7922,"layout":5240},"\u002F_components\u002Fmodal","_components",false,true,"","Modal",{"type":12,"children":13,"toc":7906},"root",[14,22,7900],{"type":15,"tag":16,"props":17,"children":19},"element","h1",{"id":18},"modal",[20],{"type":21,"value":10},"text",{"type":15,"tag":23,"props":24,"children":26},"tabs",{":titles":25},"[\"Usage\", \"API\", \"Source Code\"]",[27,4816,5326],{"type":15,"tag":28,"props":29,"children":30},"template",{"v-slot:tab-1":9},[31,44,56,97,126,133,140,156,173,190,1921,1927,1932,4648,4654,4704,4724,4764,4800,4805,4811],{"type":15,"tag":32,"props":33,"children":34},"p",{},[35,42],{"type":15,"tag":36,"props":37,"children":39},"code",{"className":38},[],[40],{"type":21,"value":41},"SfModal",{"type":21,"value":43}," creates a modal window that opens on top of the main window. This component can be used to display important information that requires user interaction.",{"type":15,"tag":32,"props":45,"children":46},{},[47,49,54],{"type":21,"value":48},"In addition to the UI aspect, ",{"type":15,"tag":36,"props":50,"children":52},{"className":51},[],[53],{"type":21,"value":41},{"type":21,"value":55}," adds additional functionality that implements several best practices:",{"type":15,"tag":57,"props":58,"children":59},"ol",{},[60,79,92],{"type":15,"tag":61,"props":62,"children":63},"li",{},[64,66,77],{"type":21,"value":65},"Traps focus within the modal using the ",{"type":15,"tag":67,"props":68,"children":70},"a",{"href":69},"..\u002Fhooks\u002FuseTrapFocus.html",[71],{"type":15,"tag":36,"props":72,"children":74},{"className":73},[],[75],{"type":21,"value":76},"useTrapFocus",{"type":21,"value":78}," function",{"type":15,"tag":61,"props":80,"children":81},{},[82,84,90],{"type":21,"value":83},"Allows the user to close the modal by pressing the ",{"type":15,"tag":36,"props":85,"children":87},{"className":86},[],[88],{"type":21,"value":89},"Escape",{"type":21,"value":91}," key.",{"type":15,"tag":61,"props":93,"children":94},{},[95],{"type":21,"value":96},"Allows the user to close the modal by clicking outside of it.",{"type":15,"tag":32,"props":98,"children":99},{},[100,102,108,110,116,118,124],{"type":21,"value":101},"The closing behavior can be disabled by setting the ",{"type":15,"tag":36,"props":103,"children":105},{"className":104},[],[106],{"type":21,"value":107},"disableClickAway",{"type":21,"value":109},"\u002F",{"type":15,"tag":36,"props":111,"children":113},{"className":112},[],[114],{"type":21,"value":115},"disableEsc",{"type":21,"value":117}," prop to ",{"type":15,"tag":36,"props":119,"children":121},{"className":120},[],[122],{"type":21,"value":123},"true",{"type":21,"value":125},".",{"type":15,"tag":127,"props":128,"children":130},"h2",{"id":129},"examples",[131],{"type":21,"value":132},"Examples",{"type":15,"tag":134,"props":135,"children":137},"h3",{"id":136},"basic-usage",[138],{"type":21,"value":139},"Basic usage",{"type":15,"tag":141,"props":142,"children":143},"vue-only",{},[144],{"type":15,"tag":32,"props":145,"children":146},{},[147,149,155],{"type":21,"value":148},"The visibility of the modal is controlled by ",{"type":15,"tag":36,"props":150,"children":152},{"className":151},[],[153],{"type":21,"value":154},"v-model",{"type":21,"value":125},{"type":15,"tag":157,"props":158,"children":159},"react-only",{},[160],{"type":15,"tag":32,"props":161,"children":162},{},[163,165,171],{"type":21,"value":164},"The visibility of the modal is controlled by the ",{"type":15,"tag":36,"props":166,"children":168},{"className":167},[],[169],{"type":21,"value":170},"open",{"type":21,"value":172}," prop.",{"type":15,"tag":32,"props":174,"children":175},{},[176,178,188],{"type":21,"value":177},"This example also uses the ",{"type":15,"tag":67,"props":179,"children":181},{"href":180},"..\u002Fhooks\u002FuseDisclosure.html",[182],{"type":15,"tag":36,"props":183,"children":185},{"className":184},[],[186],{"type":21,"value":187},"useDisclosure",{"type":21,"value":189}," function to provide nice controls for handling the modal's visibility.",{"type":15,"tag":191,"props":192,"children":195},"showcase",{"showcase-name":193,"style":194},"Modal\u002FModalBasic","min-height:400px",[196,1067],{"type":15,"tag":141,"props":197,"children":198},{},[199],{"type":15,"tag":200,"props":201,"children":205},"pre",{"className":202,"code":203,"language":204,"meta":9,"style":9},"language-vue shiki shiki-themes one-dark-pro","\u003Ctemplate>\n  \u003CSfButton @click=\"open\">To Checkout\u003C\u002FSfButton>\n\n  \u003CSfModal\n    class=\"max-w-[90%] md:max-w-lg\"\n    tag=\"section\"\n    role=\"alertdialog\"\n    aria-labelledby=\"promoModalTitle\"\n    aria-describedby=\"promoModalDesc\"\n    v-model=\"isOpen\"\n  >\n    \u003Cheader>\n      \u003CSfButton square variant=\"tertiary\" class=\"absolute right-2 top-2\" @click=\"close\">\n        \u003CSfIconClose \u002F>\n      \u003C\u002FSfButton>\n      \u003Ch3 id=\"promoModalTitle\" class=\"font-bold typography-headline-4 md:typography-headline-3\">\n        You might miss out on great deals\n      \u003C\u002Fh3>\n    \u003C\u002Fheader>\n    \u003Cp id=\"promoModalDesc\" class=\"mt-2\">\n      There are special offers for some of the items on your wishlist. Do you want to see these deals before proceeding\n      to checkout page?\n    \u003C\u002Fp>\n    \u003Cfooter class=\"flex justify-end gap-4 mt-4\">\n      \u003CSfButton variant=\"secondary\" @click=\"close\">Skip\u003C\u002FSfButton>\n      \u003CSfButton @click=\"close\">Yes!\u003C\u002FSfButton>\n    \u003C\u002Ffooter>\n  \u003C\u002FSfModal>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfModal, SfButton, SfIconClose, useDisclosure } from '@storefront-ui\u002Fvue';\n\nconst { isOpen, open, close } = useDisclosure({ initialValue: false });\n\u003C\u002Fscript>\n\n","vue",[206],{"type":15,"tag":36,"props":207,"children":208},{"__ignoreMap":9},[209,231,275,284,297,315,333,351,369,387,405,414,432,495,514,531,574,583,599,616,658,667,676,692,722,772,809,825,842,859,867,903,967,975,1051],{"type":15,"tag":210,"props":211,"children":214},"span",{"class":212,"line":213},"line",1,[215,221,226],{"type":15,"tag":210,"props":216,"children":218},{"style":217},"--shiki-default:#ABB2BF",[219],{"type":21,"value":220},"\u003C",{"type":15,"tag":210,"props":222,"children":224},{"style":223},"--shiki-default:#E06C75",[225],{"type":21,"value":28},{"type":15,"tag":210,"props":227,"children":228},{"style":217},[229],{"type":21,"value":230},">\n",{"type":15,"tag":210,"props":232,"children":234},{"class":212,"line":233},2,[235,240,245,251,256,262,267,271],{"type":15,"tag":210,"props":236,"children":237},{"style":217},[238],{"type":21,"value":239},"  \u003C",{"type":15,"tag":210,"props":241,"children":242},{"style":223},[243],{"type":21,"value":244},"SfButton",{"type":15,"tag":210,"props":246,"children":248},{"style":247},"--shiki-default:#D19A66",[249],{"type":21,"value":250}," @click",{"type":15,"tag":210,"props":252,"children":253},{"style":217},[254],{"type":21,"value":255},"=",{"type":15,"tag":210,"props":257,"children":259},{"style":258},"--shiki-default:#98C379",[260],{"type":21,"value":261},"\"open\"",{"type":15,"tag":210,"props":263,"children":264},{"style":217},[265],{"type":21,"value":266},">To Checkout\u003C\u002F",{"type":15,"tag":210,"props":268,"children":269},{"style":223},[270],{"type":21,"value":244},{"type":15,"tag":210,"props":272,"children":273},{"style":217},[274],{"type":21,"value":230},{"type":15,"tag":210,"props":276,"children":278},{"class":212,"line":277},3,[279],{"type":15,"tag":210,"props":280,"children":281},{"emptyLinePlaceholder":8},[282],{"type":21,"value":283},"\n",{"type":15,"tag":210,"props":285,"children":287},{"class":212,"line":286},4,[288,292],{"type":15,"tag":210,"props":289,"children":290},{"style":217},[291],{"type":21,"value":239},{"type":15,"tag":210,"props":293,"children":294},{"style":223},[295],{"type":21,"value":296},"SfModal\n",{"type":15,"tag":210,"props":298,"children":300},{"class":212,"line":299},5,[301,306,310],{"type":15,"tag":210,"props":302,"children":303},{"style":247},[304],{"type":21,"value":305},"    class",{"type":15,"tag":210,"props":307,"children":308},{"style":217},[309],{"type":21,"value":255},{"type":15,"tag":210,"props":311,"children":312},{"style":258},[313],{"type":21,"value":314},"\"max-w-[90%] md:max-w-lg\"\n",{"type":15,"tag":210,"props":316,"children":318},{"class":212,"line":317},6,[319,324,328],{"type":15,"tag":210,"props":320,"children":321},{"style":247},[322],{"type":21,"value":323},"    tag",{"type":15,"tag":210,"props":325,"children":326},{"style":217},[327],{"type":21,"value":255},{"type":15,"tag":210,"props":329,"children":330},{"style":258},[331],{"type":21,"value":332},"\"section\"\n",{"type":15,"tag":210,"props":334,"children":336},{"class":212,"line":335},7,[337,342,346],{"type":15,"tag":210,"props":338,"children":339},{"style":247},[340],{"type":21,"value":341},"    role",{"type":15,"tag":210,"props":343,"children":344},{"style":217},[345],{"type":21,"value":255},{"type":15,"tag":210,"props":347,"children":348},{"style":258},[349],{"type":21,"value":350},"\"alertdialog\"\n",{"type":15,"tag":210,"props":352,"children":354},{"class":212,"line":353},8,[355,360,364],{"type":15,"tag":210,"props":356,"children":357},{"style":247},[358],{"type":21,"value":359},"    aria-labelledby",{"type":15,"tag":210,"props":361,"children":362},{"style":217},[363],{"type":21,"value":255},{"type":15,"tag":210,"props":365,"children":366},{"style":258},[367],{"type":21,"value":368},"\"promoModalTitle\"\n",{"type":15,"tag":210,"props":370,"children":372},{"class":212,"line":371},9,[373,378,382],{"type":15,"tag":210,"props":374,"children":375},{"style":247},[376],{"type":21,"value":377},"    aria-describedby",{"type":15,"tag":210,"props":379,"children":380},{"style":217},[381],{"type":21,"value":255},{"type":15,"tag":210,"props":383,"children":384},{"style":258},[385],{"type":21,"value":386},"\"promoModalDesc\"\n",{"type":15,"tag":210,"props":388,"children":390},{"class":212,"line":389},10,[391,396,400],{"type":15,"tag":210,"props":392,"children":393},{"style":247},[394],{"type":21,"value":395},"    v-model",{"type":15,"tag":210,"props":397,"children":398},{"style":217},[399],{"type":21,"value":255},{"type":15,"tag":210,"props":401,"children":402},{"style":258},[403],{"type":21,"value":404},"\"isOpen\"\n",{"type":15,"tag":210,"props":406,"children":408},{"class":212,"line":407},11,[409],{"type":15,"tag":210,"props":410,"children":411},{"style":217},[412],{"type":21,"value":413},"  >\n",{"type":15,"tag":210,"props":415,"children":417},{"class":212,"line":416},12,[418,423,428],{"type":15,"tag":210,"props":419,"children":420},{"style":217},[421],{"type":21,"value":422},"    \u003C",{"type":15,"tag":210,"props":424,"children":425},{"style":223},[426],{"type":21,"value":427},"header",{"type":15,"tag":210,"props":429,"children":430},{"style":217},[431],{"type":21,"value":230},{"type":15,"tag":210,"props":433,"children":435},{"class":212,"line":434},13,[436,441,445,450,455,459,464,469,473,478,482,486,491],{"type":15,"tag":210,"props":437,"children":438},{"style":217},[439],{"type":21,"value":440},"      \u003C",{"type":15,"tag":210,"props":442,"children":443},{"style":223},[444],{"type":21,"value":244},{"type":15,"tag":210,"props":446,"children":447},{"style":247},[448],{"type":21,"value":449}," square",{"type":15,"tag":210,"props":451,"children":452},{"style":247},[453],{"type":21,"value":454}," variant",{"type":15,"tag":210,"props":456,"children":457},{"style":217},[458],{"type":21,"value":255},{"type":15,"tag":210,"props":460,"children":461},{"style":258},[462],{"type":21,"value":463},"\"tertiary\"",{"type":15,"tag":210,"props":465,"children":466},{"style":247},[467],{"type":21,"value":468}," class",{"type":15,"tag":210,"props":470,"children":471},{"style":217},[472],{"type":21,"value":255},{"type":15,"tag":210,"props":474,"children":475},{"style":258},[476],{"type":21,"value":477},"\"absolute right-2 top-2\"",{"type":15,"tag":210,"props":479,"children":480},{"style":247},[481],{"type":21,"value":250},{"type":15,"tag":210,"props":483,"children":484},{"style":217},[485],{"type":21,"value":255},{"type":15,"tag":210,"props":487,"children":488},{"style":258},[489],{"type":21,"value":490},"\"close\"",{"type":15,"tag":210,"props":492,"children":493},{"style":217},[494],{"type":21,"value":230},{"type":15,"tag":210,"props":496,"children":498},{"class":212,"line":497},14,[499,504,509],{"type":15,"tag":210,"props":500,"children":501},{"style":217},[502],{"type":21,"value":503},"        \u003C",{"type":15,"tag":210,"props":505,"children":506},{"style":223},[507],{"type":21,"value":508},"SfIconClose",{"type":15,"tag":210,"props":510,"children":511},{"style":217},[512],{"type":21,"value":513}," \u002F>\n",{"type":15,"tag":210,"props":515,"children":517},{"class":212,"line":516},15,[518,523,527],{"type":15,"tag":210,"props":519,"children":520},{"style":217},[521],{"type":21,"value":522},"      \u003C\u002F",{"type":15,"tag":210,"props":524,"children":525},{"style":223},[526],{"type":21,"value":244},{"type":15,"tag":210,"props":528,"children":529},{"style":217},[530],{"type":21,"value":230},{"type":15,"tag":210,"props":532,"children":534},{"class":212,"line":533},16,[535,539,543,548,552,557,561,565,570],{"type":15,"tag":210,"props":536,"children":537},{"style":217},[538],{"type":21,"value":440},{"type":15,"tag":210,"props":540,"children":541},{"style":223},[542],{"type":21,"value":134},{"type":15,"tag":210,"props":544,"children":545},{"style":247},[546],{"type":21,"value":547}," id",{"type":15,"tag":210,"props":549,"children":550},{"style":217},[551],{"type":21,"value":255},{"type":15,"tag":210,"props":553,"children":554},{"style":258},[555],{"type":21,"value":556},"\"promoModalTitle\"",{"type":15,"tag":210,"props":558,"children":559},{"style":247},[560],{"type":21,"value":468},{"type":15,"tag":210,"props":562,"children":563},{"style":217},[564],{"type":21,"value":255},{"type":15,"tag":210,"props":566,"children":567},{"style":258},[568],{"type":21,"value":569},"\"font-bold typography-headline-4 md:typography-headline-3\"",{"type":15,"tag":210,"props":571,"children":572},{"style":217},[573],{"type":21,"value":230},{"type":15,"tag":210,"props":575,"children":577},{"class":212,"line":576},17,[578],{"type":15,"tag":210,"props":579,"children":580},{"style":217},[581],{"type":21,"value":582},"        You might miss out on great deals\n",{"type":15,"tag":210,"props":584,"children":586},{"class":212,"line":585},18,[587,591,595],{"type":15,"tag":210,"props":588,"children":589},{"style":217},[590],{"type":21,"value":522},{"type":15,"tag":210,"props":592,"children":593},{"style":223},[594],{"type":21,"value":134},{"type":15,"tag":210,"props":596,"children":597},{"style":217},[598],{"type":21,"value":230},{"type":15,"tag":210,"props":600,"children":602},{"class":212,"line":601},19,[603,608,612],{"type":15,"tag":210,"props":604,"children":605},{"style":217},[606],{"type":21,"value":607},"    \u003C\u002F",{"type":15,"tag":210,"props":609,"children":610},{"style":223},[611],{"type":21,"value":427},{"type":15,"tag":210,"props":613,"children":614},{"style":217},[615],{"type":21,"value":230},{"type":15,"tag":210,"props":617,"children":619},{"class":212,"line":618},20,[620,624,628,632,636,641,645,649,654],{"type":15,"tag":210,"props":621,"children":622},{"style":217},[623],{"type":21,"value":422},{"type":15,"tag":210,"props":625,"children":626},{"style":223},[627],{"type":21,"value":32},{"type":15,"tag":210,"props":629,"children":630},{"style":247},[631],{"type":21,"value":547},{"type":15,"tag":210,"props":633,"children":634},{"style":217},[635],{"type":21,"value":255},{"type":15,"tag":210,"props":637,"children":638},{"style":258},[639],{"type":21,"value":640},"\"promoModalDesc\"",{"type":15,"tag":210,"props":642,"children":643},{"style":247},[644],{"type":21,"value":468},{"type":15,"tag":210,"props":646,"children":647},{"style":217},[648],{"type":21,"value":255},{"type":15,"tag":210,"props":650,"children":651},{"style":258},[652],{"type":21,"value":653},"\"mt-2\"",{"type":15,"tag":210,"props":655,"children":656},{"style":217},[657],{"type":21,"value":230},{"type":15,"tag":210,"props":659,"children":661},{"class":212,"line":660},21,[662],{"type":15,"tag":210,"props":663,"children":664},{"style":217},[665],{"type":21,"value":666},"      There are special offers for some of the items on your wishlist. Do you want to see these deals before proceeding\n",{"type":15,"tag":210,"props":668,"children":670},{"class":212,"line":669},22,[671],{"type":15,"tag":210,"props":672,"children":673},{"style":217},[674],{"type":21,"value":675},"      to checkout page?\n",{"type":15,"tag":210,"props":677,"children":679},{"class":212,"line":678},23,[680,684,688],{"type":15,"tag":210,"props":681,"children":682},{"style":217},[683],{"type":21,"value":607},{"type":15,"tag":210,"props":685,"children":686},{"style":223},[687],{"type":21,"value":32},{"type":15,"tag":210,"props":689,"children":690},{"style":217},[691],{"type":21,"value":230},{"type":15,"tag":210,"props":693,"children":695},{"class":212,"line":694},24,[696,700,705,709,713,718],{"type":15,"tag":210,"props":697,"children":698},{"style":217},[699],{"type":21,"value":422},{"type":15,"tag":210,"props":701,"children":702},{"style":223},[703],{"type":21,"value":704},"footer",{"type":15,"tag":210,"props":706,"children":707},{"style":247},[708],{"type":21,"value":468},{"type":15,"tag":210,"props":710,"children":711},{"style":217},[712],{"type":21,"value":255},{"type":15,"tag":210,"props":714,"children":715},{"style":258},[716],{"type":21,"value":717},"\"flex justify-end gap-4 mt-4\"",{"type":15,"tag":210,"props":719,"children":720},{"style":217},[721],{"type":21,"value":230},{"type":15,"tag":210,"props":723,"children":725},{"class":212,"line":724},25,[726,730,734,738,742,747,751,755,759,764,768],{"type":15,"tag":210,"props":727,"children":728},{"style":217},[729],{"type":21,"value":440},{"type":15,"tag":210,"props":731,"children":732},{"style":223},[733],{"type":21,"value":244},{"type":15,"tag":210,"props":735,"children":736},{"style":247},[737],{"type":21,"value":454},{"type":15,"tag":210,"props":739,"children":740},{"style":217},[741],{"type":21,"value":255},{"type":15,"tag":210,"props":743,"children":744},{"style":258},[745],{"type":21,"value":746},"\"secondary\"",{"type":15,"tag":210,"props":748,"children":749},{"style":247},[750],{"type":21,"value":250},{"type":15,"tag":210,"props":752,"children":753},{"style":217},[754],{"type":21,"value":255},{"type":15,"tag":210,"props":756,"children":757},{"style":258},[758],{"type":21,"value":490},{"type":15,"tag":210,"props":760,"children":761},{"style":217},[762],{"type":21,"value":763},">Skip\u003C\u002F",{"type":15,"tag":210,"props":765,"children":766},{"style":223},[767],{"type":21,"value":244},{"type":15,"tag":210,"props":769,"children":770},{"style":217},[771],{"type":21,"value":230},{"type":15,"tag":210,"props":773,"children":775},{"class":212,"line":774},26,[776,780,784,788,792,796,801,805],{"type":15,"tag":210,"props":777,"children":778},{"style":217},[779],{"type":21,"value":440},{"type":15,"tag":210,"props":781,"children":782},{"style":223},[783],{"type":21,"value":244},{"type":15,"tag":210,"props":785,"children":786},{"style":247},[787],{"type":21,"value":250},{"type":15,"tag":210,"props":789,"children":790},{"style":217},[791],{"type":21,"value":255},{"type":15,"tag":210,"props":793,"children":794},{"style":258},[795],{"type":21,"value":490},{"type":15,"tag":210,"props":797,"children":798},{"style":217},[799],{"type":21,"value":800},">Yes!\u003C\u002F",{"type":15,"tag":210,"props":802,"children":803},{"style":223},[804],{"type":21,"value":244},{"type":15,"tag":210,"props":806,"children":807},{"style":217},[808],{"type":21,"value":230},{"type":15,"tag":210,"props":810,"children":812},{"class":212,"line":811},27,[813,817,821],{"type":15,"tag":210,"props":814,"children":815},{"style":217},[816],{"type":21,"value":607},{"type":15,"tag":210,"props":818,"children":819},{"style":223},[820],{"type":21,"value":704},{"type":15,"tag":210,"props":822,"children":823},{"style":217},[824],{"type":21,"value":230},{"type":15,"tag":210,"props":826,"children":828},{"class":212,"line":827},28,[829,834,838],{"type":15,"tag":210,"props":830,"children":831},{"style":217},[832],{"type":21,"value":833},"  \u003C\u002F",{"type":15,"tag":210,"props":835,"children":836},{"style":223},[837],{"type":21,"value":41},{"type":15,"tag":210,"props":839,"children":840},{"style":217},[841],{"type":21,"value":230},{"type":15,"tag":210,"props":843,"children":845},{"class":212,"line":844},29,[846,851,855],{"type":15,"tag":210,"props":847,"children":848},{"style":217},[849],{"type":21,"value":850},"\u003C\u002F",{"type":15,"tag":210,"props":852,"children":853},{"style":223},[854],{"type":21,"value":28},{"type":15,"tag":210,"props":856,"children":857},{"style":217},[858],{"type":21,"value":230},{"type":15,"tag":210,"props":860,"children":862},{"class":212,"line":861},30,[863],{"type":15,"tag":210,"props":864,"children":865},{"emptyLinePlaceholder":8},[866],{"type":21,"value":283},{"type":15,"tag":210,"props":868,"children":870},{"class":212,"line":869},31,[871,875,880,885,889,894,899],{"type":15,"tag":210,"props":872,"children":873},{"style":217},[874],{"type":21,"value":220},{"type":15,"tag":210,"props":876,"children":877},{"style":223},[878],{"type":21,"value":879},"script",{"type":15,"tag":210,"props":881,"children":882},{"style":247},[883],{"type":21,"value":884}," lang",{"type":15,"tag":210,"props":886,"children":887},{"style":217},[888],{"type":21,"value":255},{"type":15,"tag":210,"props":890,"children":891},{"style":258},[892],{"type":21,"value":893},"\"ts\"",{"type":15,"tag":210,"props":895,"children":896},{"style":247},[897],{"type":21,"value":898}," setup",{"type":15,"tag":210,"props":900,"children":901},{"style":217},[902],{"type":21,"value":230},{"type":15,"tag":210,"props":904,"children":906},{"class":212,"line":905},32,[907,913,918,922,927,931,935,939,943,947,952,957,962],{"type":15,"tag":210,"props":908,"children":910},{"style":909},"--shiki-default:#C678DD",[911],{"type":21,"value":912},"import",{"type":15,"tag":210,"props":914,"children":915},{"style":217},[916],{"type":21,"value":917}," { ",{"type":15,"tag":210,"props":919,"children":920},{"style":223},[921],{"type":21,"value":41},{"type":15,"tag":210,"props":923,"children":924},{"style":217},[925],{"type":21,"value":926},", ",{"type":15,"tag":210,"props":928,"children":929},{"style":223},[930],{"type":21,"value":244},{"type":15,"tag":210,"props":932,"children":933},{"style":217},[934],{"type":21,"value":926},{"type":15,"tag":210,"props":936,"children":937},{"style":223},[938],{"type":21,"value":508},{"type":15,"tag":210,"props":940,"children":941},{"style":217},[942],{"type":21,"value":926},{"type":15,"tag":210,"props":944,"children":945},{"style":223},[946],{"type":21,"value":187},{"type":15,"tag":210,"props":948,"children":949},{"style":217},[950],{"type":21,"value":951}," } ",{"type":15,"tag":210,"props":953,"children":954},{"style":909},[955],{"type":21,"value":956},"from",{"type":15,"tag":210,"props":958,"children":959},{"style":258},[960],{"type":21,"value":961}," '@storefront-ui\u002Fvue'",{"type":15,"tag":210,"props":963,"children":964},{"style":217},[965],{"type":21,"value":966},";\n",{"type":15,"tag":210,"props":968,"children":970},{"class":212,"line":969},33,[971],{"type":15,"tag":210,"props":972,"children":973},{"emptyLinePlaceholder":8},[974],{"type":21,"value":283},{"type":15,"tag":210,"props":976,"children":978},{"class":212,"line":977},34,[979,984,988,994,998,1002,1006,1011,1015,1020,1026,1031,1036,1041,1046],{"type":15,"tag":210,"props":980,"children":981},{"style":909},[982],{"type":21,"value":983},"const",{"type":15,"tag":210,"props":985,"children":986},{"style":217},[987],{"type":21,"value":917},{"type":15,"tag":210,"props":989,"children":991},{"style":990},"--shiki-default:#E5C07B",[992],{"type":21,"value":993},"isOpen",{"type":15,"tag":210,"props":995,"children":996},{"style":217},[997],{"type":21,"value":926},{"type":15,"tag":210,"props":999,"children":1000},{"style":990},[1001],{"type":21,"value":170},{"type":15,"tag":210,"props":1003,"children":1004},{"style":217},[1005],{"type":21,"value":926},{"type":15,"tag":210,"props":1007,"children":1008},{"style":990},[1009],{"type":21,"value":1010},"close",{"type":15,"tag":210,"props":1012,"children":1013},{"style":217},[1014],{"type":21,"value":951},{"type":15,"tag":210,"props":1016,"children":1018},{"style":1017},"--shiki-default:#56B6C2",[1019],{"type":21,"value":255},{"type":15,"tag":210,"props":1021,"children":1023},{"style":1022},"--shiki-default:#61AFEF",[1024],{"type":21,"value":1025}," useDisclosure",{"type":15,"tag":210,"props":1027,"children":1028},{"style":217},[1029],{"type":21,"value":1030},"({ ",{"type":15,"tag":210,"props":1032,"children":1033},{"style":223},[1034],{"type":21,"value":1035},"initialValue",{"type":15,"tag":210,"props":1037,"children":1038},{"style":217},[1039],{"type":21,"value":1040},": ",{"type":15,"tag":210,"props":1042,"children":1043},{"style":247},[1044],{"type":21,"value":1045},"false",{"type":15,"tag":210,"props":1047,"children":1048},{"style":217},[1049],{"type":21,"value":1050}," });\n",{"type":15,"tag":210,"props":1052,"children":1054},{"class":212,"line":1053},35,[1055,1059,1063],{"type":15,"tag":210,"props":1056,"children":1057},{"style":217},[1058],{"type":21,"value":850},{"type":15,"tag":210,"props":1060,"children":1061},{"style":223},[1062],{"type":21,"value":879},{"type":15,"tag":210,"props":1064,"children":1065},{"style":217},[1066],{"type":21,"value":230},{"type":15,"tag":157,"props":1068,"children":1069},{},[1070],{"type":15,"tag":200,"props":1071,"children":1075},{"className":1072,"code":1073,"language":1074,"meta":9,"style":9},"language-tsx shiki shiki-themes one-dark-pro","import { SfModal, SfButton, SfIconClose, useDisclosure } from '@storefront-ui\u002Freact';\n\nexport default function ModalDemo() {\n  const { isOpen, open, close } = useDisclosure({ initialValue: false });\n\n  return (\n    \u003C>\n      \u003CSfButton onClick={open}>To Checkout\u003C\u002FSfButton>\n\n      \u003CSfModal\n        open={isOpen}\n        onClose={close}\n        className=\"max-w-[90%] md:max-w-lg\"\n        as=\"section\"\n        role=\"alertdialog\"\n        aria-labelledby=\"promoModalTitle\"\n        aria-describedby=\"promoModalDesc\"\n      >\n        \u003Cheader>\n          \u003CSfButton square variant=\"tertiary\" className=\"absolute right-2 top-2\" onClick={close}>\n            \u003CSfIconClose \u002F>\n          \u003C\u002FSfButton>\n          \u003Ch3 id=\"promoModalTitle\" className=\"font-bold typography-headline-4 md:typography-headline-3\">\n            You might miss out on great deals\n          \u003C\u002Fh3>\n        \u003C\u002Fheader>\n        \u003Cp id=\"promoModalDesc\" className=\"mt-2\">\n          There are special offers for some of the items on your wishlist. Do you want to see these deals before\n          proceeding to checkout page?\n        \u003C\u002Fp>\n        \u003Cfooter className=\"flex justify-end gap-4 mt-4\">\n          \u003CSfButton variant=\"secondary\" onClick={close}>\n            Skip\n          \u003C\u002FSfButton>\n          \u003CSfButton onClick={close}>Yes!\u003C\u002FSfButton>\n        \u003C\u002Ffooter>\n      \u003C\u002FSfModal>\n    \u003C\u002F>\n  );\n}\n","tsx",[1076],{"type":15,"tag":36,"props":1077,"children":1078},{"__ignoreMap":9},[1079,1135,1142,1169,1233,1240,1253,1261,1308,1315,1326,1351,1375,1391,1407,1423,1439,1455,1463,1478,1543,1559,1575,1614,1622,1637,1653,1692,1700,1708,1723,1750,1797,1805,1820,1863,1879,1895,1904,1913],{"type":15,"tag":210,"props":1080,"children":1081},{"class":212,"line":213},[1082,1086,1090,1094,1098,1102,1106,1110,1114,1118,1122,1126,1131],{"type":15,"tag":210,"props":1083,"children":1084},{"style":909},[1085],{"type":21,"value":912},{"type":15,"tag":210,"props":1087,"children":1088},{"style":217},[1089],{"type":21,"value":917},{"type":15,"tag":210,"props":1091,"children":1092},{"style":223},[1093],{"type":21,"value":41},{"type":15,"tag":210,"props":1095,"children":1096},{"style":217},[1097],{"type":21,"value":926},{"type":15,"tag":210,"props":1099,"children":1100},{"style":223},[1101],{"type":21,"value":244},{"type":15,"tag":210,"props":1103,"children":1104},{"style":217},[1105],{"type":21,"value":926},{"type":15,"tag":210,"props":1107,"children":1108},{"style":223},[1109],{"type":21,"value":508},{"type":15,"tag":210,"props":1111,"children":1112},{"style":217},[1113],{"type":21,"value":926},{"type":15,"tag":210,"props":1115,"children":1116},{"style":223},[1117],{"type":21,"value":187},{"type":15,"tag":210,"props":1119,"children":1120},{"style":217},[1121],{"type":21,"value":951},{"type":15,"tag":210,"props":1123,"children":1124},{"style":909},[1125],{"type":21,"value":956},{"type":15,"tag":210,"props":1127,"children":1128},{"style":258},[1129],{"type":21,"value":1130}," '@storefront-ui\u002Freact'",{"type":15,"tag":210,"props":1132,"children":1133},{"style":217},[1134],{"type":21,"value":966},{"type":15,"tag":210,"props":1136,"children":1137},{"class":212,"line":233},[1138],{"type":15,"tag":210,"props":1139,"children":1140},{"emptyLinePlaceholder":8},[1141],{"type":21,"value":283},{"type":15,"tag":210,"props":1143,"children":1144},{"class":212,"line":277},[1145,1150,1155,1159,1164],{"type":15,"tag":210,"props":1146,"children":1147},{"style":909},[1148],{"type":21,"value":1149},"export",{"type":15,"tag":210,"props":1151,"children":1152},{"style":909},[1153],{"type":21,"value":1154}," default",{"type":15,"tag":210,"props":1156,"children":1157},{"style":909},[1158],{"type":21,"value":78},{"type":15,"tag":210,"props":1160,"children":1161},{"style":1022},[1162],{"type":21,"value":1163}," ModalDemo",{"type":15,"tag":210,"props":1165,"children":1166},{"style":217},[1167],{"type":21,"value":1168},"() {\n",{"type":15,"tag":210,"props":1170,"children":1171},{"class":212,"line":286},[1172,1177,1181,1185,1189,1193,1197,1201,1205,1209,1213,1217,1221,1225,1229],{"type":15,"tag":210,"props":1173,"children":1174},{"style":909},[1175],{"type":21,"value":1176},"  const",{"type":15,"tag":210,"props":1178,"children":1179},{"style":217},[1180],{"type":21,"value":917},{"type":15,"tag":210,"props":1182,"children":1183},{"style":990},[1184],{"type":21,"value":993},{"type":15,"tag":210,"props":1186,"children":1187},{"style":217},[1188],{"type":21,"value":926},{"type":15,"tag":210,"props":1190,"children":1191},{"style":990},[1192],{"type":21,"value":170},{"type":15,"tag":210,"props":1194,"children":1195},{"style":217},[1196],{"type":21,"value":926},{"type":15,"tag":210,"props":1198,"children":1199},{"style":990},[1200],{"type":21,"value":1010},{"type":15,"tag":210,"props":1202,"children":1203},{"style":217},[1204],{"type":21,"value":951},{"type":15,"tag":210,"props":1206,"children":1207},{"style":1017},[1208],{"type":21,"value":255},{"type":15,"tag":210,"props":1210,"children":1211},{"style":1022},[1212],{"type":21,"value":1025},{"type":15,"tag":210,"props":1214,"children":1215},{"style":217},[1216],{"type":21,"value":1030},{"type":15,"tag":210,"props":1218,"children":1219},{"style":223},[1220],{"type":21,"value":1035},{"type":15,"tag":210,"props":1222,"children":1223},{"style":217},[1224],{"type":21,"value":1040},{"type":15,"tag":210,"props":1226,"children":1227},{"style":247},[1228],{"type":21,"value":1045},{"type":15,"tag":210,"props":1230,"children":1231},{"style":217},[1232],{"type":21,"value":1050},{"type":15,"tag":210,"props":1234,"children":1235},{"class":212,"line":299},[1236],{"type":15,"tag":210,"props":1237,"children":1238},{"emptyLinePlaceholder":8},[1239],{"type":21,"value":283},{"type":15,"tag":210,"props":1241,"children":1242},{"class":212,"line":317},[1243,1248],{"type":15,"tag":210,"props":1244,"children":1245},{"style":909},[1246],{"type":21,"value":1247},"  return",{"type":15,"tag":210,"props":1249,"children":1250},{"style":217},[1251],{"type":21,"value":1252}," (\n",{"type":15,"tag":210,"props":1254,"children":1255},{"class":212,"line":335},[1256],{"type":15,"tag":210,"props":1257,"children":1258},{"style":217},[1259],{"type":21,"value":1260},"    \u003C>\n",{"type":15,"tag":210,"props":1262,"children":1263},{"class":212,"line":353},[1264,1268,1272,1278,1282,1287,1291,1296,1300,1304],{"type":15,"tag":210,"props":1265,"children":1266},{"style":217},[1267],{"type":21,"value":440},{"type":15,"tag":210,"props":1269,"children":1270},{"style":990},[1271],{"type":21,"value":244},{"type":15,"tag":210,"props":1273,"children":1275},{"style":1274},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[1276],{"type":21,"value":1277}," onClick",{"type":15,"tag":210,"props":1279,"children":1280},{"style":1017},[1281],{"type":21,"value":255},{"type":15,"tag":210,"props":1283,"children":1284},{"style":909},[1285],{"type":21,"value":1286},"{",{"type":15,"tag":210,"props":1288,"children":1289},{"style":223},[1290],{"type":21,"value":170},{"type":15,"tag":210,"props":1292,"children":1293},{"style":909},[1294],{"type":21,"value":1295},"}",{"type":15,"tag":210,"props":1297,"children":1298},{"style":217},[1299],{"type":21,"value":266},{"type":15,"tag":210,"props":1301,"children":1302},{"style":990},[1303],{"type":21,"value":244},{"type":15,"tag":210,"props":1305,"children":1306},{"style":217},[1307],{"type":21,"value":230},{"type":15,"tag":210,"props":1309,"children":1310},{"class":212,"line":371},[1311],{"type":15,"tag":210,"props":1312,"children":1313},{"emptyLinePlaceholder":8},[1314],{"type":21,"value":283},{"type":15,"tag":210,"props":1316,"children":1317},{"class":212,"line":389},[1318,1322],{"type":15,"tag":210,"props":1319,"children":1320},{"style":217},[1321],{"type":21,"value":440},{"type":15,"tag":210,"props":1323,"children":1324},{"style":990},[1325],{"type":21,"value":296},{"type":15,"tag":210,"props":1327,"children":1328},{"class":212,"line":407},[1329,1334,1338,1342,1346],{"type":15,"tag":210,"props":1330,"children":1331},{"style":1274},[1332],{"type":21,"value":1333},"        open",{"type":15,"tag":210,"props":1335,"children":1336},{"style":1017},[1337],{"type":21,"value":255},{"type":15,"tag":210,"props":1339,"children":1340},{"style":909},[1341],{"type":21,"value":1286},{"type":15,"tag":210,"props":1343,"children":1344},{"style":223},[1345],{"type":21,"value":993},{"type":15,"tag":210,"props":1347,"children":1348},{"style":909},[1349],{"type":21,"value":1350},"}\n",{"type":15,"tag":210,"props":1352,"children":1353},{"class":212,"line":416},[1354,1359,1363,1367,1371],{"type":15,"tag":210,"props":1355,"children":1356},{"style":1274},[1357],{"type":21,"value":1358},"        onClose",{"type":15,"tag":210,"props":1360,"children":1361},{"style":1017},[1362],{"type":21,"value":255},{"type":15,"tag":210,"props":1364,"children":1365},{"style":909},[1366],{"type":21,"value":1286},{"type":15,"tag":210,"props":1368,"children":1369},{"style":223},[1370],{"type":21,"value":1010},{"type":15,"tag":210,"props":1372,"children":1373},{"style":909},[1374],{"type":21,"value":1350},{"type":15,"tag":210,"props":1376,"children":1377},{"class":212,"line":434},[1378,1383,1387],{"type":15,"tag":210,"props":1379,"children":1380},{"style":1274},[1381],{"type":21,"value":1382},"        className",{"type":15,"tag":210,"props":1384,"children":1385},{"style":1017},[1386],{"type":21,"value":255},{"type":15,"tag":210,"props":1388,"children":1389},{"style":258},[1390],{"type":21,"value":314},{"type":15,"tag":210,"props":1392,"children":1393},{"class":212,"line":497},[1394,1399,1403],{"type":15,"tag":210,"props":1395,"children":1396},{"style":1274},[1397],{"type":21,"value":1398},"        as",{"type":15,"tag":210,"props":1400,"children":1401},{"style":1017},[1402],{"type":21,"value":255},{"type":15,"tag":210,"props":1404,"children":1405},{"style":258},[1406],{"type":21,"value":332},{"type":15,"tag":210,"props":1408,"children":1409},{"class":212,"line":516},[1410,1415,1419],{"type":15,"tag":210,"props":1411,"children":1412},{"style":1274},[1413],{"type":21,"value":1414},"        role",{"type":15,"tag":210,"props":1416,"children":1417},{"style":1017},[1418],{"type":21,"value":255},{"type":15,"tag":210,"props":1420,"children":1421},{"style":258},[1422],{"type":21,"value":350},{"type":15,"tag":210,"props":1424,"children":1425},{"class":212,"line":533},[1426,1431,1435],{"type":15,"tag":210,"props":1427,"children":1428},{"style":1274},[1429],{"type":21,"value":1430},"        aria-labelledby",{"type":15,"tag":210,"props":1432,"children":1433},{"style":1017},[1434],{"type":21,"value":255},{"type":15,"tag":210,"props":1436,"children":1437},{"style":258},[1438],{"type":21,"value":368},{"type":15,"tag":210,"props":1440,"children":1441},{"class":212,"line":576},[1442,1447,1451],{"type":15,"tag":210,"props":1443,"children":1444},{"style":1274},[1445],{"type":21,"value":1446},"        aria-describedby",{"type":15,"tag":210,"props":1448,"children":1449},{"style":1017},[1450],{"type":21,"value":255},{"type":15,"tag":210,"props":1452,"children":1453},{"style":258},[1454],{"type":21,"value":386},{"type":15,"tag":210,"props":1456,"children":1457},{"class":212,"line":585},[1458],{"type":15,"tag":210,"props":1459,"children":1460},{"style":217},[1461],{"type":21,"value":1462},"      >\n",{"type":15,"tag":210,"props":1464,"children":1465},{"class":212,"line":601},[1466,1470,1474],{"type":15,"tag":210,"props":1467,"children":1468},{"style":217},[1469],{"type":21,"value":503},{"type":15,"tag":210,"props":1471,"children":1472},{"style":223},[1473],{"type":21,"value":427},{"type":15,"tag":210,"props":1475,"children":1476},{"style":217},[1477],{"type":21,"value":230},{"type":15,"tag":210,"props":1479,"children":1480},{"class":212,"line":618},[1481,1486,1490,1494,1498,1502,1506,1511,1515,1519,1523,1527,1531,1535,1539],{"type":15,"tag":210,"props":1482,"children":1483},{"style":217},[1484],{"type":21,"value":1485},"          \u003C",{"type":15,"tag":210,"props":1487,"children":1488},{"style":990},[1489],{"type":21,"value":244},{"type":15,"tag":210,"props":1491,"children":1492},{"style":1274},[1493],{"type":21,"value":449},{"type":15,"tag":210,"props":1495,"children":1496},{"style":1274},[1497],{"type":21,"value":454},{"type":15,"tag":210,"props":1499,"children":1500},{"style":1017},[1501],{"type":21,"value":255},{"type":15,"tag":210,"props":1503,"children":1504},{"style":258},[1505],{"type":21,"value":463},{"type":15,"tag":210,"props":1507,"children":1508},{"style":1274},[1509],{"type":21,"value":1510}," className",{"type":15,"tag":210,"props":1512,"children":1513},{"style":1017},[1514],{"type":21,"value":255},{"type":15,"tag":210,"props":1516,"children":1517},{"style":258},[1518],{"type":21,"value":477},{"type":15,"tag":210,"props":1520,"children":1521},{"style":1274},[1522],{"type":21,"value":1277},{"type":15,"tag":210,"props":1524,"children":1525},{"style":1017},[1526],{"type":21,"value":255},{"type":15,"tag":210,"props":1528,"children":1529},{"style":909},[1530],{"type":21,"value":1286},{"type":15,"tag":210,"props":1532,"children":1533},{"style":223},[1534],{"type":21,"value":1010},{"type":15,"tag":210,"props":1536,"children":1537},{"style":909},[1538],{"type":21,"value":1295},{"type":15,"tag":210,"props":1540,"children":1541},{"style":217},[1542],{"type":21,"value":230},{"type":15,"tag":210,"props":1544,"children":1545},{"class":212,"line":660},[1546,1551,1555],{"type":15,"tag":210,"props":1547,"children":1548},{"style":217},[1549],{"type":21,"value":1550},"            \u003C",{"type":15,"tag":210,"props":1552,"children":1553},{"style":990},[1554],{"type":21,"value":508},{"type":15,"tag":210,"props":1556,"children":1557},{"style":217},[1558],{"type":21,"value":513},{"type":15,"tag":210,"props":1560,"children":1561},{"class":212,"line":669},[1562,1567,1571],{"type":15,"tag":210,"props":1563,"children":1564},{"style":217},[1565],{"type":21,"value":1566},"          \u003C\u002F",{"type":15,"tag":210,"props":1568,"children":1569},{"style":990},[1570],{"type":21,"value":244},{"type":15,"tag":210,"props":1572,"children":1573},{"style":217},[1574],{"type":21,"value":230},{"type":15,"tag":210,"props":1576,"children":1577},{"class":212,"line":678},[1578,1582,1586,1590,1594,1598,1602,1606,1610],{"type":15,"tag":210,"props":1579,"children":1580},{"style":217},[1581],{"type":21,"value":1485},{"type":15,"tag":210,"props":1583,"children":1584},{"style":223},[1585],{"type":21,"value":134},{"type":15,"tag":210,"props":1587,"children":1588},{"style":1274},[1589],{"type":21,"value":547},{"type":15,"tag":210,"props":1591,"children":1592},{"style":1017},[1593],{"type":21,"value":255},{"type":15,"tag":210,"props":1595,"children":1596},{"style":258},[1597],{"type":21,"value":556},{"type":15,"tag":210,"props":1599,"children":1600},{"style":1274},[1601],{"type":21,"value":1510},{"type":15,"tag":210,"props":1603,"children":1604},{"style":1017},[1605],{"type":21,"value":255},{"type":15,"tag":210,"props":1607,"children":1608},{"style":258},[1609],{"type":21,"value":569},{"type":15,"tag":210,"props":1611,"children":1612},{"style":217},[1613],{"type":21,"value":230},{"type":15,"tag":210,"props":1615,"children":1616},{"class":212,"line":694},[1617],{"type":15,"tag":210,"props":1618,"children":1619},{"style":217},[1620],{"type":21,"value":1621},"            You might miss out on great deals\n",{"type":15,"tag":210,"props":1623,"children":1624},{"class":212,"line":724},[1625,1629,1633],{"type":15,"tag":210,"props":1626,"children":1627},{"style":217},[1628],{"type":21,"value":1566},{"type":15,"tag":210,"props":1630,"children":1631},{"style":223},[1632],{"type":21,"value":134},{"type":15,"tag":210,"props":1634,"children":1635},{"style":217},[1636],{"type":21,"value":230},{"type":15,"tag":210,"props":1638,"children":1639},{"class":212,"line":774},[1640,1645,1649],{"type":15,"tag":210,"props":1641,"children":1642},{"style":217},[1643],{"type":21,"value":1644},"        \u003C\u002F",{"type":15,"tag":210,"props":1646,"children":1647},{"style":223},[1648],{"type":21,"value":427},{"type":15,"tag":210,"props":1650,"children":1651},{"style":217},[1652],{"type":21,"value":230},{"type":15,"tag":210,"props":1654,"children":1655},{"class":212,"line":811},[1656,1660,1664,1668,1672,1676,1680,1684,1688],{"type":15,"tag":210,"props":1657,"children":1658},{"style":217},[1659],{"type":21,"value":503},{"type":15,"tag":210,"props":1661,"children":1662},{"style":223},[1663],{"type":21,"value":32},{"type":15,"tag":210,"props":1665,"children":1666},{"style":1274},[1667],{"type":21,"value":547},{"type":15,"tag":210,"props":1669,"children":1670},{"style":1017},[1671],{"type":21,"value":255},{"type":15,"tag":210,"props":1673,"children":1674},{"style":258},[1675],{"type":21,"value":640},{"type":15,"tag":210,"props":1677,"children":1678},{"style":1274},[1679],{"type":21,"value":1510},{"type":15,"tag":210,"props":1681,"children":1682},{"style":1017},[1683],{"type":21,"value":255},{"type":15,"tag":210,"props":1685,"children":1686},{"style":258},[1687],{"type":21,"value":653},{"type":15,"tag":210,"props":1689,"children":1690},{"style":217},[1691],{"type":21,"value":230},{"type":15,"tag":210,"props":1693,"children":1694},{"class":212,"line":827},[1695],{"type":15,"tag":210,"props":1696,"children":1697},{"style":217},[1698],{"type":21,"value":1699},"          There are special offers for some of the items on your wishlist. Do you want to see these deals before\n",{"type":15,"tag":210,"props":1701,"children":1702},{"class":212,"line":844},[1703],{"type":15,"tag":210,"props":1704,"children":1705},{"style":217},[1706],{"type":21,"value":1707},"          proceeding to checkout page?\n",{"type":15,"tag":210,"props":1709,"children":1710},{"class":212,"line":861},[1711,1715,1719],{"type":15,"tag":210,"props":1712,"children":1713},{"style":217},[1714],{"type":21,"value":1644},{"type":15,"tag":210,"props":1716,"children":1717},{"style":223},[1718],{"type":21,"value":32},{"type":15,"tag":210,"props":1720,"children":1721},{"style":217},[1722],{"type":21,"value":230},{"type":15,"tag":210,"props":1724,"children":1725},{"class":212,"line":869},[1726,1730,1734,1738,1742,1746],{"type":15,"tag":210,"props":1727,"children":1728},{"style":217},[1729],{"type":21,"value":503},{"type":15,"tag":210,"props":1731,"children":1732},{"style":223},[1733],{"type":21,"value":704},{"type":15,"tag":210,"props":1735,"children":1736},{"style":1274},[1737],{"type":21,"value":1510},{"type":15,"tag":210,"props":1739,"children":1740},{"style":1017},[1741],{"type":21,"value":255},{"type":15,"tag":210,"props":1743,"children":1744},{"style":258},[1745],{"type":21,"value":717},{"type":15,"tag":210,"props":1747,"children":1748},{"style":217},[1749],{"type":21,"value":230},{"type":15,"tag":210,"props":1751,"children":1752},{"class":212,"line":905},[1753,1757,1761,1765,1769,1773,1777,1781,1785,1789,1793],{"type":15,"tag":210,"props":1754,"children":1755},{"style":217},[1756],{"type":21,"value":1485},{"type":15,"tag":210,"props":1758,"children":1759},{"style":990},[1760],{"type":21,"value":244},{"type":15,"tag":210,"props":1762,"children":1763},{"style":1274},[1764],{"type":21,"value":454},{"type":15,"tag":210,"props":1766,"children":1767},{"style":1017},[1768],{"type":21,"value":255},{"type":15,"tag":210,"props":1770,"children":1771},{"style":258},[1772],{"type":21,"value":746},{"type":15,"tag":210,"props":1774,"children":1775},{"style":1274},[1776],{"type":21,"value":1277},{"type":15,"tag":210,"props":1778,"children":1779},{"style":1017},[1780],{"type":21,"value":255},{"type":15,"tag":210,"props":1782,"children":1783},{"style":909},[1784],{"type":21,"value":1286},{"type":15,"tag":210,"props":1786,"children":1787},{"style":223},[1788],{"type":21,"value":1010},{"type":15,"tag":210,"props":1790,"children":1791},{"style":909},[1792],{"type":21,"value":1295},{"type":15,"tag":210,"props":1794,"children":1795},{"style":217},[1796],{"type":21,"value":230},{"type":15,"tag":210,"props":1798,"children":1799},{"class":212,"line":969},[1800],{"type":15,"tag":210,"props":1801,"children":1802},{"style":217},[1803],{"type":21,"value":1804},"            Skip\n",{"type":15,"tag":210,"props":1806,"children":1807},{"class":212,"line":977},[1808,1812,1816],{"type":15,"tag":210,"props":1809,"children":1810},{"style":217},[1811],{"type":21,"value":1566},{"type":15,"tag":210,"props":1813,"children":1814},{"style":990},[1815],{"type":21,"value":244},{"type":15,"tag":210,"props":1817,"children":1818},{"style":217},[1819],{"type":21,"value":230},{"type":15,"tag":210,"props":1821,"children":1822},{"class":212,"line":1053},[1823,1827,1831,1835,1839,1843,1847,1851,1855,1859],{"type":15,"tag":210,"props":1824,"children":1825},{"style":217},[1826],{"type":21,"value":1485},{"type":15,"tag":210,"props":1828,"children":1829},{"style":990},[1830],{"type":21,"value":244},{"type":15,"tag":210,"props":1832,"children":1833},{"style":1274},[1834],{"type":21,"value":1277},{"type":15,"tag":210,"props":1836,"children":1837},{"style":1017},[1838],{"type":21,"value":255},{"type":15,"tag":210,"props":1840,"children":1841},{"style":909},[1842],{"type":21,"value":1286},{"type":15,"tag":210,"props":1844,"children":1845},{"style":223},[1846],{"type":21,"value":1010},{"type":15,"tag":210,"props":1848,"children":1849},{"style":909},[1850],{"type":21,"value":1295},{"type":15,"tag":210,"props":1852,"children":1853},{"style":217},[1854],{"type":21,"value":800},{"type":15,"tag":210,"props":1856,"children":1857},{"style":990},[1858],{"type":21,"value":244},{"type":15,"tag":210,"props":1860,"children":1861},{"style":217},[1862],{"type":21,"value":230},{"type":15,"tag":210,"props":1864,"children":1866},{"class":212,"line":1865},36,[1867,1871,1875],{"type":15,"tag":210,"props":1868,"children":1869},{"style":217},[1870],{"type":21,"value":1644},{"type":15,"tag":210,"props":1872,"children":1873},{"style":223},[1874],{"type":21,"value":704},{"type":15,"tag":210,"props":1876,"children":1877},{"style":217},[1878],{"type":21,"value":230},{"type":15,"tag":210,"props":1880,"children":1882},{"class":212,"line":1881},37,[1883,1887,1891],{"type":15,"tag":210,"props":1884,"children":1885},{"style":217},[1886],{"type":21,"value":522},{"type":15,"tag":210,"props":1888,"children":1889},{"style":990},[1890],{"type":21,"value":41},{"type":15,"tag":210,"props":1892,"children":1893},{"style":217},[1894],{"type":21,"value":230},{"type":15,"tag":210,"props":1896,"children":1898},{"class":212,"line":1897},38,[1899],{"type":15,"tag":210,"props":1900,"children":1901},{"style":217},[1902],{"type":21,"value":1903},"    \u003C\u002F>\n",{"type":15,"tag":210,"props":1905,"children":1907},{"class":212,"line":1906},39,[1908],{"type":15,"tag":210,"props":1909,"children":1910},{"style":217},[1911],{"type":21,"value":1912},"  );\n",{"type":15,"tag":210,"props":1914,"children":1916},{"class":212,"line":1915},40,[1917],{"type":15,"tag":210,"props":1918,"children":1919},{"style":217},[1920],{"type":21,"value":1350},{"type":15,"tag":134,"props":1922,"children":1924},{"id":1923},"animated",[1925],{"type":21,"value":1926},"Animated",{"type":15,"tag":32,"props":1928,"children":1929},{},[1930],{"type":21,"value":1931},"You can make smooth transitions when the modal pops up.",{"type":15,"tag":191,"props":1933,"children":1935},{"showcase-name":1934,"style":194},"Modal\u002FModalTransition",[1936,3046],{"type":15,"tag":141,"props":1937,"children":1938},{},[1939],{"type":15,"tag":200,"props":1940,"children":1942},{"className":202,"code":1941,"language":204,"meta":9,"style":9},"\u003Ctemplate>\n  \u003CSfButton @click=\"open\">To Checkout\u003C\u002FSfButton>\n\n  \u003C!-- Backdrop -->\n  \u003Ctransition\n    enter-active-class=\"transition duration-200 ease-out\"\n    leave-active-class=\"transition duration-200 ease-out\"\n    enter-from-class=\"opacity-0\"\n    enter-to-class=\"opacity-100\"\n    leave-from-class=\"opacity-100\"\n    leave-to-class=\"opacity-0\"\n  >\n    \u003Cdiv v-if=\"isOpen\" class=\"fixed inset-0 bg-neutral-700\u002F50\" \u002F>\n  \u003C\u002Ftransition>\n\n  \u003C!-- Modal -->\n  \u003Ctransition\n    enter-active-class=\"transition duration-200 ease-out\"\n    leave-active-class=\"transition duration-200 ease-out\"\n    enter-from-class=\"opacity-0 translate-y-10\"\n    enter-to-class=\"opacity-100 translate-y-0\"\n    leave-from-class=\"opacity-100 translate-y-0\"\n    leave-to-class=\"opacity-0 translate-y-10\"\n  >\n    \u003CSfModal\n      class=\"max-w-[90%] md:max-w-lg\"\n      tag=\"section\"\n      role=\"alertdialog\"\n      aria-labelledby=\"promoModalTitle\"\n      aria-describedby=\"promoModalDesc\"\n      v-model=\"isOpen\"\n    >\n      \u003Cheader>\n        \u003CSfButton square variant=\"tertiary\" class=\"absolute right-2 top-2\" @click=\"close\">\n          \u003CSfIconClose \u002F>\n        \u003C\u002FSfButton>\n        \u003Ch3 id=\"promoModalTitle\" class=\"font-bold typography-headline-4 md:typography-headline-3\">\n          You might miss out on great deals\n        \u003C\u002Fh3>\n      \u003C\u002Fheader>\n      \u003Cp id=\"promoModalDesc\" class=\"mt-2\">\n        There are special offers for some of the items on your wishlist. Do you want to see these deals before\n        proceeding to checkout page?\n      \u003C\u002Fp>\n      \u003Cfooter class=\"flex justify-end gap-4 mt-4\">\n        \u003CSfButton variant=\"secondary\" @click=\"close\">Skip\u003C\u002FSfButton>\n        \u003CSfButton @click=\"close\">Yes!\u003C\u002FSfButton>\n      \u003C\u002Ffooter>\n    \u003C\u002FSfModal>\n  \u003C\u002Ftransition>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfModal, SfButton, SfIconClose, useDisclosure } from '@storefront-ui\u002Fvue';\n\nconst { isOpen, open, close } = useDisclosure({ initialValue: false });\n\u003C\u002Fscript>\n\n",[1943],{"type":15,"tag":36,"props":1944,"children":1945},{"__ignoreMap":9},[1946,1961,1996,2003,2012,2024,2041,2057,2074,2091,2107,2123,2130,2179,2195,2202,2210,2221,2236,2251,2267,2283,2298,2313,2320,2331,2347,2363,2379,2395,2411,2427,2435,2450,2505,2520,2535,2574,2582,2597,2612,2652,2661,2670,2686,2714,2762,2798,2814,2830,2846,2862,2870,2902,2958,2966,3030],{"type":15,"tag":210,"props":1947,"children":1948},{"class":212,"line":213},[1949,1953,1957],{"type":15,"tag":210,"props":1950,"children":1951},{"style":217},[1952],{"type":21,"value":220},{"type":15,"tag":210,"props":1954,"children":1955},{"style":223},[1956],{"type":21,"value":28},{"type":15,"tag":210,"props":1958,"children":1959},{"style":217},[1960],{"type":21,"value":230},{"type":15,"tag":210,"props":1962,"children":1963},{"class":212,"line":233},[1964,1968,1972,1976,1980,1984,1988,1992],{"type":15,"tag":210,"props":1965,"children":1966},{"style":217},[1967],{"type":21,"value":239},{"type":15,"tag":210,"props":1969,"children":1970},{"style":223},[1971],{"type":21,"value":244},{"type":15,"tag":210,"props":1973,"children":1974},{"style":247},[1975],{"type":21,"value":250},{"type":15,"tag":210,"props":1977,"children":1978},{"style":217},[1979],{"type":21,"value":255},{"type":15,"tag":210,"props":1981,"children":1982},{"style":258},[1983],{"type":21,"value":261},{"type":15,"tag":210,"props":1985,"children":1986},{"style":217},[1987],{"type":21,"value":266},{"type":15,"tag":210,"props":1989,"children":1990},{"style":223},[1991],{"type":21,"value":244},{"type":15,"tag":210,"props":1993,"children":1994},{"style":217},[1995],{"type":21,"value":230},{"type":15,"tag":210,"props":1997,"children":1998},{"class":212,"line":277},[1999],{"type":15,"tag":210,"props":2000,"children":2001},{"emptyLinePlaceholder":8},[2002],{"type":21,"value":283},{"type":15,"tag":210,"props":2004,"children":2005},{"class":212,"line":286},[2006],{"type":15,"tag":210,"props":2007,"children":2009},{"style":2008},"--shiki-default:#7F848E;--shiki-default-font-style:italic",[2010],{"type":21,"value":2011},"  \u003C!-- Backdrop -->\n",{"type":15,"tag":210,"props":2013,"children":2014},{"class":212,"line":299},[2015,2019],{"type":15,"tag":210,"props":2016,"children":2017},{"style":217},[2018],{"type":21,"value":239},{"type":15,"tag":210,"props":2020,"children":2021},{"style":223},[2022],{"type":21,"value":2023},"transition\n",{"type":15,"tag":210,"props":2025,"children":2026},{"class":212,"line":317},[2027,2032,2036],{"type":15,"tag":210,"props":2028,"children":2029},{"style":247},[2030],{"type":21,"value":2031},"    enter-active-class",{"type":15,"tag":210,"props":2033,"children":2034},{"style":217},[2035],{"type":21,"value":255},{"type":15,"tag":210,"props":2037,"children":2038},{"style":258},[2039],{"type":21,"value":2040},"\"transition duration-200 ease-out\"\n",{"type":15,"tag":210,"props":2042,"children":2043},{"class":212,"line":335},[2044,2049,2053],{"type":15,"tag":210,"props":2045,"children":2046},{"style":247},[2047],{"type":21,"value":2048},"    leave-active-class",{"type":15,"tag":210,"props":2050,"children":2051},{"style":217},[2052],{"type":21,"value":255},{"type":15,"tag":210,"props":2054,"children":2055},{"style":258},[2056],{"type":21,"value":2040},{"type":15,"tag":210,"props":2058,"children":2059},{"class":212,"line":353},[2060,2065,2069],{"type":15,"tag":210,"props":2061,"children":2062},{"style":247},[2063],{"type":21,"value":2064},"    enter-from-class",{"type":15,"tag":210,"props":2066,"children":2067},{"style":217},[2068],{"type":21,"value":255},{"type":15,"tag":210,"props":2070,"children":2071},{"style":258},[2072],{"type":21,"value":2073},"\"opacity-0\"\n",{"type":15,"tag":210,"props":2075,"children":2076},{"class":212,"line":371},[2077,2082,2086],{"type":15,"tag":210,"props":2078,"children":2079},{"style":247},[2080],{"type":21,"value":2081},"    enter-to-class",{"type":15,"tag":210,"props":2083,"children":2084},{"style":217},[2085],{"type":21,"value":255},{"type":15,"tag":210,"props":2087,"children":2088},{"style":258},[2089],{"type":21,"value":2090},"\"opacity-100\"\n",{"type":15,"tag":210,"props":2092,"children":2093},{"class":212,"line":389},[2094,2099,2103],{"type":15,"tag":210,"props":2095,"children":2096},{"style":247},[2097],{"type":21,"value":2098},"    leave-from-class",{"type":15,"tag":210,"props":2100,"children":2101},{"style":217},[2102],{"type":21,"value":255},{"type":15,"tag":210,"props":2104,"children":2105},{"style":258},[2106],{"type":21,"value":2090},{"type":15,"tag":210,"props":2108,"children":2109},{"class":212,"line":407},[2110,2115,2119],{"type":15,"tag":210,"props":2111,"children":2112},{"style":247},[2113],{"type":21,"value":2114},"    leave-to-class",{"type":15,"tag":210,"props":2116,"children":2117},{"style":217},[2118],{"type":21,"value":255},{"type":15,"tag":210,"props":2120,"children":2121},{"style":258},[2122],{"type":21,"value":2073},{"type":15,"tag":210,"props":2124,"children":2125},{"class":212,"line":416},[2126],{"type":15,"tag":210,"props":2127,"children":2128},{"style":217},[2129],{"type":21,"value":413},{"type":15,"tag":210,"props":2131,"children":2132},{"class":212,"line":434},[2133,2137,2142,2147,2151,2156,2160,2164,2169,2175],{"type":15,"tag":210,"props":2134,"children":2135},{"style":217},[2136],{"type":21,"value":422},{"type":15,"tag":210,"props":2138,"children":2139},{"style":223},[2140],{"type":21,"value":2141},"div",{"type":15,"tag":210,"props":2143,"children":2144},{"style":247},[2145],{"type":21,"value":2146}," v-if",{"type":15,"tag":210,"props":2148,"children":2149},{"style":217},[2150],{"type":21,"value":255},{"type":15,"tag":210,"props":2152,"children":2153},{"style":258},[2154],{"type":21,"value":2155},"\"isOpen\"",{"type":15,"tag":210,"props":2157,"children":2158},{"style":247},[2159],{"type":21,"value":468},{"type":15,"tag":210,"props":2161,"children":2162},{"style":217},[2163],{"type":21,"value":255},{"type":15,"tag":210,"props":2165,"children":2166},{"style":258},[2167],{"type":21,"value":2168},"\"fixed inset-0 bg-neutral-700\u002F50\"",{"type":15,"tag":210,"props":2170,"children":2172},{"style":2171},"--shiki-default:#FFFFFF",[2173],{"type":21,"value":2174}," \u002F",{"type":15,"tag":210,"props":2176,"children":2177},{"style":217},[2178],{"type":21,"value":230},{"type":15,"tag":210,"props":2180,"children":2181},{"class":212,"line":497},[2182,2186,2191],{"type":15,"tag":210,"props":2183,"children":2184},{"style":217},[2185],{"type":21,"value":833},{"type":15,"tag":210,"props":2187,"children":2188},{"style":223},[2189],{"type":21,"value":2190},"transition",{"type":15,"tag":210,"props":2192,"children":2193},{"style":217},[2194],{"type":21,"value":230},{"type":15,"tag":210,"props":2196,"children":2197},{"class":212,"line":516},[2198],{"type":15,"tag":210,"props":2199,"children":2200},{"emptyLinePlaceholder":8},[2201],{"type":21,"value":283},{"type":15,"tag":210,"props":2203,"children":2204},{"class":212,"line":533},[2205],{"type":15,"tag":210,"props":2206,"children":2207},{"style":2008},[2208],{"type":21,"value":2209},"  \u003C!-- Modal -->\n",{"type":15,"tag":210,"props":2211,"children":2212},{"class":212,"line":576},[2213,2217],{"type":15,"tag":210,"props":2214,"children":2215},{"style":217},[2216],{"type":21,"value":239},{"type":15,"tag":210,"props":2218,"children":2219},{"style":223},[2220],{"type":21,"value":2023},{"type":15,"tag":210,"props":2222,"children":2223},{"class":212,"line":585},[2224,2228,2232],{"type":15,"tag":210,"props":2225,"children":2226},{"style":247},[2227],{"type":21,"value":2031},{"type":15,"tag":210,"props":2229,"children":2230},{"style":217},[2231],{"type":21,"value":255},{"type":15,"tag":210,"props":2233,"children":2234},{"style":258},[2235],{"type":21,"value":2040},{"type":15,"tag":210,"props":2237,"children":2238},{"class":212,"line":601},[2239,2243,2247],{"type":15,"tag":210,"props":2240,"children":2241},{"style":247},[2242],{"type":21,"value":2048},{"type":15,"tag":210,"props":2244,"children":2245},{"style":217},[2246],{"type":21,"value":255},{"type":15,"tag":210,"props":2248,"children":2249},{"style":258},[2250],{"type":21,"value":2040},{"type":15,"tag":210,"props":2252,"children":2253},{"class":212,"line":618},[2254,2258,2262],{"type":15,"tag":210,"props":2255,"children":2256},{"style":247},[2257],{"type":21,"value":2064},{"type":15,"tag":210,"props":2259,"children":2260},{"style":217},[2261],{"type":21,"value":255},{"type":15,"tag":210,"props":2263,"children":2264},{"style":258},[2265],{"type":21,"value":2266},"\"opacity-0 translate-y-10\"\n",{"type":15,"tag":210,"props":2268,"children":2269},{"class":212,"line":660},[2270,2274,2278],{"type":15,"tag":210,"props":2271,"children":2272},{"style":247},[2273],{"type":21,"value":2081},{"type":15,"tag":210,"props":2275,"children":2276},{"style":217},[2277],{"type":21,"value":255},{"type":15,"tag":210,"props":2279,"children":2280},{"style":258},[2281],{"type":21,"value":2282},"\"opacity-100 translate-y-0\"\n",{"type":15,"tag":210,"props":2284,"children":2285},{"class":212,"line":669},[2286,2290,2294],{"type":15,"tag":210,"props":2287,"children":2288},{"style":247},[2289],{"type":21,"value":2098},{"type":15,"tag":210,"props":2291,"children":2292},{"style":217},[2293],{"type":21,"value":255},{"type":15,"tag":210,"props":2295,"children":2296},{"style":258},[2297],{"type":21,"value":2282},{"type":15,"tag":210,"props":2299,"children":2300},{"class":212,"line":678},[2301,2305,2309],{"type":15,"tag":210,"props":2302,"children":2303},{"style":247},[2304],{"type":21,"value":2114},{"type":15,"tag":210,"props":2306,"children":2307},{"style":217},[2308],{"type":21,"value":255},{"type":15,"tag":210,"props":2310,"children":2311},{"style":258},[2312],{"type":21,"value":2266},{"type":15,"tag":210,"props":2314,"children":2315},{"class":212,"line":694},[2316],{"type":15,"tag":210,"props":2317,"children":2318},{"style":217},[2319],{"type":21,"value":413},{"type":15,"tag":210,"props":2321,"children":2322},{"class":212,"line":724},[2323,2327],{"type":15,"tag":210,"props":2324,"children":2325},{"style":217},[2326],{"type":21,"value":422},{"type":15,"tag":210,"props":2328,"children":2329},{"style":223},[2330],{"type":21,"value":296},{"type":15,"tag":210,"props":2332,"children":2333},{"class":212,"line":774},[2334,2339,2343],{"type":15,"tag":210,"props":2335,"children":2336},{"style":247},[2337],{"type":21,"value":2338},"      class",{"type":15,"tag":210,"props":2340,"children":2341},{"style":217},[2342],{"type":21,"value":255},{"type":15,"tag":210,"props":2344,"children":2345},{"style":258},[2346],{"type":21,"value":314},{"type":15,"tag":210,"props":2348,"children":2349},{"class":212,"line":811},[2350,2355,2359],{"type":15,"tag":210,"props":2351,"children":2352},{"style":247},[2353],{"type":21,"value":2354},"      tag",{"type":15,"tag":210,"props":2356,"children":2357},{"style":217},[2358],{"type":21,"value":255},{"type":15,"tag":210,"props":2360,"children":2361},{"style":258},[2362],{"type":21,"value":332},{"type":15,"tag":210,"props":2364,"children":2365},{"class":212,"line":827},[2366,2371,2375],{"type":15,"tag":210,"props":2367,"children":2368},{"style":247},[2369],{"type":21,"value":2370},"      role",{"type":15,"tag":210,"props":2372,"children":2373},{"style":217},[2374],{"type":21,"value":255},{"type":15,"tag":210,"props":2376,"children":2377},{"style":258},[2378],{"type":21,"value":350},{"type":15,"tag":210,"props":2380,"children":2381},{"class":212,"line":844},[2382,2387,2391],{"type":15,"tag":210,"props":2383,"children":2384},{"style":247},[2385],{"type":21,"value":2386},"      aria-labelledby",{"type":15,"tag":210,"props":2388,"children":2389},{"style":217},[2390],{"type":21,"value":255},{"type":15,"tag":210,"props":2392,"children":2393},{"style":258},[2394],{"type":21,"value":368},{"type":15,"tag":210,"props":2396,"children":2397},{"class":212,"line":861},[2398,2403,2407],{"type":15,"tag":210,"props":2399,"children":2400},{"style":247},[2401],{"type":21,"value":2402},"      aria-describedby",{"type":15,"tag":210,"props":2404,"children":2405},{"style":217},[2406],{"type":21,"value":255},{"type":15,"tag":210,"props":2408,"children":2409},{"style":258},[2410],{"type":21,"value":386},{"type":15,"tag":210,"props":2412,"children":2413},{"class":212,"line":869},[2414,2419,2423],{"type":15,"tag":210,"props":2415,"children":2416},{"style":247},[2417],{"type":21,"value":2418},"      v-model",{"type":15,"tag":210,"props":2420,"children":2421},{"style":217},[2422],{"type":21,"value":255},{"type":15,"tag":210,"props":2424,"children":2425},{"style":258},[2426],{"type":21,"value":404},{"type":15,"tag":210,"props":2428,"children":2429},{"class":212,"line":905},[2430],{"type":15,"tag":210,"props":2431,"children":2432},{"style":217},[2433],{"type":21,"value":2434},"    >\n",{"type":15,"tag":210,"props":2436,"children":2437},{"class":212,"line":969},[2438,2442,2446],{"type":15,"tag":210,"props":2439,"children":2440},{"style":217},[2441],{"type":21,"value":440},{"type":15,"tag":210,"props":2443,"children":2444},{"style":223},[2445],{"type":21,"value":427},{"type":15,"tag":210,"props":2447,"children":2448},{"style":217},[2449],{"type":21,"value":230},{"type":15,"tag":210,"props":2451,"children":2452},{"class":212,"line":977},[2453,2457,2461,2465,2469,2473,2477,2481,2485,2489,2493,2497,2501],{"type":15,"tag":210,"props":2454,"children":2455},{"style":217},[2456],{"type":21,"value":503},{"type":15,"tag":210,"props":2458,"children":2459},{"style":223},[2460],{"type":21,"value":244},{"type":15,"tag":210,"props":2462,"children":2463},{"style":247},[2464],{"type":21,"value":449},{"type":15,"tag":210,"props":2466,"children":2467},{"style":247},[2468],{"type":21,"value":454},{"type":15,"tag":210,"props":2470,"children":2471},{"style":217},[2472],{"type":21,"value":255},{"type":15,"tag":210,"props":2474,"children":2475},{"style":258},[2476],{"type":21,"value":463},{"type":15,"tag":210,"props":2478,"children":2479},{"style":247},[2480],{"type":21,"value":468},{"type":15,"tag":210,"props":2482,"children":2483},{"style":217},[2484],{"type":21,"value":255},{"type":15,"tag":210,"props":2486,"children":2487},{"style":258},[2488],{"type":21,"value":477},{"type":15,"tag":210,"props":2490,"children":2491},{"style":247},[2492],{"type":21,"value":250},{"type":15,"tag":210,"props":2494,"children":2495},{"style":217},[2496],{"type":21,"value":255},{"type":15,"tag":210,"props":2498,"children":2499},{"style":258},[2500],{"type":21,"value":490},{"type":15,"tag":210,"props":2502,"children":2503},{"style":217},[2504],{"type":21,"value":230},{"type":15,"tag":210,"props":2506,"children":2507},{"class":212,"line":1053},[2508,2512,2516],{"type":15,"tag":210,"props":2509,"children":2510},{"style":217},[2511],{"type":21,"value":1485},{"type":15,"tag":210,"props":2513,"children":2514},{"style":223},[2515],{"type":21,"value":508},{"type":15,"tag":210,"props":2517,"children":2518},{"style":217},[2519],{"type":21,"value":513},{"type":15,"tag":210,"props":2521,"children":2522},{"class":212,"line":1865},[2523,2527,2531],{"type":15,"tag":210,"props":2524,"children":2525},{"style":217},[2526],{"type":21,"value":1644},{"type":15,"tag":210,"props":2528,"children":2529},{"style":223},[2530],{"type":21,"value":244},{"type":15,"tag":210,"props":2532,"children":2533},{"style":217},[2534],{"type":21,"value":230},{"type":15,"tag":210,"props":2536,"children":2537},{"class":212,"line":1881},[2538,2542,2546,2550,2554,2558,2562,2566,2570],{"type":15,"tag":210,"props":2539,"children":2540},{"style":217},[2541],{"type":21,"value":503},{"type":15,"tag":210,"props":2543,"children":2544},{"style":223},[2545],{"type":21,"value":134},{"type":15,"tag":210,"props":2547,"children":2548},{"style":247},[2549],{"type":21,"value":547},{"type":15,"tag":210,"props":2551,"children":2552},{"style":217},[2553],{"type":21,"value":255},{"type":15,"tag":210,"props":2555,"children":2556},{"style":258},[2557],{"type":21,"value":556},{"type":15,"tag":210,"props":2559,"children":2560},{"style":247},[2561],{"type":21,"value":468},{"type":15,"tag":210,"props":2563,"children":2564},{"style":217},[2565],{"type":21,"value":255},{"type":15,"tag":210,"props":2567,"children":2568},{"style":258},[2569],{"type":21,"value":569},{"type":15,"tag":210,"props":2571,"children":2572},{"style":217},[2573],{"type":21,"value":230},{"type":15,"tag":210,"props":2575,"children":2576},{"class":212,"line":1897},[2577],{"type":15,"tag":210,"props":2578,"children":2579},{"style":217},[2580],{"type":21,"value":2581},"          You might miss out on great deals\n",{"type":15,"tag":210,"props":2583,"children":2584},{"class":212,"line":1906},[2585,2589,2593],{"type":15,"tag":210,"props":2586,"children":2587},{"style":217},[2588],{"type":21,"value":1644},{"type":15,"tag":210,"props":2590,"children":2591},{"style":223},[2592],{"type":21,"value":134},{"type":15,"tag":210,"props":2594,"children":2595},{"style":217},[2596],{"type":21,"value":230},{"type":15,"tag":210,"props":2598,"children":2599},{"class":212,"line":1915},[2600,2604,2608],{"type":15,"tag":210,"props":2601,"children":2602},{"style":217},[2603],{"type":21,"value":522},{"type":15,"tag":210,"props":2605,"children":2606},{"style":223},[2607],{"type":21,"value":427},{"type":15,"tag":210,"props":2609,"children":2610},{"style":217},[2611],{"type":21,"value":230},{"type":15,"tag":210,"props":2613,"children":2615},{"class":212,"line":2614},41,[2616,2620,2624,2628,2632,2636,2640,2644,2648],{"type":15,"tag":210,"props":2617,"children":2618},{"style":217},[2619],{"type":21,"value":440},{"type":15,"tag":210,"props":2621,"children":2622},{"style":223},[2623],{"type":21,"value":32},{"type":15,"tag":210,"props":2625,"children":2626},{"style":247},[2627],{"type":21,"value":547},{"type":15,"tag":210,"props":2629,"children":2630},{"style":217},[2631],{"type":21,"value":255},{"type":15,"tag":210,"props":2633,"children":2634},{"style":258},[2635],{"type":21,"value":640},{"type":15,"tag":210,"props":2637,"children":2638},{"style":247},[2639],{"type":21,"value":468},{"type":15,"tag":210,"props":2641,"children":2642},{"style":217},[2643],{"type":21,"value":255},{"type":15,"tag":210,"props":2645,"children":2646},{"style":258},[2647],{"type":21,"value":653},{"type":15,"tag":210,"props":2649,"children":2650},{"style":217},[2651],{"type":21,"value":230},{"type":15,"tag":210,"props":2653,"children":2655},{"class":212,"line":2654},42,[2656],{"type":15,"tag":210,"props":2657,"children":2658},{"style":217},[2659],{"type":21,"value":2660},"        There are special offers for some of the items on your wishlist. Do you want to see these deals before\n",{"type":15,"tag":210,"props":2662,"children":2664},{"class":212,"line":2663},43,[2665],{"type":15,"tag":210,"props":2666,"children":2667},{"style":217},[2668],{"type":21,"value":2669},"        proceeding to checkout page?\n",{"type":15,"tag":210,"props":2671,"children":2673},{"class":212,"line":2672},44,[2674,2678,2682],{"type":15,"tag":210,"props":2675,"children":2676},{"style":217},[2677],{"type":21,"value":522},{"type":15,"tag":210,"props":2679,"children":2680},{"style":223},[2681],{"type":21,"value":32},{"type":15,"tag":210,"props":2683,"children":2684},{"style":217},[2685],{"type":21,"value":230},{"type":15,"tag":210,"props":2687,"children":2689},{"class":212,"line":2688},45,[2690,2694,2698,2702,2706,2710],{"type":15,"tag":210,"props":2691,"children":2692},{"style":217},[2693],{"type":21,"value":440},{"type":15,"tag":210,"props":2695,"children":2696},{"style":223},[2697],{"type":21,"value":704},{"type":15,"tag":210,"props":2699,"children":2700},{"style":247},[2701],{"type":21,"value":468},{"type":15,"tag":210,"props":2703,"children":2704},{"style":217},[2705],{"type":21,"value":255},{"type":15,"tag":210,"props":2707,"children":2708},{"style":258},[2709],{"type":21,"value":717},{"type":15,"tag":210,"props":2711,"children":2712},{"style":217},[2713],{"type":21,"value":230},{"type":15,"tag":210,"props":2715,"children":2717},{"class":212,"line":2716},46,[2718,2722,2726,2730,2734,2738,2742,2746,2750,2754,2758],{"type":15,"tag":210,"props":2719,"children":2720},{"style":217},[2721],{"type":21,"value":503},{"type":15,"tag":210,"props":2723,"children":2724},{"style":223},[2725],{"type":21,"value":244},{"type":15,"tag":210,"props":2727,"children":2728},{"style":247},[2729],{"type":21,"value":454},{"type":15,"tag":210,"props":2731,"children":2732},{"style":217},[2733],{"type":21,"value":255},{"type":15,"tag":210,"props":2735,"children":2736},{"style":258},[2737],{"type":21,"value":746},{"type":15,"tag":210,"props":2739,"children":2740},{"style":247},[2741],{"type":21,"value":250},{"type":15,"tag":210,"props":2743,"children":2744},{"style":217},[2745],{"type":21,"value":255},{"type":15,"tag":210,"props":2747,"children":2748},{"style":258},[2749],{"type":21,"value":490},{"type":15,"tag":210,"props":2751,"children":2752},{"style":217},[2753],{"type":21,"value":763},{"type":15,"tag":210,"props":2755,"children":2756},{"style":223},[2757],{"type":21,"value":244},{"type":15,"tag":210,"props":2759,"children":2760},{"style":217},[2761],{"type":21,"value":230},{"type":15,"tag":210,"props":2763,"children":2765},{"class":212,"line":2764},47,[2766,2770,2774,2778,2782,2786,2790,2794],{"type":15,"tag":210,"props":2767,"children":2768},{"style":217},[2769],{"type":21,"value":503},{"type":15,"tag":210,"props":2771,"children":2772},{"style":223},[2773],{"type":21,"value":244},{"type":15,"tag":210,"props":2775,"children":2776},{"style":247},[2777],{"type":21,"value":250},{"type":15,"tag":210,"props":2779,"children":2780},{"style":217},[2781],{"type":21,"value":255},{"type":15,"tag":210,"props":2783,"children":2784},{"style":258},[2785],{"type":21,"value":490},{"type":15,"tag":210,"props":2787,"children":2788},{"style":217},[2789],{"type":21,"value":800},{"type":15,"tag":210,"props":2791,"children":2792},{"style":223},[2793],{"type":21,"value":244},{"type":15,"tag":210,"props":2795,"children":2796},{"style":217},[2797],{"type":21,"value":230},{"type":15,"tag":210,"props":2799,"children":2801},{"class":212,"line":2800},48,[2802,2806,2810],{"type":15,"tag":210,"props":2803,"children":2804},{"style":217},[2805],{"type":21,"value":522},{"type":15,"tag":210,"props":2807,"children":2808},{"style":223},[2809],{"type":21,"value":704},{"type":15,"tag":210,"props":2811,"children":2812},{"style":217},[2813],{"type":21,"value":230},{"type":15,"tag":210,"props":2815,"children":2817},{"class":212,"line":2816},49,[2818,2822,2826],{"type":15,"tag":210,"props":2819,"children":2820},{"style":217},[2821],{"type":21,"value":607},{"type":15,"tag":210,"props":2823,"children":2824},{"style":223},[2825],{"type":21,"value":41},{"type":15,"tag":210,"props":2827,"children":2828},{"style":217},[2829],{"type":21,"value":230},{"type":15,"tag":210,"props":2831,"children":2833},{"class":212,"line":2832},50,[2834,2838,2842],{"type":15,"tag":210,"props":2835,"children":2836},{"style":217},[2837],{"type":21,"value":833},{"type":15,"tag":210,"props":2839,"children":2840},{"style":223},[2841],{"type":21,"value":2190},{"type":15,"tag":210,"props":2843,"children":2844},{"style":217},[2845],{"type":21,"value":230},{"type":15,"tag":210,"props":2847,"children":2849},{"class":212,"line":2848},51,[2850,2854,2858],{"type":15,"tag":210,"props":2851,"children":2852},{"style":217},[2853],{"type":21,"value":850},{"type":15,"tag":210,"props":2855,"children":2856},{"style":223},[2857],{"type":21,"value":28},{"type":15,"tag":210,"props":2859,"children":2860},{"style":217},[2861],{"type":21,"value":230},{"type":15,"tag":210,"props":2863,"children":2865},{"class":212,"line":2864},52,[2866],{"type":15,"tag":210,"props":2867,"children":2868},{"emptyLinePlaceholder":8},[2869],{"type":21,"value":283},{"type":15,"tag":210,"props":2871,"children":2873},{"class":212,"line":2872},53,[2874,2878,2882,2886,2890,2894,2898],{"type":15,"tag":210,"props":2875,"children":2876},{"style":217},[2877],{"type":21,"value":220},{"type":15,"tag":210,"props":2879,"children":2880},{"style":223},[2881],{"type":21,"value":879},{"type":15,"tag":210,"props":2883,"children":2884},{"style":247},[2885],{"type":21,"value":884},{"type":15,"tag":210,"props":2887,"children":2888},{"style":217},[2889],{"type":21,"value":255},{"type":15,"tag":210,"props":2891,"children":2892},{"style":258},[2893],{"type":21,"value":893},{"type":15,"tag":210,"props":2895,"children":2896},{"style":247},[2897],{"type":21,"value":898},{"type":15,"tag":210,"props":2899,"children":2900},{"style":217},[2901],{"type":21,"value":230},{"type":15,"tag":210,"props":2903,"children":2905},{"class":212,"line":2904},54,[2906,2910,2914,2918,2922,2926,2930,2934,2938,2942,2946,2950,2954],{"type":15,"tag":210,"props":2907,"children":2908},{"style":909},[2909],{"type":21,"value":912},{"type":15,"tag":210,"props":2911,"children":2912},{"style":217},[2913],{"type":21,"value":917},{"type":15,"tag":210,"props":2915,"children":2916},{"style":223},[2917],{"type":21,"value":41},{"type":15,"tag":210,"props":2919,"children":2920},{"style":217},[2921],{"type":21,"value":926},{"type":15,"tag":210,"props":2923,"children":2924},{"style":223},[2925],{"type":21,"value":244},{"type":15,"tag":210,"props":2927,"children":2928},{"style":217},[2929],{"type":21,"value":926},{"type":15,"tag":210,"props":2931,"children":2932},{"style":223},[2933],{"type":21,"value":508},{"type":15,"tag":210,"props":2935,"children":2936},{"style":217},[2937],{"type":21,"value":926},{"type":15,"tag":210,"props":2939,"children":2940},{"style":223},[2941],{"type":21,"value":187},{"type":15,"tag":210,"props":2943,"children":2944},{"style":217},[2945],{"type":21,"value":951},{"type":15,"tag":210,"props":2947,"children":2948},{"style":909},[2949],{"type":21,"value":956},{"type":15,"tag":210,"props":2951,"children":2952},{"style":258},[2953],{"type":21,"value":961},{"type":15,"tag":210,"props":2955,"children":2956},{"style":217},[2957],{"type":21,"value":966},{"type":15,"tag":210,"props":2959,"children":2961},{"class":212,"line":2960},55,[2962],{"type":15,"tag":210,"props":2963,"children":2964},{"emptyLinePlaceholder":8},[2965],{"type":21,"value":283},{"type":15,"tag":210,"props":2967,"children":2969},{"class":212,"line":2968},56,[2970,2974,2978,2982,2986,2990,2994,2998,3002,3006,3010,3014,3018,3022,3026],{"type":15,"tag":210,"props":2971,"children":2972},{"style":909},[2973],{"type":21,"value":983},{"type":15,"tag":210,"props":2975,"children":2976},{"style":217},[2977],{"type":21,"value":917},{"type":15,"tag":210,"props":2979,"children":2980},{"style":990},[2981],{"type":21,"value":993},{"type":15,"tag":210,"props":2983,"children":2984},{"style":217},[2985],{"type":21,"value":926},{"type":15,"tag":210,"props":2987,"children":2988},{"style":990},[2989],{"type":21,"value":170},{"type":15,"tag":210,"props":2991,"children":2992},{"style":217},[2993],{"type":21,"value":926},{"type":15,"tag":210,"props":2995,"children":2996},{"style":990},[2997],{"type":21,"value":1010},{"type":15,"tag":210,"props":2999,"children":3000},{"style":217},[3001],{"type":21,"value":951},{"type":15,"tag":210,"props":3003,"children":3004},{"style":1017},[3005],{"type":21,"value":255},{"type":15,"tag":210,"props":3007,"children":3008},{"style":1022},[3009],{"type":21,"value":1025},{"type":15,"tag":210,"props":3011,"children":3012},{"style":217},[3013],{"type":21,"value":1030},{"type":15,"tag":210,"props":3015,"children":3016},{"style":223},[3017],{"type":21,"value":1035},{"type":15,"tag":210,"props":3019,"children":3020},{"style":217},[3021],{"type":21,"value":1040},{"type":15,"tag":210,"props":3023,"children":3024},{"style":247},[3025],{"type":21,"value":1045},{"type":15,"tag":210,"props":3027,"children":3028},{"style":217},[3029],{"type":21,"value":1050},{"type":15,"tag":210,"props":3031,"children":3033},{"class":212,"line":3032},57,[3034,3038,3042],{"type":15,"tag":210,"props":3035,"children":3036},{"style":217},[3037],{"type":21,"value":850},{"type":15,"tag":210,"props":3039,"children":3040},{"style":223},[3041],{"type":21,"value":879},{"type":15,"tag":210,"props":3043,"children":3044},{"style":217},[3045],{"type":21,"value":230},{"type":15,"tag":157,"props":3047,"children":3048},{},[3049],{"type":15,"tag":200,"props":3050,"children":3052},{"className":1072,"code":3051,"language":1074,"meta":9,"style":9},"import { useId, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { SfModal, SfButton, SfIconClose, useDisclosure } from '@storefront-ui\u002Freact';\n\nexport default function ModalTransition() {\n  const { isOpen, open, close } = useDisclosure({ initialValue: false });\n  const headingId = useId();\n  const descriptionId = useId();\n  const modalRef = useRef\u003CHTMLElement>(null);\n  const backdropRef = useRef\u003CHTMLDivElement>(null);\n\n  return (\n    \u003C>\n      \u003CSfButton onClick={open}>To Checkout\u003C\u002FSfButton>\n\n      {\u002F* Backdrop *\u002F}\n      \u003CCSSTransition\n        in={isOpen}\n        nodeRef={backdropRef}\n        timeout={200}\n        unmountOnExit\n        classNames={{\n          enter: 'opacity-0',\n          enterDone: 'opacity-100 transition duration-200 ease-out',\n          exitActive: 'opacity-0 transition duration-200 ease-out',\n        }}\n      >\n        \u003Cdiv ref={backdropRef} className=\"fixed inset-0 bg-neutral-700\u002F50\" \u002F>\n      \u003C\u002FCSSTransition>\n\n      {\u002F* Modal *\u002F}\n      \u003CCSSTransition\n        in={isOpen}\n        nodeRef={modalRef}\n        timeout={200}\n        unmountOnExit\n        classNames={{\n          enter: 'translate-y-10 opacity-0',\n          enterDone: 'translate-y-0 opacity-100 transition duration-200 ease-out',\n          exitActive: 'translate-y-10 opacity-0 transition duration-200 ease-out',\n        }}\n      >\n        \u003CSfModal\n          open\n          onClose={close}\n          ref={modalRef}\n          as=\"section\"\n          role=\"alertdialog\"\n          aria-labelledby={headingId}\n          aria-describedby={descriptionId}\n          className=\"max-w-[90%] md:max-w-lg\"\n        >\n          \u003Cheader>\n            \u003CSfButton square variant=\"tertiary\" className=\"absolute right-2 top-2\" onClick={close}>\n              \u003CSfIconClose \u002F>\n            \u003C\u002FSfButton>\n            \u003Ch3 id={headingId} className=\"font-bold typography-headline-4 md:typography-headline-3\">\n              You might miss out on great deals\n            \u003C\u002Fh3>\n          \u003C\u002Fheader>\n          \u003Cp id={descriptionId} className=\"mt-2\">\n            There are special offers for some of the items on your wishlist. Do you want to see these deals before\n            proceeding to checkout page?\n          \u003C\u002Fp>\n          \u003Cfooter className=\"flex justify-end gap-4 mt-4\">\n            \u003CSfButton variant=\"secondary\" onClick={close}>\n              Skip\n            \u003C\u002FSfButton>\n            \u003CSfButton onClick={close}>Yes!\u003C\u002FSfButton>\n          \u003C\u002Ffooter>\n        \u003C\u002FSfModal>\n      \u003C\u002FCSSTransition>\n    \u003C\u002F>\n  );\n}\n",[3053],{"type":15,"tag":36,"props":3054,"children":3055},{"__ignoreMap":9},[3056,3098,3131,3186,3193,3217,3280,3307,3331,3376,3417,3424,3435,3442,3485,3492,3509,3521,3545,3570,3595,3603,3624,3646,3667,3688,3700,3707,3755,3770,3777,3793,3804,3827,3851,3874,3881,3900,3920,3940,3960,3971,3978,3989,3997,4021,4045,4061,4077,4102,4127,4143,4151,4166,4229,4245,4261,4308,4317,4333,4349,4397,4406,4415,4431,4459,4507,4516,4532,4576,4592,4608,4624,4632,4640],{"type":15,"tag":210,"props":3057,"children":3058},{"class":212,"line":213},[3059,3063,3067,3072,3076,3081,3085,3089,3094],{"type":15,"tag":210,"props":3060,"children":3061},{"style":909},[3062],{"type":21,"value":912},{"type":15,"tag":210,"props":3064,"children":3065},{"style":217},[3066],{"type":21,"value":917},{"type":15,"tag":210,"props":3068,"children":3069},{"style":223},[3070],{"type":21,"value":3071},"useId",{"type":15,"tag":210,"props":3073,"children":3074},{"style":217},[3075],{"type":21,"value":926},{"type":15,"tag":210,"props":3077,"children":3078},{"style":223},[3079],{"type":21,"value":3080},"useRef",{"type":15,"tag":210,"props":3082,"children":3083},{"style":217},[3084],{"type":21,"value":951},{"type":15,"tag":210,"props":3086,"children":3087},{"style":909},[3088],{"type":21,"value":956},{"type":15,"tag":210,"props":3090,"children":3091},{"style":258},[3092],{"type":21,"value":3093}," 'react'",{"type":15,"tag":210,"props":3095,"children":3096},{"style":217},[3097],{"type":21,"value":966},{"type":15,"tag":210,"props":3099,"children":3100},{"class":212,"line":233},[3101,3105,3109,3114,3118,3122,3127],{"type":15,"tag":210,"props":3102,"children":3103},{"style":909},[3104],{"type":21,"value":912},{"type":15,"tag":210,"props":3106,"children":3107},{"style":217},[3108],{"type":21,"value":917},{"type":15,"tag":210,"props":3110,"children":3111},{"style":223},[3112],{"type":21,"value":3113},"CSSTransition",{"type":15,"tag":210,"props":3115,"children":3116},{"style":217},[3117],{"type":21,"value":951},{"type":15,"tag":210,"props":3119,"children":3120},{"style":909},[3121],{"type":21,"value":956},{"type":15,"tag":210,"props":3123,"children":3124},{"style":258},[3125],{"type":21,"value":3126}," 'react-transition-group'",{"type":15,"tag":210,"props":3128,"children":3129},{"style":217},[3130],{"type":21,"value":966},{"type":15,"tag":210,"props":3132,"children":3133},{"class":212,"line":277},[3134,3138,3142,3146,3150,3154,3158,3162,3166,3170,3174,3178,3182],{"type":15,"tag":210,"props":3135,"children":3136},{"style":909},[3137],{"type":21,"value":912},{"type":15,"tag":210,"props":3139,"children":3140},{"style":217},[3141],{"type":21,"value":917},{"type":15,"tag":210,"props":3143,"children":3144},{"style":223},[3145],{"type":21,"value":41},{"type":15,"tag":210,"props":3147,"children":3148},{"style":217},[3149],{"type":21,"value":926},{"type":15,"tag":210,"props":3151,"children":3152},{"style":223},[3153],{"type":21,"value":244},{"type":15,"tag":210,"props":3155,"children":3156},{"style":217},[3157],{"type":21,"value":926},{"type":15,"tag":210,"props":3159,"children":3160},{"style":223},[3161],{"type":21,"value":508},{"type":15,"tag":210,"props":3163,"children":3164},{"style":217},[3165],{"type":21,"value":926},{"type":15,"tag":210,"props":3167,"children":3168},{"style":223},[3169],{"type":21,"value":187},{"type":15,"tag":210,"props":3171,"children":3172},{"style":217},[3173],{"type":21,"value":951},{"type":15,"tag":210,"props":3175,"children":3176},{"style":909},[3177],{"type":21,"value":956},{"type":15,"tag":210,"props":3179,"children":3180},{"style":258},[3181],{"type":21,"value":1130},{"type":15,"tag":210,"props":3183,"children":3184},{"style":217},[3185],{"type":21,"value":966},{"type":15,"tag":210,"props":3187,"children":3188},{"class":212,"line":286},[3189],{"type":15,"tag":210,"props":3190,"children":3191},{"emptyLinePlaceholder":8},[3192],{"type":21,"value":283},{"type":15,"tag":210,"props":3194,"children":3195},{"class":212,"line":299},[3196,3200,3204,3208,3213],{"type":15,"tag":210,"props":3197,"children":3198},{"style":909},[3199],{"type":21,"value":1149},{"type":15,"tag":210,"props":3201,"children":3202},{"style":909},[3203],{"type":21,"value":1154},{"type":15,"tag":210,"props":3205,"children":3206},{"style":909},[3207],{"type":21,"value":78},{"type":15,"tag":210,"props":3209,"children":3210},{"style":1022},[3211],{"type":21,"value":3212}," ModalTransition",{"type":15,"tag":210,"props":3214,"children":3215},{"style":217},[3216],{"type":21,"value":1168},{"type":15,"tag":210,"props":3218,"children":3219},{"class":212,"line":317},[3220,3224,3228,3232,3236,3240,3244,3248,3252,3256,3260,3264,3268,3272,3276],{"type":15,"tag":210,"props":3221,"children":3222},{"style":909},[3223],{"type":21,"value":1176},{"type":15,"tag":210,"props":3225,"children":3226},{"style":217},[3227],{"type":21,"value":917},{"type":15,"tag":210,"props":3229,"children":3230},{"style":990},[3231],{"type":21,"value":993},{"type":15,"tag":210,"props":3233,"children":3234},{"style":217},[3235],{"type":21,"value":926},{"type":15,"tag":210,"props":3237,"children":3238},{"style":990},[3239],{"type":21,"value":170},{"type":15,"tag":210,"props":3241,"children":3242},{"style":217},[3243],{"type":21,"value":926},{"type":15,"tag":210,"props":3245,"children":3246},{"style":990},[3247],{"type":21,"value":1010},{"type":15,"tag":210,"props":3249,"children":3250},{"style":217},[3251],{"type":21,"value":951},{"type":15,"tag":210,"props":3253,"children":3254},{"style":1017},[3255],{"type":21,"value":255},{"type":15,"tag":210,"props":3257,"children":3258},{"style":1022},[3259],{"type":21,"value":1025},{"type":15,"tag":210,"props":3261,"children":3262},{"style":217},[3263],{"type":21,"value":1030},{"type":15,"tag":210,"props":3265,"children":3266},{"style":223},[3267],{"type":21,"value":1035},{"type":15,"tag":210,"props":3269,"children":3270},{"style":217},[3271],{"type":21,"value":1040},{"type":15,"tag":210,"props":3273,"children":3274},{"style":247},[3275],{"type":21,"value":1045},{"type":15,"tag":210,"props":3277,"children":3278},{"style":217},[3279],{"type":21,"value":1050},{"type":15,"tag":210,"props":3281,"children":3282},{"class":212,"line":335},[3283,3287,3292,3297,3302],{"type":15,"tag":210,"props":3284,"children":3285},{"style":909},[3286],{"type":21,"value":1176},{"type":15,"tag":210,"props":3288,"children":3289},{"style":990},[3290],{"type":21,"value":3291}," headingId",{"type":15,"tag":210,"props":3293,"children":3294},{"style":1017},[3295],{"type":21,"value":3296}," =",{"type":15,"tag":210,"props":3298,"children":3299},{"style":1022},[3300],{"type":21,"value":3301}," useId",{"type":15,"tag":210,"props":3303,"children":3304},{"style":217},[3305],{"type":21,"value":3306},"();\n",{"type":15,"tag":210,"props":3308,"children":3309},{"class":212,"line":353},[3310,3314,3319,3323,3327],{"type":15,"tag":210,"props":3311,"children":3312},{"style":909},[3313],{"type":21,"value":1176},{"type":15,"tag":210,"props":3315,"children":3316},{"style":990},[3317],{"type":21,"value":3318}," descriptionId",{"type":15,"tag":210,"props":3320,"children":3321},{"style":1017},[3322],{"type":21,"value":3296},{"type":15,"tag":210,"props":3324,"children":3325},{"style":1022},[3326],{"type":21,"value":3301},{"type":15,"tag":210,"props":3328,"children":3329},{"style":217},[3330],{"type":21,"value":3306},{"type":15,"tag":210,"props":3332,"children":3333},{"class":212,"line":371},[3334,3338,3343,3347,3352,3356,3361,3366,3371],{"type":15,"tag":210,"props":3335,"children":3336},{"style":909},[3337],{"type":21,"value":1176},{"type":15,"tag":210,"props":3339,"children":3340},{"style":990},[3341],{"type":21,"value":3342}," modalRef",{"type":15,"tag":210,"props":3344,"children":3345},{"style":1017},[3346],{"type":21,"value":3296},{"type":15,"tag":210,"props":3348,"children":3349},{"style":1022},[3350],{"type":21,"value":3351}," useRef",{"type":15,"tag":210,"props":3353,"children":3354},{"style":217},[3355],{"type":21,"value":220},{"type":15,"tag":210,"props":3357,"children":3358},{"style":990},[3359],{"type":21,"value":3360},"HTMLElement",{"type":15,"tag":210,"props":3362,"children":3363},{"style":217},[3364],{"type":21,"value":3365},">(",{"type":15,"tag":210,"props":3367,"children":3368},{"style":247},[3369],{"type":21,"value":3370},"null",{"type":15,"tag":210,"props":3372,"children":3373},{"style":217},[3374],{"type":21,"value":3375},");\n",{"type":15,"tag":210,"props":3377,"children":3378},{"class":212,"line":389},[3379,3383,3388,3392,3396,3400,3405,3409,3413],{"type":15,"tag":210,"props":3380,"children":3381},{"style":909},[3382],{"type":21,"value":1176},{"type":15,"tag":210,"props":3384,"children":3385},{"style":990},[3386],{"type":21,"value":3387}," backdropRef",{"type":15,"tag":210,"props":3389,"children":3390},{"style":1017},[3391],{"type":21,"value":3296},{"type":15,"tag":210,"props":3393,"children":3394},{"style":1022},[3395],{"type":21,"value":3351},{"type":15,"tag":210,"props":3397,"children":3398},{"style":217},[3399],{"type":21,"value":220},{"type":15,"tag":210,"props":3401,"children":3402},{"style":990},[3403],{"type":21,"value":3404},"HTMLDivElement",{"type":15,"tag":210,"props":3406,"children":3407},{"style":217},[3408],{"type":21,"value":3365},{"type":15,"tag":210,"props":3410,"children":3411},{"style":247},[3412],{"type":21,"value":3370},{"type":15,"tag":210,"props":3414,"children":3415},{"style":217},[3416],{"type":21,"value":3375},{"type":15,"tag":210,"props":3418,"children":3419},{"class":212,"line":407},[3420],{"type":15,"tag":210,"props":3421,"children":3422},{"emptyLinePlaceholder":8},[3423],{"type":21,"value":283},{"type":15,"tag":210,"props":3425,"children":3426},{"class":212,"line":416},[3427,3431],{"type":15,"tag":210,"props":3428,"children":3429},{"style":909},[3430],{"type":21,"value":1247},{"type":15,"tag":210,"props":3432,"children":3433},{"style":217},[3434],{"type":21,"value":1252},{"type":15,"tag":210,"props":3436,"children":3437},{"class":212,"line":434},[3438],{"type":15,"tag":210,"props":3439,"children":3440},{"style":217},[3441],{"type":21,"value":1260},{"type":15,"tag":210,"props":3443,"children":3444},{"class":212,"line":497},[3445,3449,3453,3457,3461,3465,3469,3473,3477,3481],{"type":15,"tag":210,"props":3446,"children":3447},{"style":217},[3448],{"type":21,"value":440},{"type":15,"tag":210,"props":3450,"children":3451},{"style":990},[3452],{"type":21,"value":244},{"type":15,"tag":210,"props":3454,"children":3455},{"style":1274},[3456],{"type":21,"value":1277},{"type":15,"tag":210,"props":3458,"children":3459},{"style":1017},[3460],{"type":21,"value":255},{"type":15,"tag":210,"props":3462,"children":3463},{"style":909},[3464],{"type":21,"value":1286},{"type":15,"tag":210,"props":3466,"children":3467},{"style":223},[3468],{"type":21,"value":170},{"type":15,"tag":210,"props":3470,"children":3471},{"style":909},[3472],{"type":21,"value":1295},{"type":15,"tag":210,"props":3474,"children":3475},{"style":217},[3476],{"type":21,"value":266},{"type":15,"tag":210,"props":3478,"children":3479},{"style":990},[3480],{"type":21,"value":244},{"type":15,"tag":210,"props":3482,"children":3483},{"style":217},[3484],{"type":21,"value":230},{"type":15,"tag":210,"props":3486,"children":3487},{"class":212,"line":516},[3488],{"type":15,"tag":210,"props":3489,"children":3490},{"emptyLinePlaceholder":8},[3491],{"type":21,"value":283},{"type":15,"tag":210,"props":3493,"children":3494},{"class":212,"line":533},[3495,3500,3505],{"type":15,"tag":210,"props":3496,"children":3497},{"style":909},[3498],{"type":21,"value":3499},"      {",{"type":15,"tag":210,"props":3501,"children":3502},{"style":2008},[3503],{"type":21,"value":3504},"\u002F* Backdrop *\u002F",{"type":15,"tag":210,"props":3506,"children":3507},{"style":909},[3508],{"type":21,"value":1350},{"type":15,"tag":210,"props":3510,"children":3511},{"class":212,"line":576},[3512,3516],{"type":15,"tag":210,"props":3513,"children":3514},{"style":217},[3515],{"type":21,"value":440},{"type":15,"tag":210,"props":3517,"children":3518},{"style":990},[3519],{"type":21,"value":3520},"CSSTransition\n",{"type":15,"tag":210,"props":3522,"children":3523},{"class":212,"line":585},[3524,3529,3533,3537,3541],{"type":15,"tag":210,"props":3525,"children":3526},{"style":1274},[3527],{"type":21,"value":3528},"        in",{"type":15,"tag":210,"props":3530,"children":3531},{"style":1017},[3532],{"type":21,"value":255},{"type":15,"tag":210,"props":3534,"children":3535},{"style":909},[3536],{"type":21,"value":1286},{"type":15,"tag":210,"props":3538,"children":3539},{"style":223},[3540],{"type":21,"value":993},{"type":15,"tag":210,"props":3542,"children":3543},{"style":909},[3544],{"type":21,"value":1350},{"type":15,"tag":210,"props":3546,"children":3547},{"class":212,"line":601},[3548,3553,3557,3561,3566],{"type":15,"tag":210,"props":3549,"children":3550},{"style":1274},[3551],{"type":21,"value":3552},"        nodeRef",{"type":15,"tag":210,"props":3554,"children":3555},{"style":1017},[3556],{"type":21,"value":255},{"type":15,"tag":210,"props":3558,"children":3559},{"style":909},[3560],{"type":21,"value":1286},{"type":15,"tag":210,"props":3562,"children":3563},{"style":223},[3564],{"type":21,"value":3565},"backdropRef",{"type":15,"tag":210,"props":3567,"children":3568},{"style":909},[3569],{"type":21,"value":1350},{"type":15,"tag":210,"props":3571,"children":3572},{"class":212,"line":618},[3573,3578,3582,3586,3591],{"type":15,"tag":210,"props":3574,"children":3575},{"style":1274},[3576],{"type":21,"value":3577},"        timeout",{"type":15,"tag":210,"props":3579,"children":3580},{"style":1017},[3581],{"type":21,"value":255},{"type":15,"tag":210,"props":3583,"children":3584},{"style":909},[3585],{"type":21,"value":1286},{"type":15,"tag":210,"props":3587,"children":3588},{"style":247},[3589],{"type":21,"value":3590},"200",{"type":15,"tag":210,"props":3592,"children":3593},{"style":909},[3594],{"type":21,"value":1350},{"type":15,"tag":210,"props":3596,"children":3597},{"class":212,"line":660},[3598],{"type":15,"tag":210,"props":3599,"children":3600},{"style":1274},[3601],{"type":21,"value":3602},"        unmountOnExit\n",{"type":15,"tag":210,"props":3604,"children":3605},{"class":212,"line":669},[3606,3611,3615,3619],{"type":15,"tag":210,"props":3607,"children":3608},{"style":1274},[3609],{"type":21,"value":3610},"        classNames",{"type":15,"tag":210,"props":3612,"children":3613},{"style":1017},[3614],{"type":21,"value":255},{"type":15,"tag":210,"props":3616,"children":3617},{"style":909},[3618],{"type":21,"value":1286},{"type":15,"tag":210,"props":3620,"children":3621},{"style":217},[3622],{"type":21,"value":3623},"{\n",{"type":15,"tag":210,"props":3625,"children":3626},{"class":212,"line":678},[3627,3632,3636,3641],{"type":15,"tag":210,"props":3628,"children":3629},{"style":223},[3630],{"type":21,"value":3631},"          enter",{"type":15,"tag":210,"props":3633,"children":3634},{"style":217},[3635],{"type":21,"value":1040},{"type":15,"tag":210,"props":3637,"children":3638},{"style":258},[3639],{"type":21,"value":3640},"'opacity-0'",{"type":15,"tag":210,"props":3642,"children":3643},{"style":217},[3644],{"type":21,"value":3645},",\n",{"type":15,"tag":210,"props":3647,"children":3648},{"class":212,"line":694},[3649,3654,3658,3663],{"type":15,"tag":210,"props":3650,"children":3651},{"style":223},[3652],{"type":21,"value":3653},"          enterDone",{"type":15,"tag":210,"props":3655,"children":3656},{"style":217},[3657],{"type":21,"value":1040},{"type":15,"tag":210,"props":3659,"children":3660},{"style":258},[3661],{"type":21,"value":3662},"'opacity-100 transition duration-200 ease-out'",{"type":15,"tag":210,"props":3664,"children":3665},{"style":217},[3666],{"type":21,"value":3645},{"type":15,"tag":210,"props":3668,"children":3669},{"class":212,"line":724},[3670,3675,3679,3684],{"type":15,"tag":210,"props":3671,"children":3672},{"style":223},[3673],{"type":21,"value":3674},"          exitActive",{"type":15,"tag":210,"props":3676,"children":3677},{"style":217},[3678],{"type":21,"value":1040},{"type":15,"tag":210,"props":3680,"children":3681},{"style":258},[3682],{"type":21,"value":3683},"'opacity-0 transition duration-200 ease-out'",{"type":15,"tag":210,"props":3685,"children":3686},{"style":217},[3687],{"type":21,"value":3645},{"type":15,"tag":210,"props":3689,"children":3690},{"class":212,"line":774},[3691,3696],{"type":15,"tag":210,"props":3692,"children":3693},{"style":217},[3694],{"type":21,"value":3695},"        }",{"type":15,"tag":210,"props":3697,"children":3698},{"style":909},[3699],{"type":21,"value":1350},{"type":15,"tag":210,"props":3701,"children":3702},{"class":212,"line":811},[3703],{"type":15,"tag":210,"props":3704,"children":3705},{"style":217},[3706],{"type":21,"value":1462},{"type":15,"tag":210,"props":3708,"children":3709},{"class":212,"line":827},[3710,3714,3718,3723,3727,3731,3735,3739,3743,3747,3751],{"type":15,"tag":210,"props":3711,"children":3712},{"style":217},[3713],{"type":21,"value":503},{"type":15,"tag":210,"props":3715,"children":3716},{"style":223},[3717],{"type":21,"value":2141},{"type":15,"tag":210,"props":3719,"children":3720},{"style":1274},[3721],{"type":21,"value":3722}," ref",{"type":15,"tag":210,"props":3724,"children":3725},{"style":1017},[3726],{"type":21,"value":255},{"type":15,"tag":210,"props":3728,"children":3729},{"style":909},[3730],{"type":21,"value":1286},{"type":15,"tag":210,"props":3732,"children":3733},{"style":223},[3734],{"type":21,"value":3565},{"type":15,"tag":210,"props":3736,"children":3737},{"style":909},[3738],{"type":21,"value":1295},{"type":15,"tag":210,"props":3740,"children":3741},{"style":1274},[3742],{"type":21,"value":1510},{"type":15,"tag":210,"props":3744,"children":3745},{"style":1017},[3746],{"type":21,"value":255},{"type":15,"tag":210,"props":3748,"children":3749},{"style":258},[3750],{"type":21,"value":2168},{"type":15,"tag":210,"props":3752,"children":3753},{"style":217},[3754],{"type":21,"value":513},{"type":15,"tag":210,"props":3756,"children":3757},{"class":212,"line":844},[3758,3762,3766],{"type":15,"tag":210,"props":3759,"children":3760},{"style":217},[3761],{"type":21,"value":522},{"type":15,"tag":210,"props":3763,"children":3764},{"style":990},[3765],{"type":21,"value":3113},{"type":15,"tag":210,"props":3767,"children":3768},{"style":217},[3769],{"type":21,"value":230},{"type":15,"tag":210,"props":3771,"children":3772},{"class":212,"line":861},[3773],{"type":15,"tag":210,"props":3774,"children":3775},{"emptyLinePlaceholder":8},[3776],{"type":21,"value":283},{"type":15,"tag":210,"props":3778,"children":3779},{"class":212,"line":869},[3780,3784,3789],{"type":15,"tag":210,"props":3781,"children":3782},{"style":909},[3783],{"type":21,"value":3499},{"type":15,"tag":210,"props":3785,"children":3786},{"style":2008},[3787],{"type":21,"value":3788},"\u002F* Modal *\u002F",{"type":15,"tag":210,"props":3790,"children":3791},{"style":909},[3792],{"type":21,"value":1350},{"type":15,"tag":210,"props":3794,"children":3795},{"class":212,"line":905},[3796,3800],{"type":15,"tag":210,"props":3797,"children":3798},{"style":217},[3799],{"type":21,"value":440},{"type":15,"tag":210,"props":3801,"children":3802},{"style":990},[3803],{"type":21,"value":3520},{"type":15,"tag":210,"props":3805,"children":3806},{"class":212,"line":969},[3807,3811,3815,3819,3823],{"type":15,"tag":210,"props":3808,"children":3809},{"style":1274},[3810],{"type":21,"value":3528},{"type":15,"tag":210,"props":3812,"children":3813},{"style":1017},[3814],{"type":21,"value":255},{"type":15,"tag":210,"props":3816,"children":3817},{"style":909},[3818],{"type":21,"value":1286},{"type":15,"tag":210,"props":3820,"children":3821},{"style":223},[3822],{"type":21,"value":993},{"type":15,"tag":210,"props":3824,"children":3825},{"style":909},[3826],{"type":21,"value":1350},{"type":15,"tag":210,"props":3828,"children":3829},{"class":212,"line":977},[3830,3834,3838,3842,3847],{"type":15,"tag":210,"props":3831,"children":3832},{"style":1274},[3833],{"type":21,"value":3552},{"type":15,"tag":210,"props":3835,"children":3836},{"style":1017},[3837],{"type":21,"value":255},{"type":15,"tag":210,"props":3839,"children":3840},{"style":909},[3841],{"type":21,"value":1286},{"type":15,"tag":210,"props":3843,"children":3844},{"style":223},[3845],{"type":21,"value":3846},"modalRef",{"type":15,"tag":210,"props":3848,"children":3849},{"style":909},[3850],{"type":21,"value":1350},{"type":15,"tag":210,"props":3852,"children":3853},{"class":212,"line":1053},[3854,3858,3862,3866,3870],{"type":15,"tag":210,"props":3855,"children":3856},{"style":1274},[3857],{"type":21,"value":3577},{"type":15,"tag":210,"props":3859,"children":3860},{"style":1017},[3861],{"type":21,"value":255},{"type":15,"tag":210,"props":3863,"children":3864},{"style":909},[3865],{"type":21,"value":1286},{"type":15,"tag":210,"props":3867,"children":3868},{"style":247},[3869],{"type":21,"value":3590},{"type":15,"tag":210,"props":3871,"children":3872},{"style":909},[3873],{"type":21,"value":1350},{"type":15,"tag":210,"props":3875,"children":3876},{"class":212,"line":1865},[3877],{"type":15,"tag":210,"props":3878,"children":3879},{"style":1274},[3880],{"type":21,"value":3602},{"type":15,"tag":210,"props":3882,"children":3883},{"class":212,"line":1881},[3884,3888,3892,3896],{"type":15,"tag":210,"props":3885,"children":3886},{"style":1274},[3887],{"type":21,"value":3610},{"type":15,"tag":210,"props":3889,"children":3890},{"style":1017},[3891],{"type":21,"value":255},{"type":15,"tag":210,"props":3893,"children":3894},{"style":909},[3895],{"type":21,"value":1286},{"type":15,"tag":210,"props":3897,"children":3898},{"style":217},[3899],{"type":21,"value":3623},{"type":15,"tag":210,"props":3901,"children":3902},{"class":212,"line":1897},[3903,3907,3911,3916],{"type":15,"tag":210,"props":3904,"children":3905},{"style":223},[3906],{"type":21,"value":3631},{"type":15,"tag":210,"props":3908,"children":3909},{"style":217},[3910],{"type":21,"value":1040},{"type":15,"tag":210,"props":3912,"children":3913},{"style":258},[3914],{"type":21,"value":3915},"'translate-y-10 opacity-0'",{"type":15,"tag":210,"props":3917,"children":3918},{"style":217},[3919],{"type":21,"value":3645},{"type":15,"tag":210,"props":3921,"children":3922},{"class":212,"line":1906},[3923,3927,3931,3936],{"type":15,"tag":210,"props":3924,"children":3925},{"style":223},[3926],{"type":21,"value":3653},{"type":15,"tag":210,"props":3928,"children":3929},{"style":217},[3930],{"type":21,"value":1040},{"type":15,"tag":210,"props":3932,"children":3933},{"style":258},[3934],{"type":21,"value":3935},"'translate-y-0 opacity-100 transition duration-200 ease-out'",{"type":15,"tag":210,"props":3937,"children":3938},{"style":217},[3939],{"type":21,"value":3645},{"type":15,"tag":210,"props":3941,"children":3942},{"class":212,"line":1915},[3943,3947,3951,3956],{"type":15,"tag":210,"props":3944,"children":3945},{"style":223},[3946],{"type":21,"value":3674},{"type":15,"tag":210,"props":3948,"children":3949},{"style":217},[3950],{"type":21,"value":1040},{"type":15,"tag":210,"props":3952,"children":3953},{"style":258},[3954],{"type":21,"value":3955},"'translate-y-10 opacity-0 transition duration-200 ease-out'",{"type":15,"tag":210,"props":3957,"children":3958},{"style":217},[3959],{"type":21,"value":3645},{"type":15,"tag":210,"props":3961,"children":3962},{"class":212,"line":2614},[3963,3967],{"type":15,"tag":210,"props":3964,"children":3965},{"style":217},[3966],{"type":21,"value":3695},{"type":15,"tag":210,"props":3968,"children":3969},{"style":909},[3970],{"type":21,"value":1350},{"type":15,"tag":210,"props":3972,"children":3973},{"class":212,"line":2654},[3974],{"type":15,"tag":210,"props":3975,"children":3976},{"style":217},[3977],{"type":21,"value":1462},{"type":15,"tag":210,"props":3979,"children":3980},{"class":212,"line":2663},[3981,3985],{"type":15,"tag":210,"props":3982,"children":3983},{"style":217},[3984],{"type":21,"value":503},{"type":15,"tag":210,"props":3986,"children":3987},{"style":990},[3988],{"type":21,"value":296},{"type":15,"tag":210,"props":3990,"children":3991},{"class":212,"line":2672},[3992],{"type":15,"tag":210,"props":3993,"children":3994},{"style":1274},[3995],{"type":21,"value":3996},"          open\n",{"type":15,"tag":210,"props":3998,"children":3999},{"class":212,"line":2688},[4000,4005,4009,4013,4017],{"type":15,"tag":210,"props":4001,"children":4002},{"style":1274},[4003],{"type":21,"value":4004},"          onClose",{"type":15,"tag":210,"props":4006,"children":4007},{"style":1017},[4008],{"type":21,"value":255},{"type":15,"tag":210,"props":4010,"children":4011},{"style":909},[4012],{"type":21,"value":1286},{"type":15,"tag":210,"props":4014,"children":4015},{"style":223},[4016],{"type":21,"value":1010},{"type":15,"tag":210,"props":4018,"children":4019},{"style":909},[4020],{"type":21,"value":1350},{"type":15,"tag":210,"props":4022,"children":4023},{"class":212,"line":2716},[4024,4029,4033,4037,4041],{"type":15,"tag":210,"props":4025,"children":4026},{"style":1274},[4027],{"type":21,"value":4028},"          ref",{"type":15,"tag":210,"props":4030,"children":4031},{"style":1017},[4032],{"type":21,"value":255},{"type":15,"tag":210,"props":4034,"children":4035},{"style":909},[4036],{"type":21,"value":1286},{"type":15,"tag":210,"props":4038,"children":4039},{"style":223},[4040],{"type":21,"value":3846},{"type":15,"tag":210,"props":4042,"children":4043},{"style":909},[4044],{"type":21,"value":1350},{"type":15,"tag":210,"props":4046,"children":4047},{"class":212,"line":2764},[4048,4053,4057],{"type":15,"tag":210,"props":4049,"children":4050},{"style":1274},[4051],{"type":21,"value":4052},"          as",{"type":15,"tag":210,"props":4054,"children":4055},{"style":1017},[4056],{"type":21,"value":255},{"type":15,"tag":210,"props":4058,"children":4059},{"style":258},[4060],{"type":21,"value":332},{"type":15,"tag":210,"props":4062,"children":4063},{"class":212,"line":2800},[4064,4069,4073],{"type":15,"tag":210,"props":4065,"children":4066},{"style":1274},[4067],{"type":21,"value":4068},"          role",{"type":15,"tag":210,"props":4070,"children":4071},{"style":1017},[4072],{"type":21,"value":255},{"type":15,"tag":210,"props":4074,"children":4075},{"style":258},[4076],{"type":21,"value":350},{"type":15,"tag":210,"props":4078,"children":4079},{"class":212,"line":2816},[4080,4085,4089,4093,4098],{"type":15,"tag":210,"props":4081,"children":4082},{"style":1274},[4083],{"type":21,"value":4084},"          aria-labelledby",{"type":15,"tag":210,"props":4086,"children":4087},{"style":1017},[4088],{"type":21,"value":255},{"type":15,"tag":210,"props":4090,"children":4091},{"style":909},[4092],{"type":21,"value":1286},{"type":15,"tag":210,"props":4094,"children":4095},{"style":223},[4096],{"type":21,"value":4097},"headingId",{"type":15,"tag":210,"props":4099,"children":4100},{"style":909},[4101],{"type":21,"value":1350},{"type":15,"tag":210,"props":4103,"children":4104},{"class":212,"line":2832},[4105,4110,4114,4118,4123],{"type":15,"tag":210,"props":4106,"children":4107},{"style":1274},[4108],{"type":21,"value":4109},"          aria-describedby",{"type":15,"tag":210,"props":4111,"children":4112},{"style":1017},[4113],{"type":21,"value":255},{"type":15,"tag":210,"props":4115,"children":4116},{"style":909},[4117],{"type":21,"value":1286},{"type":15,"tag":210,"props":4119,"children":4120},{"style":223},[4121],{"type":21,"value":4122},"descriptionId",{"type":15,"tag":210,"props":4124,"children":4125},{"style":909},[4126],{"type":21,"value":1350},{"type":15,"tag":210,"props":4128,"children":4129},{"class":212,"line":2848},[4130,4135,4139],{"type":15,"tag":210,"props":4131,"children":4132},{"style":1274},[4133],{"type":21,"value":4134},"          className",{"type":15,"tag":210,"props":4136,"children":4137},{"style":1017},[4138],{"type":21,"value":255},{"type":15,"tag":210,"props":4140,"children":4141},{"style":258},[4142],{"type":21,"value":314},{"type":15,"tag":210,"props":4144,"children":4145},{"class":212,"line":2864},[4146],{"type":15,"tag":210,"props":4147,"children":4148},{"style":217},[4149],{"type":21,"value":4150},"        >\n",{"type":15,"tag":210,"props":4152,"children":4153},{"class":212,"line":2872},[4154,4158,4162],{"type":15,"tag":210,"props":4155,"children":4156},{"style":217},[4157],{"type":21,"value":1485},{"type":15,"tag":210,"props":4159,"children":4160},{"style":223},[4161],{"type":21,"value":427},{"type":15,"tag":210,"props":4163,"children":4164},{"style":217},[4165],{"type":21,"value":230},{"type":15,"tag":210,"props":4167,"children":4168},{"class":212,"line":2904},[4169,4173,4177,4181,4185,4189,4193,4197,4201,4205,4209,4213,4217,4221,4225],{"type":15,"tag":210,"props":4170,"children":4171},{"style":217},[4172],{"type":21,"value":1550},{"type":15,"tag":210,"props":4174,"children":4175},{"style":990},[4176],{"type":21,"value":244},{"type":15,"tag":210,"props":4178,"children":4179},{"style":1274},[4180],{"type":21,"value":449},{"type":15,"tag":210,"props":4182,"children":4183},{"style":1274},[4184],{"type":21,"value":454},{"type":15,"tag":210,"props":4186,"children":4187},{"style":1017},[4188],{"type":21,"value":255},{"type":15,"tag":210,"props":4190,"children":4191},{"style":258},[4192],{"type":21,"value":463},{"type":15,"tag":210,"props":4194,"children":4195},{"style":1274},[4196],{"type":21,"value":1510},{"type":15,"tag":210,"props":4198,"children":4199},{"style":1017},[4200],{"type":21,"value":255},{"type":15,"tag":210,"props":4202,"children":4203},{"style":258},[4204],{"type":21,"value":477},{"type":15,"tag":210,"props":4206,"children":4207},{"style":1274},[4208],{"type":21,"value":1277},{"type":15,"tag":210,"props":4210,"children":4211},{"style":1017},[4212],{"type":21,"value":255},{"type":15,"tag":210,"props":4214,"children":4215},{"style":909},[4216],{"type":21,"value":1286},{"type":15,"tag":210,"props":4218,"children":4219},{"style":223},[4220],{"type":21,"value":1010},{"type":15,"tag":210,"props":4222,"children":4223},{"style":909},[4224],{"type":21,"value":1295},{"type":15,"tag":210,"props":4226,"children":4227},{"style":217},[4228],{"type":21,"value":230},{"type":15,"tag":210,"props":4230,"children":4231},{"class":212,"line":2960},[4232,4237,4241],{"type":15,"tag":210,"props":4233,"children":4234},{"style":217},[4235],{"type":21,"value":4236},"              \u003C",{"type":15,"tag":210,"props":4238,"children":4239},{"style":990},[4240],{"type":21,"value":508},{"type":15,"tag":210,"props":4242,"children":4243},{"style":217},[4244],{"type":21,"value":513},{"type":15,"tag":210,"props":4246,"children":4247},{"class":212,"line":2968},[4248,4253,4257],{"type":15,"tag":210,"props":4249,"children":4250},{"style":217},[4251],{"type":21,"value":4252},"            \u003C\u002F",{"type":15,"tag":210,"props":4254,"children":4255},{"style":990},[4256],{"type":21,"value":244},{"type":15,"tag":210,"props":4258,"children":4259},{"style":217},[4260],{"type":21,"value":230},{"type":15,"tag":210,"props":4262,"children":4263},{"class":212,"line":3032},[4264,4268,4272,4276,4280,4284,4288,4292,4296,4300,4304],{"type":15,"tag":210,"props":4265,"children":4266},{"style":217},[4267],{"type":21,"value":1550},{"type":15,"tag":210,"props":4269,"children":4270},{"style":223},[4271],{"type":21,"value":134},{"type":15,"tag":210,"props":4273,"children":4274},{"style":1274},[4275],{"type":21,"value":547},{"type":15,"tag":210,"props":4277,"children":4278},{"style":1017},[4279],{"type":21,"value":255},{"type":15,"tag":210,"props":4281,"children":4282},{"style":909},[4283],{"type":21,"value":1286},{"type":15,"tag":210,"props":4285,"children":4286},{"style":223},[4287],{"type":21,"value":4097},{"type":15,"tag":210,"props":4289,"children":4290},{"style":909},[4291],{"type":21,"value":1295},{"type":15,"tag":210,"props":4293,"children":4294},{"style":1274},[4295],{"type":21,"value":1510},{"type":15,"tag":210,"props":4297,"children":4298},{"style":1017},[4299],{"type":21,"value":255},{"type":15,"tag":210,"props":4301,"children":4302},{"style":258},[4303],{"type":21,"value":569},{"type":15,"tag":210,"props":4305,"children":4306},{"style":217},[4307],{"type":21,"value":230},{"type":15,"tag":210,"props":4309,"children":4311},{"class":212,"line":4310},58,[4312],{"type":15,"tag":210,"props":4313,"children":4314},{"style":217},[4315],{"type":21,"value":4316},"              You might miss out on great deals\n",{"type":15,"tag":210,"props":4318,"children":4320},{"class":212,"line":4319},59,[4321,4325,4329],{"type":15,"tag":210,"props":4322,"children":4323},{"style":217},[4324],{"type":21,"value":4252},{"type":15,"tag":210,"props":4326,"children":4327},{"style":223},[4328],{"type":21,"value":134},{"type":15,"tag":210,"props":4330,"children":4331},{"style":217},[4332],{"type":21,"value":230},{"type":15,"tag":210,"props":4334,"children":4336},{"class":212,"line":4335},60,[4337,4341,4345],{"type":15,"tag":210,"props":4338,"children":4339},{"style":217},[4340],{"type":21,"value":1566},{"type":15,"tag":210,"props":4342,"children":4343},{"style":223},[4344],{"type":21,"value":427},{"type":15,"tag":210,"props":4346,"children":4347},{"style":217},[4348],{"type":21,"value":230},{"type":15,"tag":210,"props":4350,"children":4352},{"class":212,"line":4351},61,[4353,4357,4361,4365,4369,4373,4377,4381,4385,4389,4393],{"type":15,"tag":210,"props":4354,"children":4355},{"style":217},[4356],{"type":21,"value":1485},{"type":15,"tag":210,"props":4358,"children":4359},{"style":223},[4360],{"type":21,"value":32},{"type":15,"tag":210,"props":4362,"children":4363},{"style":1274},[4364],{"type":21,"value":547},{"type":15,"tag":210,"props":4366,"children":4367},{"style":1017},[4368],{"type":21,"value":255},{"type":15,"tag":210,"props":4370,"children":4371},{"style":909},[4372],{"type":21,"value":1286},{"type":15,"tag":210,"props":4374,"children":4375},{"style":223},[4376],{"type":21,"value":4122},{"type":15,"tag":210,"props":4378,"children":4379},{"style":909},[4380],{"type":21,"value":1295},{"type":15,"tag":210,"props":4382,"children":4383},{"style":1274},[4384],{"type":21,"value":1510},{"type":15,"tag":210,"props":4386,"children":4387},{"style":1017},[4388],{"type":21,"value":255},{"type":15,"tag":210,"props":4390,"children":4391},{"style":258},[4392],{"type":21,"value":653},{"type":15,"tag":210,"props":4394,"children":4395},{"style":217},[4396],{"type":21,"value":230},{"type":15,"tag":210,"props":4398,"children":4400},{"class":212,"line":4399},62,[4401],{"type":15,"tag":210,"props":4402,"children":4403},{"style":217},[4404],{"type":21,"value":4405},"            There are special offers for some of the items on your wishlist. Do you want to see these deals before\n",{"type":15,"tag":210,"props":4407,"children":4409},{"class":212,"line":4408},63,[4410],{"type":15,"tag":210,"props":4411,"children":4412},{"style":217},[4413],{"type":21,"value":4414},"            proceeding to checkout page?\n",{"type":15,"tag":210,"props":4416,"children":4418},{"class":212,"line":4417},64,[4419,4423,4427],{"type":15,"tag":210,"props":4420,"children":4421},{"style":217},[4422],{"type":21,"value":1566},{"type":15,"tag":210,"props":4424,"children":4425},{"style":223},[4426],{"type":21,"value":32},{"type":15,"tag":210,"props":4428,"children":4429},{"style":217},[4430],{"type":21,"value":230},{"type":15,"tag":210,"props":4432,"children":4434},{"class":212,"line":4433},65,[4435,4439,4443,4447,4451,4455],{"type":15,"tag":210,"props":4436,"children":4437},{"style":217},[4438],{"type":21,"value":1485},{"type":15,"tag":210,"props":4440,"children":4441},{"style":223},[4442],{"type":21,"value":704},{"type":15,"tag":210,"props":4444,"children":4445},{"style":1274},[4446],{"type":21,"value":1510},{"type":15,"tag":210,"props":4448,"children":4449},{"style":1017},[4450],{"type":21,"value":255},{"type":15,"tag":210,"props":4452,"children":4453},{"style":258},[4454],{"type":21,"value":717},{"type":15,"tag":210,"props":4456,"children":4457},{"style":217},[4458],{"type":21,"value":230},{"type":15,"tag":210,"props":4460,"children":4462},{"class":212,"line":4461},66,[4463,4467,4471,4475,4479,4483,4487,4491,4495,4499,4503],{"type":15,"tag":210,"props":4464,"children":4465},{"style":217},[4466],{"type":21,"value":1550},{"type":15,"tag":210,"props":4468,"children":4469},{"style":990},[4470],{"type":21,"value":244},{"type":15,"tag":210,"props":4472,"children":4473},{"style":1274},[4474],{"type":21,"value":454},{"type":15,"tag":210,"props":4476,"children":4477},{"style":1017},[4478],{"type":21,"value":255},{"type":15,"tag":210,"props":4480,"children":4481},{"style":258},[4482],{"type":21,"value":746},{"type":15,"tag":210,"props":4484,"children":4485},{"style":1274},[4486],{"type":21,"value":1277},{"type":15,"tag":210,"props":4488,"children":4489},{"style":1017},[4490],{"type":21,"value":255},{"type":15,"tag":210,"props":4492,"children":4493},{"style":909},[4494],{"type":21,"value":1286},{"type":15,"tag":210,"props":4496,"children":4497},{"style":223},[4498],{"type":21,"value":1010},{"type":15,"tag":210,"props":4500,"children":4501},{"style":909},[4502],{"type":21,"value":1295},{"type":15,"tag":210,"props":4504,"children":4505},{"style":217},[4506],{"type":21,"value":230},{"type":15,"tag":210,"props":4508,"children":4510},{"class":212,"line":4509},67,[4511],{"type":15,"tag":210,"props":4512,"children":4513},{"style":217},[4514],{"type":21,"value":4515},"              Skip\n",{"type":15,"tag":210,"props":4517,"children":4519},{"class":212,"line":4518},68,[4520,4524,4528],{"type":15,"tag":210,"props":4521,"children":4522},{"style":217},[4523],{"type":21,"value":4252},{"type":15,"tag":210,"props":4525,"children":4526},{"style":990},[4527],{"type":21,"value":244},{"type":15,"tag":210,"props":4529,"children":4530},{"style":217},[4531],{"type":21,"value":230},{"type":15,"tag":210,"props":4533,"children":4535},{"class":212,"line":4534},69,[4536,4540,4544,4548,4552,4556,4560,4564,4568,4572],{"type":15,"tag":210,"props":4537,"children":4538},{"style":217},[4539],{"type":21,"value":1550},{"type":15,"tag":210,"props":4541,"children":4542},{"style":990},[4543],{"type":21,"value":244},{"type":15,"tag":210,"props":4545,"children":4546},{"style":1274},[4547],{"type":21,"value":1277},{"type":15,"tag":210,"props":4549,"children":4550},{"style":1017},[4551],{"type":21,"value":255},{"type":15,"tag":210,"props":4553,"children":4554},{"style":909},[4555],{"type":21,"value":1286},{"type":15,"tag":210,"props":4557,"children":4558},{"style":223},[4559],{"type":21,"value":1010},{"type":15,"tag":210,"props":4561,"children":4562},{"style":909},[4563],{"type":21,"value":1295},{"type":15,"tag":210,"props":4565,"children":4566},{"style":217},[4567],{"type":21,"value":800},{"type":15,"tag":210,"props":4569,"children":4570},{"style":990},[4571],{"type":21,"value":244},{"type":15,"tag":210,"props":4573,"children":4574},{"style":217},[4575],{"type":21,"value":230},{"type":15,"tag":210,"props":4577,"children":4579},{"class":212,"line":4578},70,[4580,4584,4588],{"type":15,"tag":210,"props":4581,"children":4582},{"style":217},[4583],{"type":21,"value":1566},{"type":15,"tag":210,"props":4585,"children":4586},{"style":223},[4587],{"type":21,"value":704},{"type":15,"tag":210,"props":4589,"children":4590},{"style":217},[4591],{"type":21,"value":230},{"type":15,"tag":210,"props":4593,"children":4595},{"class":212,"line":4594},71,[4596,4600,4604],{"type":15,"tag":210,"props":4597,"children":4598},{"style":217},[4599],{"type":21,"value":1644},{"type":15,"tag":210,"props":4601,"children":4602},{"style":990},[4603],{"type":21,"value":41},{"type":15,"tag":210,"props":4605,"children":4606},{"style":217},[4607],{"type":21,"value":230},{"type":15,"tag":210,"props":4609,"children":4611},{"class":212,"line":4610},72,[4612,4616,4620],{"type":15,"tag":210,"props":4613,"children":4614},{"style":217},[4615],{"type":21,"value":522},{"type":15,"tag":210,"props":4617,"children":4618},{"style":990},[4619],{"type":21,"value":3113},{"type":15,"tag":210,"props":4621,"children":4622},{"style":217},[4623],{"type":21,"value":230},{"type":15,"tag":210,"props":4625,"children":4627},{"class":212,"line":4626},73,[4628],{"type":15,"tag":210,"props":4629,"children":4630},{"style":217},[4631],{"type":21,"value":1903},{"type":15,"tag":210,"props":4633,"children":4635},{"class":212,"line":4634},74,[4636],{"type":15,"tag":210,"props":4637,"children":4638},{"style":217},[4639],{"type":21,"value":1912},{"type":15,"tag":210,"props":4641,"children":4643},{"class":212,"line":4642},75,[4644],{"type":15,"tag":210,"props":4645,"children":4646},{"style":217},[4647],{"type":21,"value":1350},{"type":15,"tag":127,"props":4649,"children":4651},{"id":4650},"accessibility-notes",[4652],{"type":21,"value":4653},"Accessibility notes",{"type":15,"tag":32,"props":4655,"children":4656},{},[4657,4662,4664,4670,4672,4678,4680,4686,4688,4694,4696,4702],{"type":15,"tag":36,"props":4658,"children":4660},{"className":4659},[],[4661],{"type":21,"value":41},{"type":21,"value":4663}," sets the ",{"type":15,"tag":36,"props":4665,"children":4667},{"className":4666},[],[4668],{"type":21,"value":4669},"aria-modal=\"true\"",{"type":21,"value":4671}," attribute. Also, it sets the ",{"type":15,"tag":36,"props":4673,"children":4675},{"className":4674},[],[4676],{"type":21,"value":4677},"tabindex",{"type":21,"value":4679}," to ",{"type":15,"tag":36,"props":4681,"children":4683},{"className":4682},[],[4684],{"type":21,"value":4685},"-1",{"type":21,"value":4687}," so ",{"type":15,"tag":36,"props":4689,"children":4691},{"className":4690},[],[4692],{"type":21,"value":4693},"Tab",{"type":21,"value":4695}," and ",{"type":15,"tag":36,"props":4697,"children":4699},{"className":4698},[],[4700],{"type":21,"value":4701},"Shift + Tab",{"type":21,"value":4703}," do not move focus outside the modal.",{"type":15,"tag":32,"props":4705,"children":4706},{},[4707,4709,4715,4717,4722],{"type":21,"value":4708},"Since you may need to use this component in different contexts, there is no ",{"type":15,"tag":36,"props":4710,"children":4712},{"className":4711},[],[4713],{"type":21,"value":4714},"role",{"type":21,"value":4716}," attribute set by default. Make sure to add proper ",{"type":15,"tag":36,"props":4718,"children":4720},{"className":4719},[],[4721],{"type":21,"value":4714},{"type":21,"value":4723}," based on your needs:",{"type":15,"tag":4725,"props":4726,"children":4727},"ul",{},[4728,4747],{"type":15,"tag":61,"props":4729,"children":4730},{},[4731,4737,4739],{"type":15,"tag":36,"props":4732,"children":4734},{"className":4733},[],[4735],{"type":21,"value":4736},"role=\"alertdialog\"",{"type":21,"value":4738}," for dialogs where immediate user response is required. ",{"type":15,"tag":67,"props":4740,"children":4744},{"href":4741,"rel":4742},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Falertdialog_role",[4743],"nofollow",[4745],{"type":21,"value":4746},"See details.",{"type":15,"tag":61,"props":4748,"children":4749},{},[4750,4756,4758],{"type":15,"tag":36,"props":4751,"children":4753},{"className":4752},[],[4754],{"type":21,"value":4755},"role=\"dialog\"",{"type":21,"value":4757}," for generic dialogs. ",{"type":15,"tag":67,"props":4759,"children":4762},{"href":4760,"rel":4761},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Fdialog_role",[4743],[4763],{"type":21,"value":4746},{"type":15,"tag":32,"props":4765,"children":4766},{},[4767,4769,4775,4777,4783,4785,4791,4792,4798],{"type":21,"value":4768},"You should add ",{"type":15,"tag":36,"props":4770,"children":4772},{"className":4771},[],[4773],{"type":21,"value":4774},"aria-labelledby",{"type":21,"value":4776}," or ",{"type":15,"tag":36,"props":4778,"children":4780},{"className":4779},[],[4781],{"type":21,"value":4782},"aria-label",{"type":21,"value":4784}," attributes to provide an accessible label for your modal - usually this value can be the title of the modal. To add more context, you should use the ",{"type":15,"tag":36,"props":4786,"children":4788},{"className":4787},[],[4789],{"type":21,"value":4790},"aria-describedby",{"type":21,"value":4776},{"type":15,"tag":36,"props":4793,"children":4795},{"className":4794},[],[4796],{"type":21,"value":4797},"aria-description",{"type":21,"value":4799}," attributes.",{"type":15,"tag":32,"props":4801,"children":4802},{},[4803],{"type":21,"value":4804},"Both techniques can be seen in the code examples above.",{"type":15,"tag":127,"props":4806,"children":4808},{"id":4807},"playground",[4809],{"type":21,"value":4810},"Playground",{"type":15,"tag":4812,"props":4813,"children":4815},"generate",{"style":4814},"height: 600px",[],{"type":15,"tag":28,"props":4817,"children":4818},{"v-slot:tab-2":9},[4819,4825,4991,5198],{"type":15,"tag":127,"props":4820,"children":4822},{"id":4821},"props",[4823],{"type":21,"value":4824},"Props",{"type":15,"tag":141,"props":4826,"children":4827},{},[4828],{"type":15,"tag":4829,"props":4830,"children":4831},"table",{},[4832,4861],{"type":15,"tag":4833,"props":4834,"children":4835},"thead",{},[4836],{"type":15,"tag":4837,"props":4838,"children":4839},"tr",{},[4840,4846,4851,4856],{"type":15,"tag":4841,"props":4842,"children":4843},"th",{},[4844],{"type":21,"value":4845},"Prop name",{"type":15,"tag":4841,"props":4847,"children":4848},{},[4849],{"type":21,"value":4850},"Type",{"type":15,"tag":4841,"props":4852,"children":4853},{},[4854],{"type":21,"value":4855},"Default value",{"type":15,"tag":4841,"props":4857,"children":4858},{},[4859],{"type":21,"value":4860},"Possible values",{"type":15,"tag":4862,"props":4863,"children":4864},"tbody",{},[4865,4898,4931,4961],{"type":15,"tag":4837,"props":4866,"children":4867},{},[4868,4878,4887,4895],{"type":15,"tag":4869,"props":4870,"children":4871},"td",{},[4872],{"type":15,"tag":36,"props":4873,"children":4875},{"className":4874},[],[4876],{"type":21,"value":4877},"modelValue",{"type":15,"tag":4869,"props":4879,"children":4880},{},[4881],{"type":15,"tag":36,"props":4882,"children":4884},{"className":4883},[],[4885],{"type":21,"value":4886},"boolean",{"type":15,"tag":4869,"props":4888,"children":4889},{},[4890],{"type":15,"tag":36,"props":4891,"children":4893},{"className":4892},[],[4894],{"type":21,"value":1045},{"type":15,"tag":4869,"props":4896,"children":4897},{},[],{"type":15,"tag":4837,"props":4899,"children":4900},{},[4901,4910,4919,4928],{"type":15,"tag":4869,"props":4902,"children":4903},{},[4904],{"type":15,"tag":36,"props":4905,"children":4907},{"className":4906},[],[4908],{"type":21,"value":4909},"tag",{"type":15,"tag":4869,"props":4911,"children":4912},{},[4913],{"type":15,"tag":36,"props":4914,"children":4916},{"className":4915},[],[4917],{"type":21,"value":4918},"string",{"type":15,"tag":4869,"props":4920,"children":4921},{},[4922],{"type":15,"tag":36,"props":4923,"children":4925},{"className":4924},[],[4926],{"type":21,"value":4927},"'div'",{"type":15,"tag":4869,"props":4929,"children":4930},{},[],{"type":15,"tag":4837,"props":4932,"children":4933},{},[4934,4942,4950,4958],{"type":15,"tag":4869,"props":4935,"children":4936},{},[4937],{"type":15,"tag":36,"props":4938,"children":4940},{"className":4939},[],[4941],{"type":21,"value":107},{"type":15,"tag":4869,"props":4943,"children":4944},{},[4945],{"type":15,"tag":36,"props":4946,"children":4948},{"className":4947},[],[4949],{"type":21,"value":4886},{"type":15,"tag":4869,"props":4951,"children":4952},{},[4953],{"type":15,"tag":36,"props":4954,"children":4956},{"className":4955},[],[4957],{"type":21,"value":1045},{"type":15,"tag":4869,"props":4959,"children":4960},{},[],{"type":15,"tag":4837,"props":4962,"children":4963},{},[4964,4972,4980,4988],{"type":15,"tag":4869,"props":4965,"children":4966},{},[4967],{"type":15,"tag":36,"props":4968,"children":4970},{"className":4969},[],[4971],{"type":21,"value":115},{"type":15,"tag":4869,"props":4973,"children":4974},{},[4975],{"type":15,"tag":36,"props":4976,"children":4978},{"className":4977},[],[4979],{"type":21,"value":4886},{"type":15,"tag":4869,"props":4981,"children":4982},{},[4983],{"type":15,"tag":36,"props":4984,"children":4986},{"className":4985},[],[4987],{"type":21,"value":1045},{"type":15,"tag":4869,"props":4989,"children":4990},{},[],{"type":15,"tag":157,"props":4992,"children":4993},{},[4994],{"type":15,"tag":4829,"props":4995,"children":4996},{},[4997,5019],{"type":15,"tag":4833,"props":4998,"children":4999},{},[5000],{"type":15,"tag":4837,"props":5001,"children":5002},{},[5003,5007,5011,5015],{"type":15,"tag":4841,"props":5004,"children":5005},{},[5006],{"type":21,"value":4845},{"type":15,"tag":4841,"props":5008,"children":5009},{},[5010],{"type":21,"value":4850},{"type":15,"tag":4841,"props":5012,"children":5013},{},[5014],{"type":21,"value":4855},{"type":15,"tag":4841,"props":5016,"children":5017},{},[5018],{"type":21,"value":4860},{"type":15,"tag":4862,"props":5020,"children":5021},{},[5022,5052,5084,5114,5144,5171],{"type":15,"tag":4837,"props":5023,"children":5024},{},[5025,5033,5041,5049],{"type":15,"tag":4869,"props":5026,"children":5027},{},[5028],{"type":15,"tag":36,"props":5029,"children":5031},{"className":5030},[],[5032],{"type":21,"value":170},{"type":15,"tag":4869,"props":5034,"children":5035},{},[5036],{"type":15,"tag":36,"props":5037,"children":5039},{"className":5038},[],[5040],{"type":21,"value":4886},{"type":15,"tag":4869,"props":5042,"children":5043},{},[5044],{"type":15,"tag":36,"props":5045,"children":5047},{"className":5046},[],[5048],{"type":21,"value":1045},{"type":15,"tag":4869,"props":5050,"children":5051},{},[],{"type":15,"tag":4837,"props":5053,"children":5054},{},[5055,5064,5073,5081],{"type":15,"tag":4869,"props":5056,"children":5057},{},[5058],{"type":15,"tag":36,"props":5059,"children":5061},{"className":5060},[],[5062],{"type":21,"value":5063},"as",{"type":15,"tag":4869,"props":5065,"children":5066},{},[5067],{"type":15,"tag":36,"props":5068,"children":5070},{"className":5069},[],[5071],{"type":21,"value":5072},"ReactElement",{"type":15,"tag":4869,"props":5074,"children":5075},{},[5076],{"type":15,"tag":36,"props":5077,"children":5079},{"className":5078},[],[5080],{"type":21,"value":2141},{"type":15,"tag":4869,"props":5082,"children":5083},{},[],{"type":15,"tag":4837,"props":5085,"children":5086},{},[5087,5095,5103,5111],{"type":15,"tag":4869,"props":5088,"children":5089},{},[5090],{"type":15,"tag":36,"props":5091,"children":5093},{"className":5092},[],[5094],{"type":21,"value":107},{"type":15,"tag":4869,"props":5096,"children":5097},{},[5098],{"type":15,"tag":36,"props":5099,"children":5101},{"className":5100},[],[5102],{"type":21,"value":4886},{"type":15,"tag":4869,"props":5104,"children":5105},{},[5106],{"type":15,"tag":36,"props":5107,"children":5109},{"className":5108},[],[5110],{"type":21,"value":1045},{"type":15,"tag":4869,"props":5112,"children":5113},{},[],{"type":15,"tag":4837,"props":5115,"children":5116},{},[5117,5125,5133,5141],{"type":15,"tag":4869,"props":5118,"children":5119},{},[5120],{"type":15,"tag":36,"props":5121,"children":5123},{"className":5122},[],[5124],{"type":21,"value":115},{"type":15,"tag":4869,"props":5126,"children":5127},{},[5128],{"type":15,"tag":36,"props":5129,"children":5131},{"className":5130},[],[5132],{"type":21,"value":4886},{"type":15,"tag":4869,"props":5134,"children":5135},{},[5136],{"type":15,"tag":36,"props":5137,"children":5139},{"className":5138},[],[5140],{"type":21,"value":1045},{"type":15,"tag":4869,"props":5142,"children":5143},{},[],{"type":15,"tag":4837,"props":5145,"children":5146},{},[5147,5156,5165,5168],{"type":15,"tag":4869,"props":5148,"children":5149},{},[5150],{"type":15,"tag":36,"props":5151,"children":5153},{"className":5152},[],[5154],{"type":21,"value":5155},"children",{"type":15,"tag":4869,"props":5157,"children":5158},{},[5159],{"type":15,"tag":36,"props":5160,"children":5162},{"className":5161},[],[5163],{"type":21,"value":5164},"ReactNode",{"type":15,"tag":4869,"props":5166,"children":5167},{},[],{"type":15,"tag":4869,"props":5169,"children":5170},{},[],{"type":15,"tag":4837,"props":5172,"children":5173},{},[5174,5183,5192,5195],{"type":15,"tag":4869,"props":5175,"children":5176},{},[5177],{"type":15,"tag":36,"props":5178,"children":5180},{"className":5179},[],[5181],{"type":21,"value":5182},"onClose",{"type":15,"tag":4869,"props":5184,"children":5185},{},[5186],{"type":15,"tag":36,"props":5187,"children":5189},{"className":5188},[],[5190],{"type":21,"value":5191},"Function",{"type":15,"tag":4869,"props":5193,"children":5194},{},[],{"type":15,"tag":4869,"props":5196,"children":5197},{},[],{"type":15,"tag":141,"props":5199,"children":5200},{},[5201,5207,5246,5252],{"type":15,"tag":127,"props":5202,"children":5204},{"id":5203},"slots",[5205],{"type":21,"value":5206},"Slots",{"type":15,"tag":4829,"props":5208,"children":5209},{},[5210,5226],{"type":15,"tag":4833,"props":5211,"children":5212},{},[5213],{"type":15,"tag":4837,"props":5214,"children":5215},{},[5216,5221],{"type":15,"tag":4841,"props":5217,"children":5218},{},[5219],{"type":21,"value":5220},"Slot name",{"type":15,"tag":4841,"props":5222,"children":5223},{},[5224],{"type":21,"value":5225},"Description",{"type":15,"tag":4862,"props":5227,"children":5228},{},[5229],{"type":15,"tag":4837,"props":5230,"children":5231},{},[5232,5241],{"type":15,"tag":4869,"props":5233,"children":5234},{},[5235],{"type":15,"tag":36,"props":5236,"children":5238},{"className":5237},[],[5239],{"type":21,"value":5240},"default",{"type":15,"tag":4869,"props":5242,"children":5243},{},[5244],{"type":21,"value":5245},"place content of modal",{"type":15,"tag":127,"props":5247,"children":5249},{"id":5248},"events",[5250],{"type":21,"value":5251},"Events",{"type":15,"tag":4829,"props":5253,"children":5254},{},[5255,5271],{"type":15,"tag":4833,"props":5256,"children":5257},{},[5258],{"type":15,"tag":4837,"props":5259,"children":5260},{},[5261,5266],{"type":15,"tag":4841,"props":5262,"children":5263},{},[5264],{"type":21,"value":5265},"Event name",{"type":15,"tag":4841,"props":5267,"children":5268},{},[5269],{"type":21,"value":5270},"Trigger",{"type":15,"tag":4862,"props":5272,"children":5273},{},[5274],{"type":15,"tag":4837,"props":5275,"children":5276},{},[5277,5286],{"type":15,"tag":4869,"props":5278,"children":5279},{},[5280],{"type":15,"tag":36,"props":5281,"children":5283},{"className":5282},[],[5284],{"type":21,"value":5285},"update:modelValue",{"type":15,"tag":4869,"props":5287,"children":5288},{},[5289,5291,5297,5299,5304,5306,5311,5313,5318,5319,5324],{"type":21,"value":5290},"emits when hitting ",{"type":15,"tag":36,"props":5292,"children":5294},{"className":5293},[],[5295],{"type":21,"value":5296},"esc",{"type":21,"value":5298}," key (when ",{"type":15,"tag":36,"props":5300,"children":5302},{"className":5301},[],[5303],{"type":21,"value":115},{"type":21,"value":5305}," is set to ",{"type":15,"tag":36,"props":5307,"children":5309},{"className":5308},[],[5310],{"type":21,"value":1045},{"type":21,"value":5312},") and on click outside (when ",{"type":15,"tag":36,"props":5314,"children":5316},{"className":5315},[],[5317],{"type":21,"value":107},{"type":21,"value":5305},{"type":15,"tag":36,"props":5320,"children":5322},{"className":5321},[],[5323],{"type":21,"value":1045},{"type":21,"value":5325},")",{"type":15,"tag":28,"props":5327,"children":5328},{"v-slot:tab-3":9},[5329,5334,6738],{"type":15,"tag":5330,"props":5331,"children":5333},"partial",{"content":5332},"block-callout",[],{"type":15,"tag":141,"props":5335,"children":5336},{},[5337],{"type":15,"tag":200,"props":5338,"children":5340},{"className":202,"code":5339,"language":204,"meta":9,"style":9},"\u003Cscript setup lang=\"ts\">\nimport { ref, toRefs, type PropType, type ConcreteComponent } from 'vue';\nimport { onClickOutside } from '@vueuse\u002Fcore';\nimport { twMerge, useTrapFocus, useTwMergeRoot } from '@storefront-ui\u002Fvue';\n\nconst props = defineProps({\n  modelValue: {\n    type: Boolean,\n    default: false,\n  },\n  tag: {\n    type: [String, Object] as PropType\u003Cstring | ConcreteComponent>,\n    default: '',\n  },\n  disableClickAway: {\n    type: Boolean,\n    default: false,\n  },\n  disableEsc: {\n    type: Boolean,\n    default: false,\n  },\n});\nconst { disableClickAway, disableEsc, modelValue } = toRefs(props);\nconst emit = defineEmits\u003C{\n  (event: 'update:modelValue', isOpen: boolean): void;\n}>();\n\ndefineOptions({\n  inheritAttrs: false,\n});\nconst { attrsWithoutClass } = useTwMergeRoot();\n\nconst modalRef = ref\u003CHTMLElement>();\n\nonClickOutside(modalRef, () => {\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\nuseTrapFocus(modalRef, {\n  trapTabs: true,\n  activeState: modelValue,\n  initialFocus: false,\n  initialFocusContainerFallback: true,\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Ccomponent\n    v-if=\"modelValue\"\n    :is=\"tag || 'div'\"\n    ref=\"modalRef\"\n    aria-modal=\"true\"\n    data-testid=\"modal\"\n    tabindex=\"-1\"\n    :class=\"\n      twMerge(\n        'fixed inset-0 w-fit h-fit m-auto p-6 pt-10 lg:p-10 border border-neutral-100 bg-white shadow-xl rounded-3xl outline-hidden',\n        $attrs.class,\n      )\n    \"\n    v-bind=\"attrsWithoutClass\"\n    @keydown.esc=\"onEscKeyDown\"\n  >\n    \u003Cslot \u002F>\n  \u003C\u002Fcomponent>\n\u003C\u002Ftemplate>\n\n",[5341],{"type":15,"tag":36,"props":5342,"children":5343},{"__ignoreMap":9},[5344,5375,5444,5477,5526,5533,5559,5572,5593,5613,5621,5633,5695,5715,5722,5734,5753,5772,5779,5791,5810,5829,5836,5844,5901,5927,5980,5988,5995,6007,6027,6034,6067,6074,6106,6113,6143,6183,6211,6218,6225,6254,6289,6316,6324,6331,6351,6371,6391,6411,6431,6438,6453,6460,6475,6487,6504,6521,6538,6555,6572,6589,6606,6614,6622,6630,6638,6646,6663,6680,6687,6707,6723],{"type":15,"tag":210,"props":5345,"children":5346},{"class":212,"line":213},[5347,5351,5355,5359,5363,5367,5371],{"type":15,"tag":210,"props":5348,"children":5349},{"style":217},[5350],{"type":21,"value":220},{"type":15,"tag":210,"props":5352,"children":5353},{"style":223},[5354],{"type":21,"value":879},{"type":15,"tag":210,"props":5356,"children":5357},{"style":247},[5358],{"type":21,"value":898},{"type":15,"tag":210,"props":5360,"children":5361},{"style":247},[5362],{"type":21,"value":884},{"type":15,"tag":210,"props":5364,"children":5365},{"style":217},[5366],{"type":21,"value":255},{"type":15,"tag":210,"props":5368,"children":5369},{"style":258},[5370],{"type":21,"value":893},{"type":15,"tag":210,"props":5372,"children":5373},{"style":217},[5374],{"type":21,"value":230},{"type":15,"tag":210,"props":5376,"children":5377},{"class":212,"line":233},[5378,5382,5386,5391,5395,5400,5404,5409,5414,5418,5422,5427,5431,5435,5440],{"type":15,"tag":210,"props":5379,"children":5380},{"style":909},[5381],{"type":21,"value":912},{"type":15,"tag":210,"props":5383,"children":5384},{"style":217},[5385],{"type":21,"value":917},{"type":15,"tag":210,"props":5387,"children":5388},{"style":223},[5389],{"type":21,"value":5390},"ref",{"type":15,"tag":210,"props":5392,"children":5393},{"style":217},[5394],{"type":21,"value":926},{"type":15,"tag":210,"props":5396,"children":5397},{"style":223},[5398],{"type":21,"value":5399},"toRefs",{"type":15,"tag":210,"props":5401,"children":5402},{"style":217},[5403],{"type":21,"value":926},{"type":15,"tag":210,"props":5405,"children":5406},{"style":909},[5407],{"type":21,"value":5408},"type",{"type":15,"tag":210,"props":5410,"children":5411},{"style":223},[5412],{"type":21,"value":5413}," PropType",{"type":15,"tag":210,"props":5415,"children":5416},{"style":217},[5417],{"type":21,"value":926},{"type":15,"tag":210,"props":5419,"children":5420},{"style":909},[5421],{"type":21,"value":5408},{"type":15,"tag":210,"props":5423,"children":5424},{"style":223},[5425],{"type":21,"value":5426}," ConcreteComponent",{"type":15,"tag":210,"props":5428,"children":5429},{"style":217},[5430],{"type":21,"value":951},{"type":15,"tag":210,"props":5432,"children":5433},{"style":909},[5434],{"type":21,"value":956},{"type":15,"tag":210,"props":5436,"children":5437},{"style":258},[5438],{"type":21,"value":5439}," 'vue'",{"type":15,"tag":210,"props":5441,"children":5442},{"style":217},[5443],{"type":21,"value":966},{"type":15,"tag":210,"props":5445,"children":5446},{"class":212,"line":277},[5447,5451,5455,5460,5464,5468,5473],{"type":15,"tag":210,"props":5448,"children":5449},{"style":909},[5450],{"type":21,"value":912},{"type":15,"tag":210,"props":5452,"children":5453},{"style":217},[5454],{"type":21,"value":917},{"type":15,"tag":210,"props":5456,"children":5457},{"style":223},[5458],{"type":21,"value":5459},"onClickOutside",{"type":15,"tag":210,"props":5461,"children":5462},{"style":217},[5463],{"type":21,"value":951},{"type":15,"tag":210,"props":5465,"children":5466},{"style":909},[5467],{"type":21,"value":956},{"type":15,"tag":210,"props":5469,"children":5470},{"style":258},[5471],{"type":21,"value":5472}," '@vueuse\u002Fcore'",{"type":15,"tag":210,"props":5474,"children":5475},{"style":217},[5476],{"type":21,"value":966},{"type":15,"tag":210,"props":5478,"children":5479},{"class":212,"line":286},[5480,5484,5488,5493,5497,5501,5505,5510,5514,5518,5522],{"type":15,"tag":210,"props":5481,"children":5482},{"style":909},[5483],{"type":21,"value":912},{"type":15,"tag":210,"props":5485,"children":5486},{"style":217},[5487],{"type":21,"value":917},{"type":15,"tag":210,"props":5489,"children":5490},{"style":223},[5491],{"type":21,"value":5492},"twMerge",{"type":15,"tag":210,"props":5494,"children":5495},{"style":217},[5496],{"type":21,"value":926},{"type":15,"tag":210,"props":5498,"children":5499},{"style":223},[5500],{"type":21,"value":76},{"type":15,"tag":210,"props":5502,"children":5503},{"style":217},[5504],{"type":21,"value":926},{"type":15,"tag":210,"props":5506,"children":5507},{"style":223},[5508],{"type":21,"value":5509},"useTwMergeRoot",{"type":15,"tag":210,"props":5511,"children":5512},{"style":217},[5513],{"type":21,"value":951},{"type":15,"tag":210,"props":5515,"children":5516},{"style":909},[5517],{"type":21,"value":956},{"type":15,"tag":210,"props":5519,"children":5520},{"style":258},[5521],{"type":21,"value":961},{"type":15,"tag":210,"props":5523,"children":5524},{"style":217},[5525],{"type":21,"value":966},{"type":15,"tag":210,"props":5527,"children":5528},{"class":212,"line":299},[5529],{"type":15,"tag":210,"props":5530,"children":5531},{"emptyLinePlaceholder":8},[5532],{"type":21,"value":283},{"type":15,"tag":210,"props":5534,"children":5535},{"class":212,"line":317},[5536,5540,5545,5549,5554],{"type":15,"tag":210,"props":5537,"children":5538},{"style":909},[5539],{"type":21,"value":983},{"type":15,"tag":210,"props":5541,"children":5542},{"style":990},[5543],{"type":21,"value":5544}," props",{"type":15,"tag":210,"props":5546,"children":5547},{"style":1017},[5548],{"type":21,"value":3296},{"type":15,"tag":210,"props":5550,"children":5551},{"style":1022},[5552],{"type":21,"value":5553}," defineProps",{"type":15,"tag":210,"props":5555,"children":5556},{"style":217},[5557],{"type":21,"value":5558},"({\n",{"type":15,"tag":210,"props":5560,"children":5561},{"class":212,"line":335},[5562,5567],{"type":15,"tag":210,"props":5563,"children":5564},{"style":223},[5565],{"type":21,"value":5566},"  modelValue",{"type":15,"tag":210,"props":5568,"children":5569},{"style":217},[5570],{"type":21,"value":5571},": {\n",{"type":15,"tag":210,"props":5573,"children":5574},{"class":212,"line":353},[5575,5580,5584,5589],{"type":15,"tag":210,"props":5576,"children":5577},{"style":223},[5578],{"type":21,"value":5579},"    type",{"type":15,"tag":210,"props":5581,"children":5582},{"style":217},[5583],{"type":21,"value":1040},{"type":15,"tag":210,"props":5585,"children":5586},{"style":223},[5587],{"type":21,"value":5588},"Boolean",{"type":15,"tag":210,"props":5590,"children":5591},{"style":217},[5592],{"type":21,"value":3645},{"type":15,"tag":210,"props":5594,"children":5595},{"class":212,"line":371},[5596,5601,5605,5609],{"type":15,"tag":210,"props":5597,"children":5598},{"style":223},[5599],{"type":21,"value":5600},"    default",{"type":15,"tag":210,"props":5602,"children":5603},{"style":217},[5604],{"type":21,"value":1040},{"type":15,"tag":210,"props":5606,"children":5607},{"style":247},[5608],{"type":21,"value":1045},{"type":15,"tag":210,"props":5610,"children":5611},{"style":217},[5612],{"type":21,"value":3645},{"type":15,"tag":210,"props":5614,"children":5615},{"class":212,"line":389},[5616],{"type":15,"tag":210,"props":5617,"children":5618},{"style":217},[5619],{"type":21,"value":5620},"  },\n",{"type":15,"tag":210,"props":5622,"children":5623},{"class":212,"line":407},[5624,5629],{"type":15,"tag":210,"props":5625,"children":5626},{"style":223},[5627],{"type":21,"value":5628},"  tag",{"type":15,"tag":210,"props":5630,"children":5631},{"style":217},[5632],{"type":21,"value":5571},{"type":15,"tag":210,"props":5634,"children":5635},{"class":212,"line":416},[5636,5640,5645,5650,5654,5659,5664,5668,5672,5676,5680,5685,5690],{"type":15,"tag":210,"props":5637,"children":5638},{"style":223},[5639],{"type":21,"value":5579},{"type":15,"tag":210,"props":5641,"children":5642},{"style":217},[5643],{"type":21,"value":5644},": [",{"type":15,"tag":210,"props":5646,"children":5647},{"style":223},[5648],{"type":21,"value":5649},"String",{"type":15,"tag":210,"props":5651,"children":5652},{"style":217},[5653],{"type":21,"value":926},{"type":15,"tag":210,"props":5655,"children":5656},{"style":223},[5657],{"type":21,"value":5658},"Object",{"type":15,"tag":210,"props":5660,"children":5661},{"style":217},[5662],{"type":21,"value":5663},"] ",{"type":15,"tag":210,"props":5665,"children":5666},{"style":909},[5667],{"type":21,"value":5063},{"type":15,"tag":210,"props":5669,"children":5670},{"style":990},[5671],{"type":21,"value":5413},{"type":15,"tag":210,"props":5673,"children":5674},{"style":217},[5675],{"type":21,"value":220},{"type":15,"tag":210,"props":5677,"children":5678},{"style":990},[5679],{"type":21,"value":4918},{"type":15,"tag":210,"props":5681,"children":5682},{"style":217},[5683],{"type":21,"value":5684}," | ",{"type":15,"tag":210,"props":5686,"children":5687},{"style":990},[5688],{"type":21,"value":5689},"ConcreteComponent",{"type":15,"tag":210,"props":5691,"children":5692},{"style":217},[5693],{"type":21,"value":5694},">,\n",{"type":15,"tag":210,"props":5696,"children":5697},{"class":212,"line":434},[5698,5702,5706,5711],{"type":15,"tag":210,"props":5699,"children":5700},{"style":223},[5701],{"type":21,"value":5600},{"type":15,"tag":210,"props":5703,"children":5704},{"style":217},[5705],{"type":21,"value":1040},{"type":15,"tag":210,"props":5707,"children":5708},{"style":258},[5709],{"type":21,"value":5710},"''",{"type":15,"tag":210,"props":5712,"children":5713},{"style":217},[5714],{"type":21,"value":3645},{"type":15,"tag":210,"props":5716,"children":5717},{"class":212,"line":497},[5718],{"type":15,"tag":210,"props":5719,"children":5720},{"style":217},[5721],{"type":21,"value":5620},{"type":15,"tag":210,"props":5723,"children":5724},{"class":212,"line":516},[5725,5730],{"type":15,"tag":210,"props":5726,"children":5727},{"style":223},[5728],{"type":21,"value":5729},"  disableClickAway",{"type":15,"tag":210,"props":5731,"children":5732},{"style":217},[5733],{"type":21,"value":5571},{"type":15,"tag":210,"props":5735,"children":5736},{"class":212,"line":533},[5737,5741,5745,5749],{"type":15,"tag":210,"props":5738,"children":5739},{"style":223},[5740],{"type":21,"value":5579},{"type":15,"tag":210,"props":5742,"children":5743},{"style":217},[5744],{"type":21,"value":1040},{"type":15,"tag":210,"props":5746,"children":5747},{"style":223},[5748],{"type":21,"value":5588},{"type":15,"tag":210,"props":5750,"children":5751},{"style":217},[5752],{"type":21,"value":3645},{"type":15,"tag":210,"props":5754,"children":5755},{"class":212,"line":576},[5756,5760,5764,5768],{"type":15,"tag":210,"props":5757,"children":5758},{"style":223},[5759],{"type":21,"value":5600},{"type":15,"tag":210,"props":5761,"children":5762},{"style":217},[5763],{"type":21,"value":1040},{"type":15,"tag":210,"props":5765,"children":5766},{"style":247},[5767],{"type":21,"value":1045},{"type":15,"tag":210,"props":5769,"children":5770},{"style":217},[5771],{"type":21,"value":3645},{"type":15,"tag":210,"props":5773,"children":5774},{"class":212,"line":585},[5775],{"type":15,"tag":210,"props":5776,"children":5777},{"style":217},[5778],{"type":21,"value":5620},{"type":15,"tag":210,"props":5780,"children":5781},{"class":212,"line":601},[5782,5787],{"type":15,"tag":210,"props":5783,"children":5784},{"style":223},[5785],{"type":21,"value":5786},"  disableEsc",{"type":15,"tag":210,"props":5788,"children":5789},{"style":217},[5790],{"type":21,"value":5571},{"type":15,"tag":210,"props":5792,"children":5793},{"class":212,"line":618},[5794,5798,5802,5806],{"type":15,"tag":210,"props":5795,"children":5796},{"style":223},[5797],{"type":21,"value":5579},{"type":15,"tag":210,"props":5799,"children":5800},{"style":217},[5801],{"type":21,"value":1040},{"type":15,"tag":210,"props":5803,"children":5804},{"style":223},[5805],{"type":21,"value":5588},{"type":15,"tag":210,"props":5807,"children":5808},{"style":217},[5809],{"type":21,"value":3645},{"type":15,"tag":210,"props":5811,"children":5812},{"class":212,"line":660},[5813,5817,5821,5825],{"type":15,"tag":210,"props":5814,"children":5815},{"style":223},[5816],{"type":21,"value":5600},{"type":15,"tag":210,"props":5818,"children":5819},{"style":217},[5820],{"type":21,"value":1040},{"type":15,"tag":210,"props":5822,"children":5823},{"style":247},[5824],{"type":21,"value":1045},{"type":15,"tag":210,"props":5826,"children":5827},{"style":217},[5828],{"type":21,"value":3645},{"type":15,"tag":210,"props":5830,"children":5831},{"class":212,"line":669},[5832],{"type":15,"tag":210,"props":5833,"children":5834},{"style":217},[5835],{"type":21,"value":5620},{"type":15,"tag":210,"props":5837,"children":5838},{"class":212,"line":678},[5839],{"type":15,"tag":210,"props":5840,"children":5841},{"style":217},[5842],{"type":21,"value":5843},"});\n",{"type":15,"tag":210,"props":5845,"children":5846},{"class":212,"line":694},[5847,5851,5855,5859,5863,5867,5871,5875,5879,5883,5888,5893,5897],{"type":15,"tag":210,"props":5848,"children":5849},{"style":909},[5850],{"type":21,"value":983},{"type":15,"tag":210,"props":5852,"children":5853},{"style":217},[5854],{"type":21,"value":917},{"type":15,"tag":210,"props":5856,"children":5857},{"style":990},[5858],{"type":21,"value":107},{"type":15,"tag":210,"props":5860,"children":5861},{"style":217},[5862],{"type":21,"value":926},{"type":15,"tag":210,"props":5864,"children":5865},{"style":990},[5866],{"type":21,"value":115},{"type":15,"tag":210,"props":5868,"children":5869},{"style":217},[5870],{"type":21,"value":926},{"type":15,"tag":210,"props":5872,"children":5873},{"style":990},[5874],{"type":21,"value":4877},{"type":15,"tag":210,"props":5876,"children":5877},{"style":217},[5878],{"type":21,"value":951},{"type":15,"tag":210,"props":5880,"children":5881},{"style":1017},[5882],{"type":21,"value":255},{"type":15,"tag":210,"props":5884,"children":5885},{"style":1022},[5886],{"type":21,"value":5887}," toRefs",{"type":15,"tag":210,"props":5889,"children":5890},{"style":217},[5891],{"type":21,"value":5892},"(",{"type":15,"tag":210,"props":5894,"children":5895},{"style":223},[5896],{"type":21,"value":4821},{"type":15,"tag":210,"props":5898,"children":5899},{"style":217},[5900],{"type":21,"value":3375},{"type":15,"tag":210,"props":5902,"children":5903},{"class":212,"line":724},[5904,5908,5913,5917,5922],{"type":15,"tag":210,"props":5905,"children":5906},{"style":909},[5907],{"type":21,"value":983},{"type":15,"tag":210,"props":5909,"children":5910},{"style":990},[5911],{"type":21,"value":5912}," emit",{"type":15,"tag":210,"props":5914,"children":5915},{"style":1017},[5916],{"type":21,"value":3296},{"type":15,"tag":210,"props":5918,"children":5919},{"style":1022},[5920],{"type":21,"value":5921}," defineEmits",{"type":15,"tag":210,"props":5923,"children":5924},{"style":217},[5925],{"type":21,"value":5926},"\u003C{\n",{"type":15,"tag":210,"props":5928,"children":5929},{"class":212,"line":774},[5930,5935,5941,5945,5950,5954,5958,5962,5966,5971,5976],{"type":15,"tag":210,"props":5931,"children":5932},{"style":217},[5933],{"type":21,"value":5934},"  (",{"type":15,"tag":210,"props":5936,"children":5938},{"style":5937},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[5939],{"type":21,"value":5940},"event",{"type":15,"tag":210,"props":5942,"children":5943},{"style":217},[5944],{"type":21,"value":1040},{"type":15,"tag":210,"props":5946,"children":5947},{"style":258},[5948],{"type":21,"value":5949},"'update:modelValue'",{"type":15,"tag":210,"props":5951,"children":5952},{"style":217},[5953],{"type":21,"value":926},{"type":15,"tag":210,"props":5955,"children":5956},{"style":5937},[5957],{"type":21,"value":993},{"type":15,"tag":210,"props":5959,"children":5960},{"style":217},[5961],{"type":21,"value":1040},{"type":15,"tag":210,"props":5963,"children":5964},{"style":990},[5965],{"type":21,"value":4886},{"type":15,"tag":210,"props":5967,"children":5968},{"style":217},[5969],{"type":21,"value":5970},"): ",{"type":15,"tag":210,"props":5972,"children":5973},{"style":990},[5974],{"type":21,"value":5975},"void",{"type":15,"tag":210,"props":5977,"children":5978},{"style":217},[5979],{"type":21,"value":966},{"type":15,"tag":210,"props":5981,"children":5982},{"class":212,"line":811},[5983],{"type":15,"tag":210,"props":5984,"children":5985},{"style":217},[5986],{"type":21,"value":5987},"}>();\n",{"type":15,"tag":210,"props":5989,"children":5990},{"class":212,"line":827},[5991],{"type":15,"tag":210,"props":5992,"children":5993},{"emptyLinePlaceholder":8},[5994],{"type":21,"value":283},{"type":15,"tag":210,"props":5996,"children":5997},{"class":212,"line":844},[5998,6003],{"type":15,"tag":210,"props":5999,"children":6000},{"style":1022},[6001],{"type":21,"value":6002},"defineOptions",{"type":15,"tag":210,"props":6004,"children":6005},{"style":217},[6006],{"type":21,"value":5558},{"type":15,"tag":210,"props":6008,"children":6009},{"class":212,"line":861},[6010,6015,6019,6023],{"type":15,"tag":210,"props":6011,"children":6012},{"style":223},[6013],{"type":21,"value":6014},"  inheritAttrs",{"type":15,"tag":210,"props":6016,"children":6017},{"style":217},[6018],{"type":21,"value":1040},{"type":15,"tag":210,"props":6020,"children":6021},{"style":247},[6022],{"type":21,"value":1045},{"type":15,"tag":210,"props":6024,"children":6025},{"style":217},[6026],{"type":21,"value":3645},{"type":15,"tag":210,"props":6028,"children":6029},{"class":212,"line":869},[6030],{"type":15,"tag":210,"props":6031,"children":6032},{"style":217},[6033],{"type":21,"value":5843},{"type":15,"tag":210,"props":6035,"children":6036},{"class":212,"line":905},[6037,6041,6045,6050,6054,6058,6063],{"type":15,"tag":210,"props":6038,"children":6039},{"style":909},[6040],{"type":21,"value":983},{"type":15,"tag":210,"props":6042,"children":6043},{"style":217},[6044],{"type":21,"value":917},{"type":15,"tag":210,"props":6046,"children":6047},{"style":990},[6048],{"type":21,"value":6049},"attrsWithoutClass",{"type":15,"tag":210,"props":6051,"children":6052},{"style":217},[6053],{"type":21,"value":951},{"type":15,"tag":210,"props":6055,"children":6056},{"style":1017},[6057],{"type":21,"value":255},{"type":15,"tag":210,"props":6059,"children":6060},{"style":1022},[6061],{"type":21,"value":6062}," useTwMergeRoot",{"type":15,"tag":210,"props":6064,"children":6065},{"style":217},[6066],{"type":21,"value":3306},{"type":15,"tag":210,"props":6068,"children":6069},{"class":212,"line":969},[6070],{"type":15,"tag":210,"props":6071,"children":6072},{"emptyLinePlaceholder":8},[6073],{"type":21,"value":283},{"type":15,"tag":210,"props":6075,"children":6076},{"class":212,"line":977},[6077,6081,6085,6089,6093,6097,6101],{"type":15,"tag":210,"props":6078,"children":6079},{"style":909},[6080],{"type":21,"value":983},{"type":15,"tag":210,"props":6082,"children":6083},{"style":990},[6084],{"type":21,"value":3342},{"type":15,"tag":210,"props":6086,"children":6087},{"style":1017},[6088],{"type":21,"value":3296},{"type":15,"tag":210,"props":6090,"children":6091},{"style":1022},[6092],{"type":21,"value":3722},{"type":15,"tag":210,"props":6094,"children":6095},{"style":217},[6096],{"type":21,"value":220},{"type":15,"tag":210,"props":6098,"children":6099},{"style":990},[6100],{"type":21,"value":3360},{"type":15,"tag":210,"props":6102,"children":6103},{"style":217},[6104],{"type":21,"value":6105},">();\n",{"type":15,"tag":210,"props":6107,"children":6108},{"class":212,"line":1053},[6109],{"type":15,"tag":210,"props":6110,"children":6111},{"emptyLinePlaceholder":8},[6112],{"type":21,"value":283},{"type":15,"tag":210,"props":6114,"children":6115},{"class":212,"line":1865},[6116,6120,6124,6128,6133,6138],{"type":15,"tag":210,"props":6117,"children":6118},{"style":1022},[6119],{"type":21,"value":5459},{"type":15,"tag":210,"props":6121,"children":6122},{"style":217},[6123],{"type":21,"value":5892},{"type":15,"tag":210,"props":6125,"children":6126},{"style":223},[6127],{"type":21,"value":3846},{"type":15,"tag":210,"props":6129,"children":6130},{"style":217},[6131],{"type":21,"value":6132},", () ",{"type":15,"tag":210,"props":6134,"children":6135},{"style":909},[6136],{"type":21,"value":6137},"=>",{"type":15,"tag":210,"props":6139,"children":6140},{"style":217},[6141],{"type":21,"value":6142}," {\n",{"type":15,"tag":210,"props":6144,"children":6145},{"class":212,"line":1881},[6146,6151,6156,6160,6164,6169,6174,6179],{"type":15,"tag":210,"props":6147,"children":6148},{"style":909},[6149],{"type":21,"value":6150},"  if",{"type":15,"tag":210,"props":6152,"children":6153},{"style":217},[6154],{"type":21,"value":6155}," (",{"type":15,"tag":210,"props":6157,"children":6158},{"style":990},[6159],{"type":21,"value":107},{"type":15,"tag":210,"props":6161,"children":6162},{"style":217},[6163],{"type":21,"value":125},{"type":15,"tag":210,"props":6165,"children":6166},{"style":223},[6167],{"type":21,"value":6168},"value",{"type":15,"tag":210,"props":6170,"children":6171},{"style":217},[6172],{"type":21,"value":6173},") ",{"type":15,"tag":210,"props":6175,"children":6176},{"style":909},[6177],{"type":21,"value":6178},"return",{"type":15,"tag":210,"props":6180,"children":6181},{"style":217},[6182],{"type":21,"value":966},{"type":15,"tag":210,"props":6184,"children":6185},{"class":212,"line":1897},[6186,6191,6195,6199,6203,6207],{"type":15,"tag":210,"props":6187,"children":6188},{"style":1022},[6189],{"type":21,"value":6190},"  emit",{"type":15,"tag":210,"props":6192,"children":6193},{"style":217},[6194],{"type":21,"value":5892},{"type":15,"tag":210,"props":6196,"children":6197},{"style":258},[6198],{"type":21,"value":5949},{"type":15,"tag":210,"props":6200,"children":6201},{"style":217},[6202],{"type":21,"value":926},{"type":15,"tag":210,"props":6204,"children":6205},{"style":247},[6206],{"type":21,"value":1045},{"type":15,"tag":210,"props":6208,"children":6209},{"style":217},[6210],{"type":21,"value":3375},{"type":15,"tag":210,"props":6212,"children":6213},{"class":212,"line":1906},[6214],{"type":15,"tag":210,"props":6215,"children":6216},{"style":217},[6217],{"type":21,"value":5843},{"type":15,"tag":210,"props":6219,"children":6220},{"class":212,"line":1915},[6221],{"type":15,"tag":210,"props":6222,"children":6223},{"emptyLinePlaceholder":8},[6224],{"type":21,"value":283},{"type":15,"tag":210,"props":6226,"children":6227},{"class":212,"line":2614},[6228,6232,6237,6241,6246,6250],{"type":15,"tag":210,"props":6229,"children":6230},{"style":909},[6231],{"type":21,"value":983},{"type":15,"tag":210,"props":6233,"children":6234},{"style":1022},[6235],{"type":21,"value":6236}," onEscKeyDown",{"type":15,"tag":210,"props":6238,"children":6239},{"style":1017},[6240],{"type":21,"value":3296},{"type":15,"tag":210,"props":6242,"children":6243},{"style":217},[6244],{"type":21,"value":6245}," () ",{"type":15,"tag":210,"props":6247,"children":6248},{"style":909},[6249],{"type":21,"value":6137},{"type":15,"tag":210,"props":6251,"children":6252},{"style":217},[6253],{"type":21,"value":6142},{"type":15,"tag":210,"props":6255,"children":6256},{"class":212,"line":2654},[6257,6261,6265,6269,6273,6277,6281,6285],{"type":15,"tag":210,"props":6258,"children":6259},{"style":909},[6260],{"type":21,"value":6150},{"type":15,"tag":210,"props":6262,"children":6263},{"style":217},[6264],{"type":21,"value":6155},{"type":15,"tag":210,"props":6266,"children":6267},{"style":990},[6268],{"type":21,"value":115},{"type":15,"tag":210,"props":6270,"children":6271},{"style":217},[6272],{"type":21,"value":125},{"type":15,"tag":210,"props":6274,"children":6275},{"style":223},[6276],{"type":21,"value":6168},{"type":15,"tag":210,"props":6278,"children":6279},{"style":217},[6280],{"type":21,"value":6173},{"type":15,"tag":210,"props":6282,"children":6283},{"style":909},[6284],{"type":21,"value":6178},{"type":15,"tag":210,"props":6286,"children":6287},{"style":217},[6288],{"type":21,"value":966},{"type":15,"tag":210,"props":6290,"children":6291},{"class":212,"line":2663},[6292,6296,6300,6304,6308,6312],{"type":15,"tag":210,"props":6293,"children":6294},{"style":1022},[6295],{"type":21,"value":6190},{"type":15,"tag":210,"props":6297,"children":6298},{"style":217},[6299],{"type":21,"value":5892},{"type":15,"tag":210,"props":6301,"children":6302},{"style":258},[6303],{"type":21,"value":5949},{"type":15,"tag":210,"props":6305,"children":6306},{"style":217},[6307],{"type":21,"value":926},{"type":15,"tag":210,"props":6309,"children":6310},{"style":247},[6311],{"type":21,"value":1045},{"type":15,"tag":210,"props":6313,"children":6314},{"style":217},[6315],{"type":21,"value":3375},{"type":15,"tag":210,"props":6317,"children":6318},{"class":212,"line":2672},[6319],{"type":15,"tag":210,"props":6320,"children":6321},{"style":217},[6322],{"type":21,"value":6323},"};\n",{"type":15,"tag":210,"props":6325,"children":6326},{"class":212,"line":2688},[6327],{"type":15,"tag":210,"props":6328,"children":6329},{"emptyLinePlaceholder":8},[6330],{"type":21,"value":283},{"type":15,"tag":210,"props":6332,"children":6333},{"class":212,"line":2716},[6334,6338,6342,6346],{"type":15,"tag":210,"props":6335,"children":6336},{"style":1022},[6337],{"type":21,"value":76},{"type":15,"tag":210,"props":6339,"children":6340},{"style":217},[6341],{"type":21,"value":5892},{"type":15,"tag":210,"props":6343,"children":6344},{"style":223},[6345],{"type":21,"value":3846},{"type":15,"tag":210,"props":6347,"children":6348},{"style":217},[6349],{"type":21,"value":6350},", {\n",{"type":15,"tag":210,"props":6352,"children":6353},{"class":212,"line":2764},[6354,6359,6363,6367],{"type":15,"tag":210,"props":6355,"children":6356},{"style":223},[6357],{"type":21,"value":6358},"  trapTabs",{"type":15,"tag":210,"props":6360,"children":6361},{"style":217},[6362],{"type":21,"value":1040},{"type":15,"tag":210,"props":6364,"children":6365},{"style":247},[6366],{"type":21,"value":123},{"type":15,"tag":210,"props":6368,"children":6369},{"style":217},[6370],{"type":21,"value":3645},{"type":15,"tag":210,"props":6372,"children":6373},{"class":212,"line":2800},[6374,6379,6383,6387],{"type":15,"tag":210,"props":6375,"children":6376},{"style":223},[6377],{"type":21,"value":6378},"  activeState",{"type":15,"tag":210,"props":6380,"children":6381},{"style":217},[6382],{"type":21,"value":1040},{"type":15,"tag":210,"props":6384,"children":6385},{"style":223},[6386],{"type":21,"value":4877},{"type":15,"tag":210,"props":6388,"children":6389},{"style":217},[6390],{"type":21,"value":3645},{"type":15,"tag":210,"props":6392,"children":6393},{"class":212,"line":2816},[6394,6399,6403,6407],{"type":15,"tag":210,"props":6395,"children":6396},{"style":223},[6397],{"type":21,"value":6398},"  initialFocus",{"type":15,"tag":210,"props":6400,"children":6401},{"style":217},[6402],{"type":21,"value":1040},{"type":15,"tag":210,"props":6404,"children":6405},{"style":247},[6406],{"type":21,"value":1045},{"type":15,"tag":210,"props":6408,"children":6409},{"style":217},[6410],{"type":21,"value":3645},{"type":15,"tag":210,"props":6412,"children":6413},{"class":212,"line":2832},[6414,6419,6423,6427],{"type":15,"tag":210,"props":6415,"children":6416},{"style":223},[6417],{"type":21,"value":6418},"  initialFocusContainerFallback",{"type":15,"tag":210,"props":6420,"children":6421},{"style":217},[6422],{"type":21,"value":1040},{"type":15,"tag":210,"props":6424,"children":6425},{"style":247},[6426],{"type":21,"value":123},{"type":15,"tag":210,"props":6428,"children":6429},{"style":217},[6430],{"type":21,"value":3645},{"type":15,"tag":210,"props":6432,"children":6433},{"class":212,"line":2848},[6434],{"type":15,"tag":210,"props":6435,"children":6436},{"style":217},[6437],{"type":21,"value":5843},{"type":15,"tag":210,"props":6439,"children":6440},{"class":212,"line":2864},[6441,6445,6449],{"type":15,"tag":210,"props":6442,"children":6443},{"style":217},[6444],{"type":21,"value":850},{"type":15,"tag":210,"props":6446,"children":6447},{"style":223},[6448],{"type":21,"value":879},{"type":15,"tag":210,"props":6450,"children":6451},{"style":217},[6452],{"type":21,"value":230},{"type":15,"tag":210,"props":6454,"children":6455},{"class":212,"line":2872},[6456],{"type":15,"tag":210,"props":6457,"children":6458},{"emptyLinePlaceholder":8},[6459],{"type":21,"value":283},{"type":15,"tag":210,"props":6461,"children":6462},{"class":212,"line":2904},[6463,6467,6471],{"type":15,"tag":210,"props":6464,"children":6465},{"style":217},[6466],{"type":21,"value":220},{"type":15,"tag":210,"props":6468,"children":6469},{"style":223},[6470],{"type":21,"value":28},{"type":15,"tag":210,"props":6472,"children":6473},{"style":217},[6474],{"type":21,"value":230},{"type":15,"tag":210,"props":6476,"children":6477},{"class":212,"line":2960},[6478,6482],{"type":15,"tag":210,"props":6479,"children":6480},{"style":217},[6481],{"type":21,"value":239},{"type":15,"tag":210,"props":6483,"children":6484},{"style":223},[6485],{"type":21,"value":6486},"component\n",{"type":15,"tag":210,"props":6488,"children":6489},{"class":212,"line":2968},[6490,6495,6499],{"type":15,"tag":210,"props":6491,"children":6492},{"style":247},[6493],{"type":21,"value":6494},"    v-if",{"type":15,"tag":210,"props":6496,"children":6497},{"style":217},[6498],{"type":21,"value":255},{"type":15,"tag":210,"props":6500,"children":6501},{"style":258},[6502],{"type":21,"value":6503},"\"modelValue\"\n",{"type":15,"tag":210,"props":6505,"children":6506},{"class":212,"line":3032},[6507,6512,6516],{"type":15,"tag":210,"props":6508,"children":6509},{"style":247},[6510],{"type":21,"value":6511},"    :is",{"type":15,"tag":210,"props":6513,"children":6514},{"style":217},[6515],{"type":21,"value":255},{"type":15,"tag":210,"props":6517,"children":6518},{"style":258},[6519],{"type":21,"value":6520},"\"tag || 'div'\"\n",{"type":15,"tag":210,"props":6522,"children":6523},{"class":212,"line":4310},[6524,6529,6533],{"type":15,"tag":210,"props":6525,"children":6526},{"style":247},[6527],{"type":21,"value":6528},"    ref",{"type":15,"tag":210,"props":6530,"children":6531},{"style":217},[6532],{"type":21,"value":255},{"type":15,"tag":210,"props":6534,"children":6535},{"style":258},[6536],{"type":21,"value":6537},"\"modalRef\"\n",{"type":15,"tag":210,"props":6539,"children":6540},{"class":212,"line":4319},[6541,6546,6550],{"type":15,"tag":210,"props":6542,"children":6543},{"style":247},[6544],{"type":21,"value":6545},"    aria-modal",{"type":15,"tag":210,"props":6547,"children":6548},{"style":217},[6549],{"type":21,"value":255},{"type":15,"tag":210,"props":6551,"children":6552},{"style":258},[6553],{"type":21,"value":6554},"\"true\"\n",{"type":15,"tag":210,"props":6556,"children":6557},{"class":212,"line":4335},[6558,6563,6567],{"type":15,"tag":210,"props":6559,"children":6560},{"style":247},[6561],{"type":21,"value":6562},"    data-testid",{"type":15,"tag":210,"props":6564,"children":6565},{"style":217},[6566],{"type":21,"value":255},{"type":15,"tag":210,"props":6568,"children":6569},{"style":258},[6570],{"type":21,"value":6571},"\"modal\"\n",{"type":15,"tag":210,"props":6573,"children":6574},{"class":212,"line":4351},[6575,6580,6584],{"type":15,"tag":210,"props":6576,"children":6577},{"style":247},[6578],{"type":21,"value":6579},"    tabindex",{"type":15,"tag":210,"props":6581,"children":6582},{"style":217},[6583],{"type":21,"value":255},{"type":15,"tag":210,"props":6585,"children":6586},{"style":258},[6587],{"type":21,"value":6588},"\"-1\"\n",{"type":15,"tag":210,"props":6590,"children":6591},{"class":212,"line":4399},[6592,6597,6601],{"type":15,"tag":210,"props":6593,"children":6594},{"style":247},[6595],{"type":21,"value":6596},"    :class",{"type":15,"tag":210,"props":6598,"children":6599},{"style":217},[6600],{"type":21,"value":255},{"type":15,"tag":210,"props":6602,"children":6603},{"style":258},[6604],{"type":21,"value":6605},"\"\n",{"type":15,"tag":210,"props":6607,"children":6608},{"class":212,"line":4408},[6609],{"type":15,"tag":210,"props":6610,"children":6611},{"style":258},[6612],{"type":21,"value":6613},"      twMerge(\n",{"type":15,"tag":210,"props":6615,"children":6616},{"class":212,"line":4417},[6617],{"type":15,"tag":210,"props":6618,"children":6619},{"style":258},[6620],{"type":21,"value":6621},"        'fixed inset-0 w-fit h-fit m-auto p-6 pt-10 lg:p-10 border border-neutral-100 bg-white shadow-xl rounded-3xl outline-hidden',\n",{"type":15,"tag":210,"props":6623,"children":6624},{"class":212,"line":4433},[6625],{"type":15,"tag":210,"props":6626,"children":6627},{"style":258},[6628],{"type":21,"value":6629},"        $attrs.class,\n",{"type":15,"tag":210,"props":6631,"children":6632},{"class":212,"line":4461},[6633],{"type":15,"tag":210,"props":6634,"children":6635},{"style":258},[6636],{"type":21,"value":6637},"      )\n",{"type":15,"tag":210,"props":6639,"children":6640},{"class":212,"line":4509},[6641],{"type":15,"tag":210,"props":6642,"children":6643},{"style":258},[6644],{"type":21,"value":6645},"    \"\n",{"type":15,"tag":210,"props":6647,"children":6648},{"class":212,"line":4518},[6649,6654,6658],{"type":15,"tag":210,"props":6650,"children":6651},{"style":247},[6652],{"type":21,"value":6653},"    v-bind",{"type":15,"tag":210,"props":6655,"children":6656},{"style":217},[6657],{"type":21,"value":255},{"type":15,"tag":210,"props":6659,"children":6660},{"style":258},[6661],{"type":21,"value":6662},"\"attrsWithoutClass\"\n",{"type":15,"tag":210,"props":6664,"children":6665},{"class":212,"line":4534},[6666,6671,6675],{"type":15,"tag":210,"props":6667,"children":6668},{"style":247},[6669],{"type":21,"value":6670},"    @keydown.esc",{"type":15,"tag":210,"props":6672,"children":6673},{"style":217},[6674],{"type":21,"value":255},{"type":15,"tag":210,"props":6676,"children":6677},{"style":258},[6678],{"type":21,"value":6679},"\"onEscKeyDown\"\n",{"type":15,"tag":210,"props":6681,"children":6682},{"class":212,"line":4578},[6683],{"type":15,"tag":210,"props":6684,"children":6685},{"style":217},[6686],{"type":21,"value":413},{"type":15,"tag":210,"props":6688,"children":6689},{"class":212,"line":4594},[6690,6694,6699,6703],{"type":15,"tag":210,"props":6691,"children":6692},{"style":217},[6693],{"type":21,"value":422},{"type":15,"tag":210,"props":6695,"children":6696},{"style":223},[6697],{"type":21,"value":6698},"slot",{"type":15,"tag":210,"props":6700,"children":6701},{"style":2171},[6702],{"type":21,"value":2174},{"type":15,"tag":210,"props":6704,"children":6705},{"style":217},[6706],{"type":21,"value":230},{"type":15,"tag":210,"props":6708,"children":6709},{"class":212,"line":4610},[6710,6714,6719],{"type":15,"tag":210,"props":6711,"children":6712},{"style":217},[6713],{"type":21,"value":833},{"type":15,"tag":210,"props":6715,"children":6716},{"style":223},[6717],{"type":21,"value":6718},"component",{"type":15,"tag":210,"props":6720,"children":6721},{"style":217},[6722],{"type":21,"value":230},{"type":15,"tag":210,"props":6724,"children":6725},{"class":212,"line":4626},[6726,6730,6734],{"type":15,"tag":210,"props":6727,"children":6728},{"style":217},[6729],{"type":21,"value":850},{"type":15,"tag":210,"props":6731,"children":6732},{"style":223},[6733],{"type":21,"value":28},{"type":15,"tag":210,"props":6735,"children":6736},{"style":217},[6737],{"type":21,"value":230},{"type":15,"tag":157,"props":6739,"children":6740},{},[6741],{"type":15,"tag":200,"props":6742,"children":6744},{"className":1072,"code":6743,"language":1074,"meta":9,"style":9},"'use client';\nimport { useRef } from 'react';\nimport { useClickAway } from 'react-use';\nimport { type SfModalProps, polymorphicForwardRef, useTrapFocus, mergeRefs, twMerge } from '@storefront-ui\u002Freact';\n\nconst defaultModalTag = 'div';\n\nconst SfModal = polymorphicForwardRef\u003Ctypeof defaultModalTag, SfModalProps>(\n  ({ as, open, disableClickAway, disableEsc, onClose, className, children, ...attributes }, ref) => {\n    const Tag = as || defaultModalTag;\n    const modalRef = useRef(null);\n    useClickAway(modalRef, () => {\n      if (disableClickAway) return;\n      onClose?.();\n    });\n\n    \u002F\u002F eslint-disable-next-line consistent-return\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (!disableEsc && event.key === 'Escape') {\n        onClose?.();\n      }\n      if ('onKeyDown' in attributes && typeof attributes.onKeyDown === 'function') return attributes.onKeyDown?.(event);\n    };\n\n    useTrapFocus(modalRef, {\n      trapTabs: true,\n      activeState: open,\n      initialFocus: false,\n      initialFocusContainerFallback: true,\n    });\n\n    return open ? (\n      \u003CTag\n        ref={mergeRefs([modalRef, ref])}\n        className={twMerge(\n          'fixed inset-0 w-fit h-fit m-auto p-6 pt-10 lg:p-10 border border-neutral-100 bg-white shadow-xl rounded-3xl outline-hidden',\n          className,\n        )}\n        tabIndex=\"-1\"\n        aria-modal=\"true\"\n        data-testid=\"modal\"\n        {...attributes}\n        onKeyDown={onKeyDown}\n      >\n        {children}\n      \u003C\u002FTag>\n    ) : null;\n  },\n);\n\nexport default SfModal;\n\n",[6745],{"type":15,"tag":36,"props":6746,"children":6747},{"__ignoreMap":9},[6748,6760,6791,6824,6894,6901,6926,6933,6981,7073,7108,7139,7167,7195,7208,7216,7223,7231,7276,7330,7341,7349,7439,7447,7454,7474,7494,7514,7534,7554,7561,7568,7590,7602,7648,7672,7684,7695,7707,7723,7739,7755,7776,7800,7807,7822,7838,7860,7867,7874,7881],{"type":15,"tag":210,"props":6749,"children":6750},{"class":212,"line":213},[6751,6756],{"type":15,"tag":210,"props":6752,"children":6753},{"style":258},[6754],{"type":21,"value":6755},"'use client'",{"type":15,"tag":210,"props":6757,"children":6758},{"style":217},[6759],{"type":21,"value":966},{"type":15,"tag":210,"props":6761,"children":6762},{"class":212,"line":233},[6763,6767,6771,6775,6779,6783,6787],{"type":15,"tag":210,"props":6764,"children":6765},{"style":909},[6766],{"type":21,"value":912},{"type":15,"tag":210,"props":6768,"children":6769},{"style":217},[6770],{"type":21,"value":917},{"type":15,"tag":210,"props":6772,"children":6773},{"style":223},[6774],{"type":21,"value":3080},{"type":15,"tag":210,"props":6776,"children":6777},{"style":217},[6778],{"type":21,"value":951},{"type":15,"tag":210,"props":6780,"children":6781},{"style":909},[6782],{"type":21,"value":956},{"type":15,"tag":210,"props":6784,"children":6785},{"style":258},[6786],{"type":21,"value":3093},{"type":15,"tag":210,"props":6788,"children":6789},{"style":217},[6790],{"type":21,"value":966},{"type":15,"tag":210,"props":6792,"children":6793},{"class":212,"line":277},[6794,6798,6802,6807,6811,6815,6820],{"type":15,"tag":210,"props":6795,"children":6796},{"style":909},[6797],{"type":21,"value":912},{"type":15,"tag":210,"props":6799,"children":6800},{"style":217},[6801],{"type":21,"value":917},{"type":15,"tag":210,"props":6803,"children":6804},{"style":223},[6805],{"type":21,"value":6806},"useClickAway",{"type":15,"tag":210,"props":6808,"children":6809},{"style":217},[6810],{"type":21,"value":951},{"type":15,"tag":210,"props":6812,"children":6813},{"style":909},[6814],{"type":21,"value":956},{"type":15,"tag":210,"props":6816,"children":6817},{"style":258},[6818],{"type":21,"value":6819}," 'react-use'",{"type":15,"tag":210,"props":6821,"children":6822},{"style":217},[6823],{"type":21,"value":966},{"type":15,"tag":210,"props":6825,"children":6826},{"class":212,"line":286},[6827,6831,6835,6839,6844,6848,6853,6857,6861,6865,6870,6874,6878,6882,6886,6890],{"type":15,"tag":210,"props":6828,"children":6829},{"style":909},[6830],{"type":21,"value":912},{"type":15,"tag":210,"props":6832,"children":6833},{"style":217},[6834],{"type":21,"value":917},{"type":15,"tag":210,"props":6836,"children":6837},{"style":909},[6838],{"type":21,"value":5408},{"type":15,"tag":210,"props":6840,"children":6841},{"style":223},[6842],{"type":21,"value":6843}," SfModalProps",{"type":15,"tag":210,"props":6845,"children":6846},{"style":217},[6847],{"type":21,"value":926},{"type":15,"tag":210,"props":6849,"children":6850},{"style":223},[6851],{"type":21,"value":6852},"polymorphicForwardRef",{"type":15,"tag":210,"props":6854,"children":6855},{"style":217},[6856],{"type":21,"value":926},{"type":15,"tag":210,"props":6858,"children":6859},{"style":223},[6860],{"type":21,"value":76},{"type":15,"tag":210,"props":6862,"children":6863},{"style":217},[6864],{"type":21,"value":926},{"type":15,"tag":210,"props":6866,"children":6867},{"style":223},[6868],{"type":21,"value":6869},"mergeRefs",{"type":15,"tag":210,"props":6871,"children":6872},{"style":217},[6873],{"type":21,"value":926},{"type":15,"tag":210,"props":6875,"children":6876},{"style":223},[6877],{"type":21,"value":5492},{"type":15,"tag":210,"props":6879,"children":6880},{"style":217},[6881],{"type":21,"value":951},{"type":15,"tag":210,"props":6883,"children":6884},{"style":909},[6885],{"type":21,"value":956},{"type":15,"tag":210,"props":6887,"children":6888},{"style":258},[6889],{"type":21,"value":1130},{"type":15,"tag":210,"props":6891,"children":6892},{"style":217},[6893],{"type":21,"value":966},{"type":15,"tag":210,"props":6895,"children":6896},{"class":212,"line":299},[6897],{"type":15,"tag":210,"props":6898,"children":6899},{"emptyLinePlaceholder":8},[6900],{"type":21,"value":283},{"type":15,"tag":210,"props":6902,"children":6903},{"class":212,"line":317},[6904,6908,6913,6917,6922],{"type":15,"tag":210,"props":6905,"children":6906},{"style":909},[6907],{"type":21,"value":983},{"type":15,"tag":210,"props":6909,"children":6910},{"style":990},[6911],{"type":21,"value":6912}," defaultModalTag",{"type":15,"tag":210,"props":6914,"children":6915},{"style":1017},[6916],{"type":21,"value":3296},{"type":15,"tag":210,"props":6918,"children":6919},{"style":258},[6920],{"type":21,"value":6921}," 'div'",{"type":15,"tag":210,"props":6923,"children":6924},{"style":217},[6925],{"type":21,"value":966},{"type":15,"tag":210,"props":6927,"children":6928},{"class":212,"line":335},[6929],{"type":15,"tag":210,"props":6930,"children":6931},{"emptyLinePlaceholder":8},[6932],{"type":21,"value":283},{"type":15,"tag":210,"props":6934,"children":6935},{"class":212,"line":353},[6936,6940,6945,6949,6954,6958,6963,6967,6971,6976],{"type":15,"tag":210,"props":6937,"children":6938},{"style":909},[6939],{"type":21,"value":983},{"type":15,"tag":210,"props":6941,"children":6942},{"style":990},[6943],{"type":21,"value":6944}," SfModal",{"type":15,"tag":210,"props":6946,"children":6947},{"style":1017},[6948],{"type":21,"value":3296},{"type":15,"tag":210,"props":6950,"children":6951},{"style":1022},[6952],{"type":21,"value":6953}," polymorphicForwardRef",{"type":15,"tag":210,"props":6955,"children":6956},{"style":217},[6957],{"type":21,"value":220},{"type":15,"tag":210,"props":6959,"children":6960},{"style":909},[6961],{"type":21,"value":6962},"typeof",{"type":15,"tag":210,"props":6964,"children":6965},{"style":223},[6966],{"type":21,"value":6912},{"type":15,"tag":210,"props":6968,"children":6969},{"style":217},[6970],{"type":21,"value":926},{"type":15,"tag":210,"props":6972,"children":6973},{"style":990},[6974],{"type":21,"value":6975},"SfModalProps",{"type":15,"tag":210,"props":6977,"children":6978},{"style":217},[6979],{"type":21,"value":6980},">(\n",{"type":15,"tag":210,"props":6982,"children":6983},{"class":212,"line":371},[6984,6989,6993,6997,7001,7005,7009,7013,7017,7021,7025,7029,7034,7038,7042,7047,7052,7057,7061,7065,7069],{"type":15,"tag":210,"props":6985,"children":6986},{"style":217},[6987],{"type":21,"value":6988},"  ({ ",{"type":15,"tag":210,"props":6990,"children":6991},{"style":5937},[6992],{"type":21,"value":5063},{"type":15,"tag":210,"props":6994,"children":6995},{"style":217},[6996],{"type":21,"value":926},{"type":15,"tag":210,"props":6998,"children":6999},{"style":5937},[7000],{"type":21,"value":170},{"type":15,"tag":210,"props":7002,"children":7003},{"style":217},[7004],{"type":21,"value":926},{"type":15,"tag":210,"props":7006,"children":7007},{"style":5937},[7008],{"type":21,"value":107},{"type":15,"tag":210,"props":7010,"children":7011},{"style":217},[7012],{"type":21,"value":926},{"type":15,"tag":210,"props":7014,"children":7015},{"style":5937},[7016],{"type":21,"value":115},{"type":15,"tag":210,"props":7018,"children":7019},{"style":217},[7020],{"type":21,"value":926},{"type":15,"tag":210,"props":7022,"children":7023},{"style":5937},[7024],{"type":21,"value":5182},{"type":15,"tag":210,"props":7026,"children":7027},{"style":217},[7028],{"type":21,"value":926},{"type":15,"tag":210,"props":7030,"children":7031},{"style":5937},[7032],{"type":21,"value":7033},"className",{"type":15,"tag":210,"props":7035,"children":7036},{"style":217},[7037],{"type":21,"value":926},{"type":15,"tag":210,"props":7039,"children":7040},{"style":5937},[7041],{"type":21,"value":5155},{"type":15,"tag":210,"props":7043,"children":7044},{"style":217},[7045],{"type":21,"value":7046},", ...",{"type":15,"tag":210,"props":7048,"children":7049},{"style":5937},[7050],{"type":21,"value":7051},"attributes",{"type":15,"tag":210,"props":7053,"children":7054},{"style":217},[7055],{"type":21,"value":7056}," }, ",{"type":15,"tag":210,"props":7058,"children":7059},{"style":5937},[7060],{"type":21,"value":5390},{"type":15,"tag":210,"props":7062,"children":7063},{"style":217},[7064],{"type":21,"value":6173},{"type":15,"tag":210,"props":7066,"children":7067},{"style":909},[7068],{"type":21,"value":6137},{"type":15,"tag":210,"props":7070,"children":7071},{"style":217},[7072],{"type":21,"value":6142},{"type":15,"tag":210,"props":7074,"children":7075},{"class":212,"line":389},[7076,7081,7086,7090,7095,7100,7104],{"type":15,"tag":210,"props":7077,"children":7078},{"style":909},[7079],{"type":21,"value":7080},"    const",{"type":15,"tag":210,"props":7082,"children":7083},{"style":990},[7084],{"type":21,"value":7085}," Tag",{"type":15,"tag":210,"props":7087,"children":7088},{"style":1017},[7089],{"type":21,"value":3296},{"type":15,"tag":210,"props":7091,"children":7092},{"style":909},[7093],{"type":21,"value":7094}," as",{"type":15,"tag":210,"props":7096,"children":7097},{"style":1017},[7098],{"type":21,"value":7099}," ||",{"type":15,"tag":210,"props":7101,"children":7102},{"style":223},[7103],{"type":21,"value":6912},{"type":15,"tag":210,"props":7105,"children":7106},{"style":217},[7107],{"type":21,"value":966},{"type":15,"tag":210,"props":7109,"children":7110},{"class":212,"line":407},[7111,7115,7119,7123,7127,7131,7135],{"type":15,"tag":210,"props":7112,"children":7113},{"style":909},[7114],{"type":21,"value":7080},{"type":15,"tag":210,"props":7116,"children":7117},{"style":990},[7118],{"type":21,"value":3342},{"type":15,"tag":210,"props":7120,"children":7121},{"style":1017},[7122],{"type":21,"value":3296},{"type":15,"tag":210,"props":7124,"children":7125},{"style":1022},[7126],{"type":21,"value":3351},{"type":15,"tag":210,"props":7128,"children":7129},{"style":217},[7130],{"type":21,"value":5892},{"type":15,"tag":210,"props":7132,"children":7133},{"style":247},[7134],{"type":21,"value":3370},{"type":15,"tag":210,"props":7136,"children":7137},{"style":217},[7138],{"type":21,"value":3375},{"type":15,"tag":210,"props":7140,"children":7141},{"class":212,"line":416},[7142,7147,7151,7155,7159,7163],{"type":15,"tag":210,"props":7143,"children":7144},{"style":1022},[7145],{"type":21,"value":7146},"    useClickAway",{"type":15,"tag":210,"props":7148,"children":7149},{"style":217},[7150],{"type":21,"value":5892},{"type":15,"tag":210,"props":7152,"children":7153},{"style":223},[7154],{"type":21,"value":3846},{"type":15,"tag":210,"props":7156,"children":7157},{"style":217},[7158],{"type":21,"value":6132},{"type":15,"tag":210,"props":7160,"children":7161},{"style":909},[7162],{"type":21,"value":6137},{"type":15,"tag":210,"props":7164,"children":7165},{"style":217},[7166],{"type":21,"value":6142},{"type":15,"tag":210,"props":7168,"children":7169},{"class":212,"line":434},[7170,7175,7179,7183,7187,7191],{"type":15,"tag":210,"props":7171,"children":7172},{"style":909},[7173],{"type":21,"value":7174},"      if",{"type":15,"tag":210,"props":7176,"children":7177},{"style":217},[7178],{"type":21,"value":6155},{"type":15,"tag":210,"props":7180,"children":7181},{"style":223},[7182],{"type":21,"value":107},{"type":15,"tag":210,"props":7184,"children":7185},{"style":217},[7186],{"type":21,"value":6173},{"type":15,"tag":210,"props":7188,"children":7189},{"style":909},[7190],{"type":21,"value":6178},{"type":15,"tag":210,"props":7192,"children":7193},{"style":217},[7194],{"type":21,"value":966},{"type":15,"tag":210,"props":7196,"children":7197},{"class":212,"line":497},[7198,7203],{"type":15,"tag":210,"props":7199,"children":7200},{"style":1022},[7201],{"type":21,"value":7202},"      onClose",{"type":15,"tag":210,"props":7204,"children":7205},{"style":217},[7206],{"type":21,"value":7207},"?.();\n",{"type":15,"tag":210,"props":7209,"children":7210},{"class":212,"line":516},[7211],{"type":15,"tag":210,"props":7212,"children":7213},{"style":217},[7214],{"type":21,"value":7215},"    });\n",{"type":15,"tag":210,"props":7217,"children":7218},{"class":212,"line":533},[7219],{"type":15,"tag":210,"props":7220,"children":7221},{"emptyLinePlaceholder":8},[7222],{"type":21,"value":283},{"type":15,"tag":210,"props":7224,"children":7225},{"class":212,"line":576},[7226],{"type":15,"tag":210,"props":7227,"children":7228},{"style":2008},[7229],{"type":21,"value":7230},"    \u002F\u002F eslint-disable-next-line consistent-return\n",{"type":15,"tag":210,"props":7232,"children":7233},{"class":212,"line":585},[7234,7238,7243,7247,7251,7255,7259,7264,7268,7272],{"type":15,"tag":210,"props":7235,"children":7236},{"style":909},[7237],{"type":21,"value":7080},{"type":15,"tag":210,"props":7239,"children":7240},{"style":1022},[7241],{"type":21,"value":7242}," onKeyDown",{"type":15,"tag":210,"props":7244,"children":7245},{"style":1017},[7246],{"type":21,"value":3296},{"type":15,"tag":210,"props":7248,"children":7249},{"style":217},[7250],{"type":21,"value":6155},{"type":15,"tag":210,"props":7252,"children":7253},{"style":5937},[7254],{"type":21,"value":5940},{"type":15,"tag":210,"props":7256,"children":7257},{"style":217},[7258],{"type":21,"value":1040},{"type":15,"tag":210,"props":7260,"children":7261},{"style":990},[7262],{"type":21,"value":7263},"KeyboardEvent",{"type":15,"tag":210,"props":7265,"children":7266},{"style":217},[7267],{"type":21,"value":6173},{"type":15,"tag":210,"props":7269,"children":7270},{"style":909},[7271],{"type":21,"value":6137},{"type":15,"tag":210,"props":7273,"children":7274},{"style":217},[7275],{"type":21,"value":6142},{"type":15,"tag":210,"props":7277,"children":7278},{"class":212,"line":601},[7279,7283,7287,7292,7296,7301,7306,7310,7315,7320,7325],{"type":15,"tag":210,"props":7280,"children":7281},{"style":909},[7282],{"type":21,"value":7174},{"type":15,"tag":210,"props":7284,"children":7285},{"style":217},[7286],{"type":21,"value":6155},{"type":15,"tag":210,"props":7288,"children":7289},{"style":1017},[7290],{"type":21,"value":7291},"!",{"type":15,"tag":210,"props":7293,"children":7294},{"style":223},[7295],{"type":21,"value":115},{"type":15,"tag":210,"props":7297,"children":7298},{"style":1017},[7299],{"type":21,"value":7300}," &&",{"type":15,"tag":210,"props":7302,"children":7303},{"style":990},[7304],{"type":21,"value":7305}," event",{"type":15,"tag":210,"props":7307,"children":7308},{"style":217},[7309],{"type":21,"value":125},{"type":15,"tag":210,"props":7311,"children":7312},{"style":223},[7313],{"type":21,"value":7314},"key",{"type":15,"tag":210,"props":7316,"children":7317},{"style":1017},[7318],{"type":21,"value":7319}," ===",{"type":15,"tag":210,"props":7321,"children":7322},{"style":258},[7323],{"type":21,"value":7324}," 'Escape'",{"type":15,"tag":210,"props":7326,"children":7327},{"style":217},[7328],{"type":21,"value":7329},") {\n",{"type":15,"tag":210,"props":7331,"children":7332},{"class":212,"line":618},[7333,7337],{"type":15,"tag":210,"props":7334,"children":7335},{"style":1022},[7336],{"type":21,"value":1358},{"type":15,"tag":210,"props":7338,"children":7339},{"style":217},[7340],{"type":21,"value":7207},{"type":15,"tag":210,"props":7342,"children":7343},{"class":212,"line":660},[7344],{"type":15,"tag":210,"props":7345,"children":7346},{"style":217},[7347],{"type":21,"value":7348},"      }\n",{"type":15,"tag":210,"props":7350,"children":7351},{"class":212,"line":669},[7352,7356,7360,7365,7370,7375,7379,7384,7388,7392,7397,7401,7406,7410,7414,7418,7422,7426,7431,7435],{"type":15,"tag":210,"props":7353,"children":7354},{"style":909},[7355],{"type":21,"value":7174},{"type":15,"tag":210,"props":7357,"children":7358},{"style":217},[7359],{"type":21,"value":6155},{"type":15,"tag":210,"props":7361,"children":7362},{"style":258},[7363],{"type":21,"value":7364},"'onKeyDown'",{"type":15,"tag":210,"props":7366,"children":7367},{"style":909},[7368],{"type":21,"value":7369}," in",{"type":15,"tag":210,"props":7371,"children":7372},{"style":223},[7373],{"type":21,"value":7374}," attributes",{"type":15,"tag":210,"props":7376,"children":7377},{"style":1017},[7378],{"type":21,"value":7300},{"type":15,"tag":210,"props":7380,"children":7381},{"style":909},[7382],{"type":21,"value":7383}," typeof",{"type":15,"tag":210,"props":7385,"children":7386},{"style":990},[7387],{"type":21,"value":7374},{"type":15,"tag":210,"props":7389,"children":7390},{"style":217},[7391],{"type":21,"value":125},{"type":15,"tag":210,"props":7393,"children":7394},{"style":223},[7395],{"type":21,"value":7396},"onKeyDown",{"type":15,"tag":210,"props":7398,"children":7399},{"style":1017},[7400],{"type":21,"value":7319},{"type":15,"tag":210,"props":7402,"children":7403},{"style":258},[7404],{"type":21,"value":7405}," 'function'",{"type":15,"tag":210,"props":7407,"children":7408},{"style":217},[7409],{"type":21,"value":6173},{"type":15,"tag":210,"props":7411,"children":7412},{"style":909},[7413],{"type":21,"value":6178},{"type":15,"tag":210,"props":7415,"children":7416},{"style":990},[7417],{"type":21,"value":7374},{"type":15,"tag":210,"props":7419,"children":7420},{"style":217},[7421],{"type":21,"value":125},{"type":15,"tag":210,"props":7423,"children":7424},{"style":1022},[7425],{"type":21,"value":7396},{"type":15,"tag":210,"props":7427,"children":7428},{"style":217},[7429],{"type":21,"value":7430},"?.(",{"type":15,"tag":210,"props":7432,"children":7433},{"style":223},[7434],{"type":21,"value":5940},{"type":15,"tag":210,"props":7436,"children":7437},{"style":217},[7438],{"type":21,"value":3375},{"type":15,"tag":210,"props":7440,"children":7441},{"class":212,"line":678},[7442],{"type":15,"tag":210,"props":7443,"children":7444},{"style":217},[7445],{"type":21,"value":7446},"    };\n",{"type":15,"tag":210,"props":7448,"children":7449},{"class":212,"line":694},[7450],{"type":15,"tag":210,"props":7451,"children":7452},{"emptyLinePlaceholder":8},[7453],{"type":21,"value":283},{"type":15,"tag":210,"props":7455,"children":7456},{"class":212,"line":724},[7457,7462,7466,7470],{"type":15,"tag":210,"props":7458,"children":7459},{"style":1022},[7460],{"type":21,"value":7461},"    useTrapFocus",{"type":15,"tag":210,"props":7463,"children":7464},{"style":217},[7465],{"type":21,"value":5892},{"type":15,"tag":210,"props":7467,"children":7468},{"style":223},[7469],{"type":21,"value":3846},{"type":15,"tag":210,"props":7471,"children":7472},{"style":217},[7473],{"type":21,"value":6350},{"type":15,"tag":210,"props":7475,"children":7476},{"class":212,"line":774},[7477,7482,7486,7490],{"type":15,"tag":210,"props":7478,"children":7479},{"style":223},[7480],{"type":21,"value":7481},"      trapTabs",{"type":15,"tag":210,"props":7483,"children":7484},{"style":217},[7485],{"type":21,"value":1040},{"type":15,"tag":210,"props":7487,"children":7488},{"style":247},[7489],{"type":21,"value":123},{"type":15,"tag":210,"props":7491,"children":7492},{"style":217},[7493],{"type":21,"value":3645},{"type":15,"tag":210,"props":7495,"children":7496},{"class":212,"line":811},[7497,7502,7506,7510],{"type":15,"tag":210,"props":7498,"children":7499},{"style":223},[7500],{"type":21,"value":7501},"      activeState",{"type":15,"tag":210,"props":7503,"children":7504},{"style":217},[7505],{"type":21,"value":1040},{"type":15,"tag":210,"props":7507,"children":7508},{"style":223},[7509],{"type":21,"value":170},{"type":15,"tag":210,"props":7511,"children":7512},{"style":217},[7513],{"type":21,"value":3645},{"type":15,"tag":210,"props":7515,"children":7516},{"class":212,"line":827},[7517,7522,7526,7530],{"type":15,"tag":210,"props":7518,"children":7519},{"style":223},[7520],{"type":21,"value":7521},"      initialFocus",{"type":15,"tag":210,"props":7523,"children":7524},{"style":217},[7525],{"type":21,"value":1040},{"type":15,"tag":210,"props":7527,"children":7528},{"style":247},[7529],{"type":21,"value":1045},{"type":15,"tag":210,"props":7531,"children":7532},{"style":217},[7533],{"type":21,"value":3645},{"type":15,"tag":210,"props":7535,"children":7536},{"class":212,"line":844},[7537,7542,7546,7550],{"type":15,"tag":210,"props":7538,"children":7539},{"style":223},[7540],{"type":21,"value":7541},"      initialFocusContainerFallback",{"type":15,"tag":210,"props":7543,"children":7544},{"style":217},[7545],{"type":21,"value":1040},{"type":15,"tag":210,"props":7547,"children":7548},{"style":247},[7549],{"type":21,"value":123},{"type":15,"tag":210,"props":7551,"children":7552},{"style":217},[7553],{"type":21,"value":3645},{"type":15,"tag":210,"props":7555,"children":7556},{"class":212,"line":861},[7557],{"type":15,"tag":210,"props":7558,"children":7559},{"style":217},[7560],{"type":21,"value":7215},{"type":15,"tag":210,"props":7562,"children":7563},{"class":212,"line":869},[7564],{"type":15,"tag":210,"props":7565,"children":7566},{"emptyLinePlaceholder":8},[7567],{"type":21,"value":283},{"type":15,"tag":210,"props":7569,"children":7570},{"class":212,"line":905},[7571,7576,7581,7586],{"type":15,"tag":210,"props":7572,"children":7573},{"style":909},[7574],{"type":21,"value":7575},"    return",{"type":15,"tag":210,"props":7577,"children":7578},{"style":223},[7579],{"type":21,"value":7580}," open",{"type":15,"tag":210,"props":7582,"children":7583},{"style":909},[7584],{"type":21,"value":7585}," ?",{"type":15,"tag":210,"props":7587,"children":7588},{"style":217},[7589],{"type":21,"value":1252},{"type":15,"tag":210,"props":7591,"children":7592},{"class":212,"line":969},[7593,7597],{"type":15,"tag":210,"props":7594,"children":7595},{"style":217},[7596],{"type":21,"value":440},{"type":15,"tag":210,"props":7598,"children":7599},{"style":990},[7600],{"type":21,"value":7601},"Tag\n",{"type":15,"tag":210,"props":7603,"children":7604},{"class":212,"line":977},[7605,7610,7614,7618,7622,7627,7631,7635,7639,7644],{"type":15,"tag":210,"props":7606,"children":7607},{"style":1274},[7608],{"type":21,"value":7609},"        ref",{"type":15,"tag":210,"props":7611,"children":7612},{"style":1017},[7613],{"type":21,"value":255},{"type":15,"tag":210,"props":7615,"children":7616},{"style":909},[7617],{"type":21,"value":1286},{"type":15,"tag":210,"props":7619,"children":7620},{"style":1022},[7621],{"type":21,"value":6869},{"type":15,"tag":210,"props":7623,"children":7624},{"style":217},[7625],{"type":21,"value":7626},"([",{"type":15,"tag":210,"props":7628,"children":7629},{"style":223},[7630],{"type":21,"value":3846},{"type":15,"tag":210,"props":7632,"children":7633},{"style":217},[7634],{"type":21,"value":926},{"type":15,"tag":210,"props":7636,"children":7637},{"style":223},[7638],{"type":21,"value":5390},{"type":15,"tag":210,"props":7640,"children":7641},{"style":217},[7642],{"type":21,"value":7643},"])",{"type":15,"tag":210,"props":7645,"children":7646},{"style":909},[7647],{"type":21,"value":1350},{"type":15,"tag":210,"props":7649,"children":7650},{"class":212,"line":1053},[7651,7655,7659,7663,7667],{"type":15,"tag":210,"props":7652,"children":7653},{"style":1274},[7654],{"type":21,"value":1382},{"type":15,"tag":210,"props":7656,"children":7657},{"style":1017},[7658],{"type":21,"value":255},{"type":15,"tag":210,"props":7660,"children":7661},{"style":909},[7662],{"type":21,"value":1286},{"type":15,"tag":210,"props":7664,"children":7665},{"style":1022},[7666],{"type":21,"value":5492},{"type":15,"tag":210,"props":7668,"children":7669},{"style":217},[7670],{"type":21,"value":7671},"(\n",{"type":15,"tag":210,"props":7673,"children":7674},{"class":212,"line":1865},[7675,7680],{"type":15,"tag":210,"props":7676,"children":7677},{"style":258},[7678],{"type":21,"value":7679},"          'fixed inset-0 w-fit h-fit m-auto p-6 pt-10 lg:p-10 border border-neutral-100 bg-white shadow-xl rounded-3xl outline-hidden'",{"type":15,"tag":210,"props":7681,"children":7682},{"style":217},[7683],{"type":21,"value":3645},{"type":15,"tag":210,"props":7685,"children":7686},{"class":212,"line":1881},[7687,7691],{"type":15,"tag":210,"props":7688,"children":7689},{"style":223},[7690],{"type":21,"value":4134},{"type":15,"tag":210,"props":7692,"children":7693},{"style":217},[7694],{"type":21,"value":3645},{"type":15,"tag":210,"props":7696,"children":7697},{"class":212,"line":1897},[7698,7703],{"type":15,"tag":210,"props":7699,"children":7700},{"style":217},[7701],{"type":21,"value":7702},"        )",{"type":15,"tag":210,"props":7704,"children":7705},{"style":909},[7706],{"type":21,"value":1350},{"type":15,"tag":210,"props":7708,"children":7709},{"class":212,"line":1906},[7710,7715,7719],{"type":15,"tag":210,"props":7711,"children":7712},{"style":1274},[7713],{"type":21,"value":7714},"        tabIndex",{"type":15,"tag":210,"props":7716,"children":7717},{"style":1017},[7718],{"type":21,"value":255},{"type":15,"tag":210,"props":7720,"children":7721},{"style":258},[7722],{"type":21,"value":6588},{"type":15,"tag":210,"props":7724,"children":7725},{"class":212,"line":1915},[7726,7731,7735],{"type":15,"tag":210,"props":7727,"children":7728},{"style":1274},[7729],{"type":21,"value":7730},"        aria-modal",{"type":15,"tag":210,"props":7732,"children":7733},{"style":1017},[7734],{"type":21,"value":255},{"type":15,"tag":210,"props":7736,"children":7737},{"style":258},[7738],{"type":21,"value":6554},{"type":15,"tag":210,"props":7740,"children":7741},{"class":212,"line":2614},[7742,7747,7751],{"type":15,"tag":210,"props":7743,"children":7744},{"style":1274},[7745],{"type":21,"value":7746},"        data-testid",{"type":15,"tag":210,"props":7748,"children":7749},{"style":1017},[7750],{"type":21,"value":255},{"type":15,"tag":210,"props":7752,"children":7753},{"style":258},[7754],{"type":21,"value":6571},{"type":15,"tag":210,"props":7756,"children":7757},{"class":212,"line":2654},[7758,7763,7768,7772],{"type":15,"tag":210,"props":7759,"children":7760},{"style":909},[7761],{"type":21,"value":7762},"        {",{"type":15,"tag":210,"props":7764,"children":7765},{"style":217},[7766],{"type":21,"value":7767},"...",{"type":15,"tag":210,"props":7769,"children":7770},{"style":223},[7771],{"type":21,"value":7051},{"type":15,"tag":210,"props":7773,"children":7774},{"style":909},[7775],{"type":21,"value":1350},{"type":15,"tag":210,"props":7777,"children":7778},{"class":212,"line":2663},[7779,7784,7788,7792,7796],{"type":15,"tag":210,"props":7780,"children":7781},{"style":1274},[7782],{"type":21,"value":7783},"        onKeyDown",{"type":15,"tag":210,"props":7785,"children":7786},{"style":1017},[7787],{"type":21,"value":255},{"type":15,"tag":210,"props":7789,"children":7790},{"style":909},[7791],{"type":21,"value":1286},{"type":15,"tag":210,"props":7793,"children":7794},{"style":223},[7795],{"type":21,"value":7396},{"type":15,"tag":210,"props":7797,"children":7798},{"style":909},[7799],{"type":21,"value":1350},{"type":15,"tag":210,"props":7801,"children":7802},{"class":212,"line":2672},[7803],{"type":15,"tag":210,"props":7804,"children":7805},{"style":217},[7806],{"type":21,"value":1462},{"type":15,"tag":210,"props":7808,"children":7809},{"class":212,"line":2688},[7810,7814,7818],{"type":15,"tag":210,"props":7811,"children":7812},{"style":909},[7813],{"type":21,"value":7762},{"type":15,"tag":210,"props":7815,"children":7816},{"style":223},[7817],{"type":21,"value":5155},{"type":15,"tag":210,"props":7819,"children":7820},{"style":909},[7821],{"type":21,"value":1350},{"type":15,"tag":210,"props":7823,"children":7824},{"class":212,"line":2716},[7825,7829,7834],{"type":15,"tag":210,"props":7826,"children":7827},{"style":217},[7828],{"type":21,"value":522},{"type":15,"tag":210,"props":7830,"children":7831},{"style":990},[7832],{"type":21,"value":7833},"Tag",{"type":15,"tag":210,"props":7835,"children":7836},{"style":217},[7837],{"type":21,"value":230},{"type":15,"tag":210,"props":7839,"children":7840},{"class":212,"line":2764},[7841,7846,7851,7856],{"type":15,"tag":210,"props":7842,"children":7843},{"style":217},[7844],{"type":21,"value":7845},"    ) ",{"type":15,"tag":210,"props":7847,"children":7848},{"style":909},[7849],{"type":21,"value":7850},":",{"type":15,"tag":210,"props":7852,"children":7853},{"style":247},[7854],{"type":21,"value":7855}," null",{"type":15,"tag":210,"props":7857,"children":7858},{"style":217},[7859],{"type":21,"value":966},{"type":15,"tag":210,"props":7861,"children":7862},{"class":212,"line":2800},[7863],{"type":15,"tag":210,"props":7864,"children":7865},{"style":217},[7866],{"type":21,"value":5620},{"type":15,"tag":210,"props":7868,"children":7869},{"class":212,"line":2816},[7870],{"type":15,"tag":210,"props":7871,"children":7872},{"style":217},[7873],{"type":21,"value":3375},{"type":15,"tag":210,"props":7875,"children":7876},{"class":212,"line":2832},[7877],{"type":15,"tag":210,"props":7878,"children":7879},{"emptyLinePlaceholder":8},[7880],{"type":21,"value":283},{"type":15,"tag":210,"props":7882,"children":7883},{"class":212,"line":2848},[7884,7888,7892,7896],{"type":15,"tag":210,"props":7885,"children":7886},{"style":909},[7887],{"type":21,"value":1149},{"type":15,"tag":210,"props":7889,"children":7890},{"style":909},[7891],{"type":21,"value":1154},{"type":15,"tag":210,"props":7893,"children":7894},{"style":223},[7895],{"type":21,"value":6944},{"type":15,"tag":210,"props":7897,"children":7898},{"style":217},[7899],{"type":21,"value":966},{"type":15,"tag":7901,"props":7902,"children":7903},"style",{},[7904],{"type":21,"value":7905},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":9,"searchDepth":299,"depth":233,"links":7907},[7908,7912,7913,7914,7915,7916],{"id":129,"depth":233,"text":132,"children":7909},[7910,7911],{"id":136,"depth":277,"text":139},{"id":1923,"depth":277,"text":1926},{"id":4650,"depth":233,"text":4653},{"id":4807,"depth":233,"text":4810},{"id":4821,"depth":233,"text":4824},{"id":5203,"depth":233,"text":5206},{"id":5248,"depth":233,"text":5251},"markdown","content:_components:modal.md","content","_components\u002Fmodal.md","_components\u002Fmodal","md",[7924],{"_path":7925,"_dir":9,"_draft":7,"_partial":8,"_locale":9,"navigation":7926,"sidebarRoot":8,"_id":7929,"_type":7930,"title":7931,"_source":7919,"_file":7932,"_stem":7933,"_extension":7934},"\u002F_dir",{"title":7927,"icon":7928},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","_dir.yml","_dir","yml",{"nav":7936,"sidebarRoot":109},[7937,7939,7951],{"title":7927,"_path":109,"_id":7929,"layout":7938,"sidebarRoot":8,"icon":7928},"fullscreen",{"title":7940,"_path":7941,"children":7942,"_id":7950,"layout":5240},"Getting Started","\u002Fgetting-started",[7943,7946],{"title":7944,"_path":7941,"_id":7945,"layout":5240},"Installation","content:2.getting-started:1.index.md",{"title":7947,"_path":7948,"_id":7949,"layout":5240},"Browser support","\u002Fgetting-started\u002Fbrowser-support","content:2.getting-started:2.browser-support.md","content:2.getting-started:_dir.yml",{"title":7952,"_path":7953,"children":7954},"Customization","\u002Fcustomization",[7955,7959,7963,7967],{"title":7956,"_path":7957,"_id":7958,"layout":5240},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":7960,"_path":7961,"_id":7962,"layout":5240},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":7964,"_path":7965,"_id":7966,"layout":5240},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":7968,"_path":7969,"_id":7970,"layout":5240},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574901864]