[{"data":1,"prerenderedAt":7971},["ShallowReactive",2],{"reference":3,"sidebar-roots":4,"content-query-N9KXw0peGM":20,"$dNTcUNV7nV":7935},null,[5],{"_path":6,"_dir":7,"_draft":8,"_partial":9,"_locale":7,"navigation":10,"sidebarRoot":9,"_id":13,"_type":14,"title":15,"_source":16,"_file":17,"_stem":18,"_extension":19},"\u002F_dir","",false,true,{"title":11,"icon":12},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","content","_dir.yml","_dir","yml",{"_path":21,"_dir":22,"_draft":8,"_partial":9,"_locale":7,"title":23,"description":7,"body":24,"_type":7930,"_id":7931,"_source":16,"_file":7932,"_stem":7933,"_extension":7934,"layout":5253},"\u002F_components\u002Fmodal","_components","Modal",{"type":25,"children":26,"toc":7919},"root",[27,35,7913],{"type":28,"tag":29,"props":30,"children":32},"element","h1",{"id":31},"modal",[33],{"type":34,"value":23},"text",{"type":28,"tag":36,"props":37,"children":39},"tabs",{":titles":38},"[\"Usage\", \"API\", \"Source Code\"]",[40,4829,5339],{"type":28,"tag":41,"props":42,"children":43},"template",{"v-slot:tab-1":7},[44,57,69,110,139,146,153,169,186,203,1934,1940,1945,4661,4667,4717,4737,4777,4813,4818,4824],{"type":28,"tag":45,"props":46,"children":47},"p",{},[48,55],{"type":28,"tag":49,"props":50,"children":52},"code",{"className":51},[],[53],{"type":34,"value":54},"SfModal",{"type":34,"value":56}," 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":28,"tag":45,"props":58,"children":59},{},[60,62,67],{"type":34,"value":61},"In addition to the UI aspect, ",{"type":28,"tag":49,"props":63,"children":65},{"className":64},[],[66],{"type":34,"value":54},{"type":34,"value":68}," adds additional functionality that implements several best practices:",{"type":28,"tag":70,"props":71,"children":72},"ol",{},[73,92,105],{"type":28,"tag":74,"props":75,"children":76},"li",{},[77,79,90],{"type":34,"value":78},"Traps focus within the modal using the ",{"type":28,"tag":80,"props":81,"children":83},"a",{"href":82},"..\u002Fhooks\u002FuseTrapFocus.html",[84],{"type":28,"tag":49,"props":85,"children":87},{"className":86},[],[88],{"type":34,"value":89},"useTrapFocus",{"type":34,"value":91}," function",{"type":28,"tag":74,"props":93,"children":94},{},[95,97,103],{"type":34,"value":96},"Allows the user to close the modal by pressing the ",{"type":28,"tag":49,"props":98,"children":100},{"className":99},[],[101],{"type":34,"value":102},"Escape",{"type":34,"value":104}," key.",{"type":28,"tag":74,"props":106,"children":107},{},[108],{"type":34,"value":109},"Allows the user to close the modal by clicking outside of it.",{"type":28,"tag":45,"props":111,"children":112},{},[113,115,121,123,129,131,137],{"type":34,"value":114},"The closing behavior can be disabled by setting the ",{"type":28,"tag":49,"props":116,"children":118},{"className":117},[],[119],{"type":34,"value":120},"disableClickAway",{"type":34,"value":122},"\u002F",{"type":28,"tag":49,"props":124,"children":126},{"className":125},[],[127],{"type":34,"value":128},"disableEsc",{"type":34,"value":130}," prop to ",{"type":28,"tag":49,"props":132,"children":134},{"className":133},[],[135],{"type":34,"value":136},"true",{"type":34,"value":138},".",{"type":28,"tag":140,"props":141,"children":143},"h2",{"id":142},"examples",[144],{"type":34,"value":145},"Examples",{"type":28,"tag":147,"props":148,"children":150},"h3",{"id":149},"basic-usage",[151],{"type":34,"value":152},"Basic usage",{"type":28,"tag":154,"props":155,"children":156},"vue-only",{},[157],{"type":28,"tag":45,"props":158,"children":159},{},[160,162,168],{"type":34,"value":161},"The visibility of the modal is controlled by ",{"type":28,"tag":49,"props":163,"children":165},{"className":164},[],[166],{"type":34,"value":167},"v-model",{"type":34,"value":138},{"type":28,"tag":170,"props":171,"children":172},"react-only",{},[173],{"type":28,"tag":45,"props":174,"children":175},{},[176,178,184],{"type":34,"value":177},"The visibility of the modal is controlled by the ",{"type":28,"tag":49,"props":179,"children":181},{"className":180},[],[182],{"type":34,"value":183},"open",{"type":34,"value":185}," prop.",{"type":28,"tag":45,"props":187,"children":188},{},[189,191,201],{"type":34,"value":190},"This example also uses the ",{"type":28,"tag":80,"props":192,"children":194},{"href":193},"..\u002Fhooks\u002FuseDisclosure.html",[195],{"type":28,"tag":49,"props":196,"children":198},{"className":197},[],[199],{"type":34,"value":200},"useDisclosure",{"type":34,"value":202}," function to provide nice controls for handling the modal's visibility.",{"type":28,"tag":204,"props":205,"children":208},"showcase",{"showcase-name":206,"style":207},"Modal\u002FModalBasic","min-height:400px",[209,1080],{"type":28,"tag":154,"props":210,"children":211},{},[212],{"type":28,"tag":213,"props":214,"children":218},"pre",{"className":215,"code":216,"language":217,"meta":7,"style":7},"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",[219],{"type":28,"tag":49,"props":220,"children":221},{"__ignoreMap":7},[222,244,288,297,310,328,346,364,382,400,418,427,445,508,527,544,587,596,612,629,671,680,689,705,735,785,822,838,855,872,880,916,980,988,1064],{"type":28,"tag":223,"props":224,"children":227},"span",{"class":225,"line":226},"line",1,[228,234,239],{"type":28,"tag":223,"props":229,"children":231},{"style":230},"--shiki-default:#ABB2BF",[232],{"type":34,"value":233},"\u003C",{"type":28,"tag":223,"props":235,"children":237},{"style":236},"--shiki-default:#E06C75",[238],{"type":34,"value":41},{"type":28,"tag":223,"props":240,"children":241},{"style":230},[242],{"type":34,"value":243},">\n",{"type":28,"tag":223,"props":245,"children":247},{"class":225,"line":246},2,[248,253,258,264,269,275,280,284],{"type":28,"tag":223,"props":249,"children":250},{"style":230},[251],{"type":34,"value":252},"  \u003C",{"type":28,"tag":223,"props":254,"children":255},{"style":236},[256],{"type":34,"value":257},"SfButton",{"type":28,"tag":223,"props":259,"children":261},{"style":260},"--shiki-default:#D19A66",[262],{"type":34,"value":263}," @click",{"type":28,"tag":223,"props":265,"children":266},{"style":230},[267],{"type":34,"value":268},"=",{"type":28,"tag":223,"props":270,"children":272},{"style":271},"--shiki-default:#98C379",[273],{"type":34,"value":274},"\"open\"",{"type":28,"tag":223,"props":276,"children":277},{"style":230},[278],{"type":34,"value":279},">To Checkout\u003C\u002F",{"type":28,"tag":223,"props":281,"children":282},{"style":236},[283],{"type":34,"value":257},{"type":28,"tag":223,"props":285,"children":286},{"style":230},[287],{"type":34,"value":243},{"type":28,"tag":223,"props":289,"children":291},{"class":225,"line":290},3,[292],{"type":28,"tag":223,"props":293,"children":294},{"emptyLinePlaceholder":9},[295],{"type":34,"value":296},"\n",{"type":28,"tag":223,"props":298,"children":300},{"class":225,"line":299},4,[301,305],{"type":28,"tag":223,"props":302,"children":303},{"style":230},[304],{"type":34,"value":252},{"type":28,"tag":223,"props":306,"children":307},{"style":236},[308],{"type":34,"value":309},"SfModal\n",{"type":28,"tag":223,"props":311,"children":313},{"class":225,"line":312},5,[314,319,323],{"type":28,"tag":223,"props":315,"children":316},{"style":260},[317],{"type":34,"value":318},"    class",{"type":28,"tag":223,"props":320,"children":321},{"style":230},[322],{"type":34,"value":268},{"type":28,"tag":223,"props":324,"children":325},{"style":271},[326],{"type":34,"value":327},"\"max-w-[90%] md:max-w-lg\"\n",{"type":28,"tag":223,"props":329,"children":331},{"class":225,"line":330},6,[332,337,341],{"type":28,"tag":223,"props":333,"children":334},{"style":260},[335],{"type":34,"value":336},"    tag",{"type":28,"tag":223,"props":338,"children":339},{"style":230},[340],{"type":34,"value":268},{"type":28,"tag":223,"props":342,"children":343},{"style":271},[344],{"type":34,"value":345},"\"section\"\n",{"type":28,"tag":223,"props":347,"children":349},{"class":225,"line":348},7,[350,355,359],{"type":28,"tag":223,"props":351,"children":352},{"style":260},[353],{"type":34,"value":354},"    role",{"type":28,"tag":223,"props":356,"children":357},{"style":230},[358],{"type":34,"value":268},{"type":28,"tag":223,"props":360,"children":361},{"style":271},[362],{"type":34,"value":363},"\"alertdialog\"\n",{"type":28,"tag":223,"props":365,"children":367},{"class":225,"line":366},8,[368,373,377],{"type":28,"tag":223,"props":369,"children":370},{"style":260},[371],{"type":34,"value":372},"    aria-labelledby",{"type":28,"tag":223,"props":374,"children":375},{"style":230},[376],{"type":34,"value":268},{"type":28,"tag":223,"props":378,"children":379},{"style":271},[380],{"type":34,"value":381},"\"promoModalTitle\"\n",{"type":28,"tag":223,"props":383,"children":385},{"class":225,"line":384},9,[386,391,395],{"type":28,"tag":223,"props":387,"children":388},{"style":260},[389],{"type":34,"value":390},"    aria-describedby",{"type":28,"tag":223,"props":392,"children":393},{"style":230},[394],{"type":34,"value":268},{"type":28,"tag":223,"props":396,"children":397},{"style":271},[398],{"type":34,"value":399},"\"promoModalDesc\"\n",{"type":28,"tag":223,"props":401,"children":403},{"class":225,"line":402},10,[404,409,413],{"type":28,"tag":223,"props":405,"children":406},{"style":260},[407],{"type":34,"value":408},"    v-model",{"type":28,"tag":223,"props":410,"children":411},{"style":230},[412],{"type":34,"value":268},{"type":28,"tag":223,"props":414,"children":415},{"style":271},[416],{"type":34,"value":417},"\"isOpen\"\n",{"type":28,"tag":223,"props":419,"children":421},{"class":225,"line":420},11,[422],{"type":28,"tag":223,"props":423,"children":424},{"style":230},[425],{"type":34,"value":426},"  >\n",{"type":28,"tag":223,"props":428,"children":430},{"class":225,"line":429},12,[431,436,441],{"type":28,"tag":223,"props":432,"children":433},{"style":230},[434],{"type":34,"value":435},"    \u003C",{"type":28,"tag":223,"props":437,"children":438},{"style":236},[439],{"type":34,"value":440},"header",{"type":28,"tag":223,"props":442,"children":443},{"style":230},[444],{"type":34,"value":243},{"type":28,"tag":223,"props":446,"children":448},{"class":225,"line":447},13,[449,454,458,463,468,472,477,482,486,491,495,499,504],{"type":28,"tag":223,"props":450,"children":451},{"style":230},[452],{"type":34,"value":453},"      \u003C",{"type":28,"tag":223,"props":455,"children":456},{"style":236},[457],{"type":34,"value":257},{"type":28,"tag":223,"props":459,"children":460},{"style":260},[461],{"type":34,"value":462}," square",{"type":28,"tag":223,"props":464,"children":465},{"style":260},[466],{"type":34,"value":467}," variant",{"type":28,"tag":223,"props":469,"children":470},{"style":230},[471],{"type":34,"value":268},{"type":28,"tag":223,"props":473,"children":474},{"style":271},[475],{"type":34,"value":476},"\"tertiary\"",{"type":28,"tag":223,"props":478,"children":479},{"style":260},[480],{"type":34,"value":481}," class",{"type":28,"tag":223,"props":483,"children":484},{"style":230},[485],{"type":34,"value":268},{"type":28,"tag":223,"props":487,"children":488},{"style":271},[489],{"type":34,"value":490},"\"absolute right-2 top-2\"",{"type":28,"tag":223,"props":492,"children":493},{"style":260},[494],{"type":34,"value":263},{"type":28,"tag":223,"props":496,"children":497},{"style":230},[498],{"type":34,"value":268},{"type":28,"tag":223,"props":500,"children":501},{"style":271},[502],{"type":34,"value":503},"\"close\"",{"type":28,"tag":223,"props":505,"children":506},{"style":230},[507],{"type":34,"value":243},{"type":28,"tag":223,"props":509,"children":511},{"class":225,"line":510},14,[512,517,522],{"type":28,"tag":223,"props":513,"children":514},{"style":230},[515],{"type":34,"value":516},"        \u003C",{"type":28,"tag":223,"props":518,"children":519},{"style":236},[520],{"type":34,"value":521},"SfIconClose",{"type":28,"tag":223,"props":523,"children":524},{"style":230},[525],{"type":34,"value":526}," \u002F>\n",{"type":28,"tag":223,"props":528,"children":530},{"class":225,"line":529},15,[531,536,540],{"type":28,"tag":223,"props":532,"children":533},{"style":230},[534],{"type":34,"value":535},"      \u003C\u002F",{"type":28,"tag":223,"props":537,"children":538},{"style":236},[539],{"type":34,"value":257},{"type":28,"tag":223,"props":541,"children":542},{"style":230},[543],{"type":34,"value":243},{"type":28,"tag":223,"props":545,"children":547},{"class":225,"line":546},16,[548,552,556,561,565,570,574,578,583],{"type":28,"tag":223,"props":549,"children":550},{"style":230},[551],{"type":34,"value":453},{"type":28,"tag":223,"props":553,"children":554},{"style":236},[555],{"type":34,"value":147},{"type":28,"tag":223,"props":557,"children":558},{"style":260},[559],{"type":34,"value":560}," id",{"type":28,"tag":223,"props":562,"children":563},{"style":230},[564],{"type":34,"value":268},{"type":28,"tag":223,"props":566,"children":567},{"style":271},[568],{"type":34,"value":569},"\"promoModalTitle\"",{"type":28,"tag":223,"props":571,"children":572},{"style":260},[573],{"type":34,"value":481},{"type":28,"tag":223,"props":575,"children":576},{"style":230},[577],{"type":34,"value":268},{"type":28,"tag":223,"props":579,"children":580},{"style":271},[581],{"type":34,"value":582},"\"font-bold typography-headline-4 md:typography-headline-3\"",{"type":28,"tag":223,"props":584,"children":585},{"style":230},[586],{"type":34,"value":243},{"type":28,"tag":223,"props":588,"children":590},{"class":225,"line":589},17,[591],{"type":28,"tag":223,"props":592,"children":593},{"style":230},[594],{"type":34,"value":595},"        You might miss out on great deals\n",{"type":28,"tag":223,"props":597,"children":599},{"class":225,"line":598},18,[600,604,608],{"type":28,"tag":223,"props":601,"children":602},{"style":230},[603],{"type":34,"value":535},{"type":28,"tag":223,"props":605,"children":606},{"style":236},[607],{"type":34,"value":147},{"type":28,"tag":223,"props":609,"children":610},{"style":230},[611],{"type":34,"value":243},{"type":28,"tag":223,"props":613,"children":615},{"class":225,"line":614},19,[616,621,625],{"type":28,"tag":223,"props":617,"children":618},{"style":230},[619],{"type":34,"value":620},"    \u003C\u002F",{"type":28,"tag":223,"props":622,"children":623},{"style":236},[624],{"type":34,"value":440},{"type":28,"tag":223,"props":626,"children":627},{"style":230},[628],{"type":34,"value":243},{"type":28,"tag":223,"props":630,"children":632},{"class":225,"line":631},20,[633,637,641,645,649,654,658,662,667],{"type":28,"tag":223,"props":634,"children":635},{"style":230},[636],{"type":34,"value":435},{"type":28,"tag":223,"props":638,"children":639},{"style":236},[640],{"type":34,"value":45},{"type":28,"tag":223,"props":642,"children":643},{"style":260},[644],{"type":34,"value":560},{"type":28,"tag":223,"props":646,"children":647},{"style":230},[648],{"type":34,"value":268},{"type":28,"tag":223,"props":650,"children":651},{"style":271},[652],{"type":34,"value":653},"\"promoModalDesc\"",{"type":28,"tag":223,"props":655,"children":656},{"style":260},[657],{"type":34,"value":481},{"type":28,"tag":223,"props":659,"children":660},{"style":230},[661],{"type":34,"value":268},{"type":28,"tag":223,"props":663,"children":664},{"style":271},[665],{"type":34,"value":666},"\"mt-2\"",{"type":28,"tag":223,"props":668,"children":669},{"style":230},[670],{"type":34,"value":243},{"type":28,"tag":223,"props":672,"children":674},{"class":225,"line":673},21,[675],{"type":28,"tag":223,"props":676,"children":677},{"style":230},[678],{"type":34,"value":679},"      There are special offers for some of the items on your wishlist. Do you want to see these deals before proceeding\n",{"type":28,"tag":223,"props":681,"children":683},{"class":225,"line":682},22,[684],{"type":28,"tag":223,"props":685,"children":686},{"style":230},[687],{"type":34,"value":688},"      to checkout page?\n",{"type":28,"tag":223,"props":690,"children":692},{"class":225,"line":691},23,[693,697,701],{"type":28,"tag":223,"props":694,"children":695},{"style":230},[696],{"type":34,"value":620},{"type":28,"tag":223,"props":698,"children":699},{"style":236},[700],{"type":34,"value":45},{"type":28,"tag":223,"props":702,"children":703},{"style":230},[704],{"type":34,"value":243},{"type":28,"tag":223,"props":706,"children":708},{"class":225,"line":707},24,[709,713,718,722,726,731],{"type":28,"tag":223,"props":710,"children":711},{"style":230},[712],{"type":34,"value":435},{"type":28,"tag":223,"props":714,"children":715},{"style":236},[716],{"type":34,"value":717},"footer",{"type":28,"tag":223,"props":719,"children":720},{"style":260},[721],{"type":34,"value":481},{"type":28,"tag":223,"props":723,"children":724},{"style":230},[725],{"type":34,"value":268},{"type":28,"tag":223,"props":727,"children":728},{"style":271},[729],{"type":34,"value":730},"\"flex justify-end gap-4 mt-4\"",{"type":28,"tag":223,"props":732,"children":733},{"style":230},[734],{"type":34,"value":243},{"type":28,"tag":223,"props":736,"children":738},{"class":225,"line":737},25,[739,743,747,751,755,760,764,768,772,777,781],{"type":28,"tag":223,"props":740,"children":741},{"style":230},[742],{"type":34,"value":453},{"type":28,"tag":223,"props":744,"children":745},{"style":236},[746],{"type":34,"value":257},{"type":28,"tag":223,"props":748,"children":749},{"style":260},[750],{"type":34,"value":467},{"type":28,"tag":223,"props":752,"children":753},{"style":230},[754],{"type":34,"value":268},{"type":28,"tag":223,"props":756,"children":757},{"style":271},[758],{"type":34,"value":759},"\"secondary\"",{"type":28,"tag":223,"props":761,"children":762},{"style":260},[763],{"type":34,"value":263},{"type":28,"tag":223,"props":765,"children":766},{"style":230},[767],{"type":34,"value":268},{"type":28,"tag":223,"props":769,"children":770},{"style":271},[771],{"type":34,"value":503},{"type":28,"tag":223,"props":773,"children":774},{"style":230},[775],{"type":34,"value":776},">Skip\u003C\u002F",{"type":28,"tag":223,"props":778,"children":779},{"style":236},[780],{"type":34,"value":257},{"type":28,"tag":223,"props":782,"children":783},{"style":230},[784],{"type":34,"value":243},{"type":28,"tag":223,"props":786,"children":788},{"class":225,"line":787},26,[789,793,797,801,805,809,814,818],{"type":28,"tag":223,"props":790,"children":791},{"style":230},[792],{"type":34,"value":453},{"type":28,"tag":223,"props":794,"children":795},{"style":236},[796],{"type":34,"value":257},{"type":28,"tag":223,"props":798,"children":799},{"style":260},[800],{"type":34,"value":263},{"type":28,"tag":223,"props":802,"children":803},{"style":230},[804],{"type":34,"value":268},{"type":28,"tag":223,"props":806,"children":807},{"style":271},[808],{"type":34,"value":503},{"type":28,"tag":223,"props":810,"children":811},{"style":230},[812],{"type":34,"value":813},">Yes!\u003C\u002F",{"type":28,"tag":223,"props":815,"children":816},{"style":236},[817],{"type":34,"value":257},{"type":28,"tag":223,"props":819,"children":820},{"style":230},[821],{"type":34,"value":243},{"type":28,"tag":223,"props":823,"children":825},{"class":225,"line":824},27,[826,830,834],{"type":28,"tag":223,"props":827,"children":828},{"style":230},[829],{"type":34,"value":620},{"type":28,"tag":223,"props":831,"children":832},{"style":236},[833],{"type":34,"value":717},{"type":28,"tag":223,"props":835,"children":836},{"style":230},[837],{"type":34,"value":243},{"type":28,"tag":223,"props":839,"children":841},{"class":225,"line":840},28,[842,847,851],{"type":28,"tag":223,"props":843,"children":844},{"style":230},[845],{"type":34,"value":846},"  \u003C\u002F",{"type":28,"tag":223,"props":848,"children":849},{"style":236},[850],{"type":34,"value":54},{"type":28,"tag":223,"props":852,"children":853},{"style":230},[854],{"type":34,"value":243},{"type":28,"tag":223,"props":856,"children":858},{"class":225,"line":857},29,[859,864,868],{"type":28,"tag":223,"props":860,"children":861},{"style":230},[862],{"type":34,"value":863},"\u003C\u002F",{"type":28,"tag":223,"props":865,"children":866},{"style":236},[867],{"type":34,"value":41},{"type":28,"tag":223,"props":869,"children":870},{"style":230},[871],{"type":34,"value":243},{"type":28,"tag":223,"props":873,"children":875},{"class":225,"line":874},30,[876],{"type":28,"tag":223,"props":877,"children":878},{"emptyLinePlaceholder":9},[879],{"type":34,"value":296},{"type":28,"tag":223,"props":881,"children":883},{"class":225,"line":882},31,[884,888,893,898,902,907,912],{"type":28,"tag":223,"props":885,"children":886},{"style":230},[887],{"type":34,"value":233},{"type":28,"tag":223,"props":889,"children":890},{"style":236},[891],{"type":34,"value":892},"script",{"type":28,"tag":223,"props":894,"children":895},{"style":260},[896],{"type":34,"value":897}," lang",{"type":28,"tag":223,"props":899,"children":900},{"style":230},[901],{"type":34,"value":268},{"type":28,"tag":223,"props":903,"children":904},{"style":271},[905],{"type":34,"value":906},"\"ts\"",{"type":28,"tag":223,"props":908,"children":909},{"style":260},[910],{"type":34,"value":911}," setup",{"type":28,"tag":223,"props":913,"children":914},{"style":230},[915],{"type":34,"value":243},{"type":28,"tag":223,"props":917,"children":919},{"class":225,"line":918},32,[920,926,931,935,940,944,948,952,956,960,965,970,975],{"type":28,"tag":223,"props":921,"children":923},{"style":922},"--shiki-default:#C678DD",[924],{"type":34,"value":925},"import",{"type":28,"tag":223,"props":927,"children":928},{"style":230},[929],{"type":34,"value":930}," { ",{"type":28,"tag":223,"props":932,"children":933},{"style":236},[934],{"type":34,"value":54},{"type":28,"tag":223,"props":936,"children":937},{"style":230},[938],{"type":34,"value":939},", ",{"type":28,"tag":223,"props":941,"children":942},{"style":236},[943],{"type":34,"value":257},{"type":28,"tag":223,"props":945,"children":946},{"style":230},[947],{"type":34,"value":939},{"type":28,"tag":223,"props":949,"children":950},{"style":236},[951],{"type":34,"value":521},{"type":28,"tag":223,"props":953,"children":954},{"style":230},[955],{"type":34,"value":939},{"type":28,"tag":223,"props":957,"children":958},{"style":236},[959],{"type":34,"value":200},{"type":28,"tag":223,"props":961,"children":962},{"style":230},[963],{"type":34,"value":964}," } ",{"type":28,"tag":223,"props":966,"children":967},{"style":922},[968],{"type":34,"value":969},"from",{"type":28,"tag":223,"props":971,"children":972},{"style":271},[973],{"type":34,"value":974}," '@storefront-ui\u002Fvue'",{"type":28,"tag":223,"props":976,"children":977},{"style":230},[978],{"type":34,"value":979},";\n",{"type":28,"tag":223,"props":981,"children":983},{"class":225,"line":982},33,[984],{"type":28,"tag":223,"props":985,"children":986},{"emptyLinePlaceholder":9},[987],{"type":34,"value":296},{"type":28,"tag":223,"props":989,"children":991},{"class":225,"line":990},34,[992,997,1001,1007,1011,1015,1019,1024,1028,1033,1039,1044,1049,1054,1059],{"type":28,"tag":223,"props":993,"children":994},{"style":922},[995],{"type":34,"value":996},"const",{"type":28,"tag":223,"props":998,"children":999},{"style":230},[1000],{"type":34,"value":930},{"type":28,"tag":223,"props":1002,"children":1004},{"style":1003},"--shiki-default:#E5C07B",[1005],{"type":34,"value":1006},"isOpen",{"type":28,"tag":223,"props":1008,"children":1009},{"style":230},[1010],{"type":34,"value":939},{"type":28,"tag":223,"props":1012,"children":1013},{"style":1003},[1014],{"type":34,"value":183},{"type":28,"tag":223,"props":1016,"children":1017},{"style":230},[1018],{"type":34,"value":939},{"type":28,"tag":223,"props":1020,"children":1021},{"style":1003},[1022],{"type":34,"value":1023},"close",{"type":28,"tag":223,"props":1025,"children":1026},{"style":230},[1027],{"type":34,"value":964},{"type":28,"tag":223,"props":1029,"children":1031},{"style":1030},"--shiki-default:#56B6C2",[1032],{"type":34,"value":268},{"type":28,"tag":223,"props":1034,"children":1036},{"style":1035},"--shiki-default:#61AFEF",[1037],{"type":34,"value":1038}," useDisclosure",{"type":28,"tag":223,"props":1040,"children":1041},{"style":230},[1042],{"type":34,"value":1043},"({ ",{"type":28,"tag":223,"props":1045,"children":1046},{"style":236},[1047],{"type":34,"value":1048},"initialValue",{"type":28,"tag":223,"props":1050,"children":1051},{"style":230},[1052],{"type":34,"value":1053},": ",{"type":28,"tag":223,"props":1055,"children":1056},{"style":260},[1057],{"type":34,"value":1058},"false",{"type":28,"tag":223,"props":1060,"children":1061},{"style":230},[1062],{"type":34,"value":1063}," });\n",{"type":28,"tag":223,"props":1065,"children":1067},{"class":225,"line":1066},35,[1068,1072,1076],{"type":28,"tag":223,"props":1069,"children":1070},{"style":230},[1071],{"type":34,"value":863},{"type":28,"tag":223,"props":1073,"children":1074},{"style":236},[1075],{"type":34,"value":892},{"type":28,"tag":223,"props":1077,"children":1078},{"style":230},[1079],{"type":34,"value":243},{"type":28,"tag":170,"props":1081,"children":1082},{},[1083],{"type":28,"tag":213,"props":1084,"children":1088},{"className":1085,"code":1086,"language":1087,"meta":7,"style":7},"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",[1089],{"type":28,"tag":49,"props":1090,"children":1091},{"__ignoreMap":7},[1092,1148,1155,1182,1246,1253,1266,1274,1321,1328,1339,1364,1388,1404,1420,1436,1452,1468,1476,1491,1556,1572,1588,1627,1635,1650,1666,1705,1713,1721,1736,1763,1810,1818,1833,1876,1892,1908,1917,1926],{"type":28,"tag":223,"props":1093,"children":1094},{"class":225,"line":226},[1095,1099,1103,1107,1111,1115,1119,1123,1127,1131,1135,1139,1144],{"type":28,"tag":223,"props":1096,"children":1097},{"style":922},[1098],{"type":34,"value":925},{"type":28,"tag":223,"props":1100,"children":1101},{"style":230},[1102],{"type":34,"value":930},{"type":28,"tag":223,"props":1104,"children":1105},{"style":236},[1106],{"type":34,"value":54},{"type":28,"tag":223,"props":1108,"children":1109},{"style":230},[1110],{"type":34,"value":939},{"type":28,"tag":223,"props":1112,"children":1113},{"style":236},[1114],{"type":34,"value":257},{"type":28,"tag":223,"props":1116,"children":1117},{"style":230},[1118],{"type":34,"value":939},{"type":28,"tag":223,"props":1120,"children":1121},{"style":236},[1122],{"type":34,"value":521},{"type":28,"tag":223,"props":1124,"children":1125},{"style":230},[1126],{"type":34,"value":939},{"type":28,"tag":223,"props":1128,"children":1129},{"style":236},[1130],{"type":34,"value":200},{"type":28,"tag":223,"props":1132,"children":1133},{"style":230},[1134],{"type":34,"value":964},{"type":28,"tag":223,"props":1136,"children":1137},{"style":922},[1138],{"type":34,"value":969},{"type":28,"tag":223,"props":1140,"children":1141},{"style":271},[1142],{"type":34,"value":1143}," '@storefront-ui\u002Freact'",{"type":28,"tag":223,"props":1145,"children":1146},{"style":230},[1147],{"type":34,"value":979},{"type":28,"tag":223,"props":1149,"children":1150},{"class":225,"line":246},[1151],{"type":28,"tag":223,"props":1152,"children":1153},{"emptyLinePlaceholder":9},[1154],{"type":34,"value":296},{"type":28,"tag":223,"props":1156,"children":1157},{"class":225,"line":290},[1158,1163,1168,1172,1177],{"type":28,"tag":223,"props":1159,"children":1160},{"style":922},[1161],{"type":34,"value":1162},"export",{"type":28,"tag":223,"props":1164,"children":1165},{"style":922},[1166],{"type":34,"value":1167}," default",{"type":28,"tag":223,"props":1169,"children":1170},{"style":922},[1171],{"type":34,"value":91},{"type":28,"tag":223,"props":1173,"children":1174},{"style":1035},[1175],{"type":34,"value":1176}," ModalDemo",{"type":28,"tag":223,"props":1178,"children":1179},{"style":230},[1180],{"type":34,"value":1181},"() {\n",{"type":28,"tag":223,"props":1183,"children":1184},{"class":225,"line":299},[1185,1190,1194,1198,1202,1206,1210,1214,1218,1222,1226,1230,1234,1238,1242],{"type":28,"tag":223,"props":1186,"children":1187},{"style":922},[1188],{"type":34,"value":1189},"  const",{"type":28,"tag":223,"props":1191,"children":1192},{"style":230},[1193],{"type":34,"value":930},{"type":28,"tag":223,"props":1195,"children":1196},{"style":1003},[1197],{"type":34,"value":1006},{"type":28,"tag":223,"props":1199,"children":1200},{"style":230},[1201],{"type":34,"value":939},{"type":28,"tag":223,"props":1203,"children":1204},{"style":1003},[1205],{"type":34,"value":183},{"type":28,"tag":223,"props":1207,"children":1208},{"style":230},[1209],{"type":34,"value":939},{"type":28,"tag":223,"props":1211,"children":1212},{"style":1003},[1213],{"type":34,"value":1023},{"type":28,"tag":223,"props":1215,"children":1216},{"style":230},[1217],{"type":34,"value":964},{"type":28,"tag":223,"props":1219,"children":1220},{"style":1030},[1221],{"type":34,"value":268},{"type":28,"tag":223,"props":1223,"children":1224},{"style":1035},[1225],{"type":34,"value":1038},{"type":28,"tag":223,"props":1227,"children":1228},{"style":230},[1229],{"type":34,"value":1043},{"type":28,"tag":223,"props":1231,"children":1232},{"style":236},[1233],{"type":34,"value":1048},{"type":28,"tag":223,"props":1235,"children":1236},{"style":230},[1237],{"type":34,"value":1053},{"type":28,"tag":223,"props":1239,"children":1240},{"style":260},[1241],{"type":34,"value":1058},{"type":28,"tag":223,"props":1243,"children":1244},{"style":230},[1245],{"type":34,"value":1063},{"type":28,"tag":223,"props":1247,"children":1248},{"class":225,"line":312},[1249],{"type":28,"tag":223,"props":1250,"children":1251},{"emptyLinePlaceholder":9},[1252],{"type":34,"value":296},{"type":28,"tag":223,"props":1254,"children":1255},{"class":225,"line":330},[1256,1261],{"type":28,"tag":223,"props":1257,"children":1258},{"style":922},[1259],{"type":34,"value":1260},"  return",{"type":28,"tag":223,"props":1262,"children":1263},{"style":230},[1264],{"type":34,"value":1265}," (\n",{"type":28,"tag":223,"props":1267,"children":1268},{"class":225,"line":348},[1269],{"type":28,"tag":223,"props":1270,"children":1271},{"style":230},[1272],{"type":34,"value":1273},"    \u003C>\n",{"type":28,"tag":223,"props":1275,"children":1276},{"class":225,"line":366},[1277,1281,1285,1291,1295,1300,1304,1309,1313,1317],{"type":28,"tag":223,"props":1278,"children":1279},{"style":230},[1280],{"type":34,"value":453},{"type":28,"tag":223,"props":1282,"children":1283},{"style":1003},[1284],{"type":34,"value":257},{"type":28,"tag":223,"props":1286,"children":1288},{"style":1287},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[1289],{"type":34,"value":1290}," onClick",{"type":28,"tag":223,"props":1292,"children":1293},{"style":1030},[1294],{"type":34,"value":268},{"type":28,"tag":223,"props":1296,"children":1297},{"style":922},[1298],{"type":34,"value":1299},"{",{"type":28,"tag":223,"props":1301,"children":1302},{"style":236},[1303],{"type":34,"value":183},{"type":28,"tag":223,"props":1305,"children":1306},{"style":922},[1307],{"type":34,"value":1308},"}",{"type":28,"tag":223,"props":1310,"children":1311},{"style":230},[1312],{"type":34,"value":279},{"type":28,"tag":223,"props":1314,"children":1315},{"style":1003},[1316],{"type":34,"value":257},{"type":28,"tag":223,"props":1318,"children":1319},{"style":230},[1320],{"type":34,"value":243},{"type":28,"tag":223,"props":1322,"children":1323},{"class":225,"line":384},[1324],{"type":28,"tag":223,"props":1325,"children":1326},{"emptyLinePlaceholder":9},[1327],{"type":34,"value":296},{"type":28,"tag":223,"props":1329,"children":1330},{"class":225,"line":402},[1331,1335],{"type":28,"tag":223,"props":1332,"children":1333},{"style":230},[1334],{"type":34,"value":453},{"type":28,"tag":223,"props":1336,"children":1337},{"style":1003},[1338],{"type":34,"value":309},{"type":28,"tag":223,"props":1340,"children":1341},{"class":225,"line":420},[1342,1347,1351,1355,1359],{"type":28,"tag":223,"props":1343,"children":1344},{"style":1287},[1345],{"type":34,"value":1346},"        open",{"type":28,"tag":223,"props":1348,"children":1349},{"style":1030},[1350],{"type":34,"value":268},{"type":28,"tag":223,"props":1352,"children":1353},{"style":922},[1354],{"type":34,"value":1299},{"type":28,"tag":223,"props":1356,"children":1357},{"style":236},[1358],{"type":34,"value":1006},{"type":28,"tag":223,"props":1360,"children":1361},{"style":922},[1362],{"type":34,"value":1363},"}\n",{"type":28,"tag":223,"props":1365,"children":1366},{"class":225,"line":429},[1367,1372,1376,1380,1384],{"type":28,"tag":223,"props":1368,"children":1369},{"style":1287},[1370],{"type":34,"value":1371},"        onClose",{"type":28,"tag":223,"props":1373,"children":1374},{"style":1030},[1375],{"type":34,"value":268},{"type":28,"tag":223,"props":1377,"children":1378},{"style":922},[1379],{"type":34,"value":1299},{"type":28,"tag":223,"props":1381,"children":1382},{"style":236},[1383],{"type":34,"value":1023},{"type":28,"tag":223,"props":1385,"children":1386},{"style":922},[1387],{"type":34,"value":1363},{"type":28,"tag":223,"props":1389,"children":1390},{"class":225,"line":447},[1391,1396,1400],{"type":28,"tag":223,"props":1392,"children":1393},{"style":1287},[1394],{"type":34,"value":1395},"        className",{"type":28,"tag":223,"props":1397,"children":1398},{"style":1030},[1399],{"type":34,"value":268},{"type":28,"tag":223,"props":1401,"children":1402},{"style":271},[1403],{"type":34,"value":327},{"type":28,"tag":223,"props":1405,"children":1406},{"class":225,"line":510},[1407,1412,1416],{"type":28,"tag":223,"props":1408,"children":1409},{"style":1287},[1410],{"type":34,"value":1411},"        as",{"type":28,"tag":223,"props":1413,"children":1414},{"style":1030},[1415],{"type":34,"value":268},{"type":28,"tag":223,"props":1417,"children":1418},{"style":271},[1419],{"type":34,"value":345},{"type":28,"tag":223,"props":1421,"children":1422},{"class":225,"line":529},[1423,1428,1432],{"type":28,"tag":223,"props":1424,"children":1425},{"style":1287},[1426],{"type":34,"value":1427},"        role",{"type":28,"tag":223,"props":1429,"children":1430},{"style":1030},[1431],{"type":34,"value":268},{"type":28,"tag":223,"props":1433,"children":1434},{"style":271},[1435],{"type":34,"value":363},{"type":28,"tag":223,"props":1437,"children":1438},{"class":225,"line":546},[1439,1444,1448],{"type":28,"tag":223,"props":1440,"children":1441},{"style":1287},[1442],{"type":34,"value":1443},"        aria-labelledby",{"type":28,"tag":223,"props":1445,"children":1446},{"style":1030},[1447],{"type":34,"value":268},{"type":28,"tag":223,"props":1449,"children":1450},{"style":271},[1451],{"type":34,"value":381},{"type":28,"tag":223,"props":1453,"children":1454},{"class":225,"line":589},[1455,1460,1464],{"type":28,"tag":223,"props":1456,"children":1457},{"style":1287},[1458],{"type":34,"value":1459},"        aria-describedby",{"type":28,"tag":223,"props":1461,"children":1462},{"style":1030},[1463],{"type":34,"value":268},{"type":28,"tag":223,"props":1465,"children":1466},{"style":271},[1467],{"type":34,"value":399},{"type":28,"tag":223,"props":1469,"children":1470},{"class":225,"line":598},[1471],{"type":28,"tag":223,"props":1472,"children":1473},{"style":230},[1474],{"type":34,"value":1475},"      >\n",{"type":28,"tag":223,"props":1477,"children":1478},{"class":225,"line":614},[1479,1483,1487],{"type":28,"tag":223,"props":1480,"children":1481},{"style":230},[1482],{"type":34,"value":516},{"type":28,"tag":223,"props":1484,"children":1485},{"style":236},[1486],{"type":34,"value":440},{"type":28,"tag":223,"props":1488,"children":1489},{"style":230},[1490],{"type":34,"value":243},{"type":28,"tag":223,"props":1492,"children":1493},{"class":225,"line":631},[1494,1499,1503,1507,1511,1515,1519,1524,1528,1532,1536,1540,1544,1548,1552],{"type":28,"tag":223,"props":1495,"children":1496},{"style":230},[1497],{"type":34,"value":1498},"          \u003C",{"type":28,"tag":223,"props":1500,"children":1501},{"style":1003},[1502],{"type":34,"value":257},{"type":28,"tag":223,"props":1504,"children":1505},{"style":1287},[1506],{"type":34,"value":462},{"type":28,"tag":223,"props":1508,"children":1509},{"style":1287},[1510],{"type":34,"value":467},{"type":28,"tag":223,"props":1512,"children":1513},{"style":1030},[1514],{"type":34,"value":268},{"type":28,"tag":223,"props":1516,"children":1517},{"style":271},[1518],{"type":34,"value":476},{"type":28,"tag":223,"props":1520,"children":1521},{"style":1287},[1522],{"type":34,"value":1523}," className",{"type":28,"tag":223,"props":1525,"children":1526},{"style":1030},[1527],{"type":34,"value":268},{"type":28,"tag":223,"props":1529,"children":1530},{"style":271},[1531],{"type":34,"value":490},{"type":28,"tag":223,"props":1533,"children":1534},{"style":1287},[1535],{"type":34,"value":1290},{"type":28,"tag":223,"props":1537,"children":1538},{"style":1030},[1539],{"type":34,"value":268},{"type":28,"tag":223,"props":1541,"children":1542},{"style":922},[1543],{"type":34,"value":1299},{"type":28,"tag":223,"props":1545,"children":1546},{"style":236},[1547],{"type":34,"value":1023},{"type":28,"tag":223,"props":1549,"children":1550},{"style":922},[1551],{"type":34,"value":1308},{"type":28,"tag":223,"props":1553,"children":1554},{"style":230},[1555],{"type":34,"value":243},{"type":28,"tag":223,"props":1557,"children":1558},{"class":225,"line":673},[1559,1564,1568],{"type":28,"tag":223,"props":1560,"children":1561},{"style":230},[1562],{"type":34,"value":1563},"            \u003C",{"type":28,"tag":223,"props":1565,"children":1566},{"style":1003},[1567],{"type":34,"value":521},{"type":28,"tag":223,"props":1569,"children":1570},{"style":230},[1571],{"type":34,"value":526},{"type":28,"tag":223,"props":1573,"children":1574},{"class":225,"line":682},[1575,1580,1584],{"type":28,"tag":223,"props":1576,"children":1577},{"style":230},[1578],{"type":34,"value":1579},"          \u003C\u002F",{"type":28,"tag":223,"props":1581,"children":1582},{"style":1003},[1583],{"type":34,"value":257},{"type":28,"tag":223,"props":1585,"children":1586},{"style":230},[1587],{"type":34,"value":243},{"type":28,"tag":223,"props":1589,"children":1590},{"class":225,"line":691},[1591,1595,1599,1603,1607,1611,1615,1619,1623],{"type":28,"tag":223,"props":1592,"children":1593},{"style":230},[1594],{"type":34,"value":1498},{"type":28,"tag":223,"props":1596,"children":1597},{"style":236},[1598],{"type":34,"value":147},{"type":28,"tag":223,"props":1600,"children":1601},{"style":1287},[1602],{"type":34,"value":560},{"type":28,"tag":223,"props":1604,"children":1605},{"style":1030},[1606],{"type":34,"value":268},{"type":28,"tag":223,"props":1608,"children":1609},{"style":271},[1610],{"type":34,"value":569},{"type":28,"tag":223,"props":1612,"children":1613},{"style":1287},[1614],{"type":34,"value":1523},{"type":28,"tag":223,"props":1616,"children":1617},{"style":1030},[1618],{"type":34,"value":268},{"type":28,"tag":223,"props":1620,"children":1621},{"style":271},[1622],{"type":34,"value":582},{"type":28,"tag":223,"props":1624,"children":1625},{"style":230},[1626],{"type":34,"value":243},{"type":28,"tag":223,"props":1628,"children":1629},{"class":225,"line":707},[1630],{"type":28,"tag":223,"props":1631,"children":1632},{"style":230},[1633],{"type":34,"value":1634},"            You might miss out on great deals\n",{"type":28,"tag":223,"props":1636,"children":1637},{"class":225,"line":737},[1638,1642,1646],{"type":28,"tag":223,"props":1639,"children":1640},{"style":230},[1641],{"type":34,"value":1579},{"type":28,"tag":223,"props":1643,"children":1644},{"style":236},[1645],{"type":34,"value":147},{"type":28,"tag":223,"props":1647,"children":1648},{"style":230},[1649],{"type":34,"value":243},{"type":28,"tag":223,"props":1651,"children":1652},{"class":225,"line":787},[1653,1658,1662],{"type":28,"tag":223,"props":1654,"children":1655},{"style":230},[1656],{"type":34,"value":1657},"        \u003C\u002F",{"type":28,"tag":223,"props":1659,"children":1660},{"style":236},[1661],{"type":34,"value":440},{"type":28,"tag":223,"props":1663,"children":1664},{"style":230},[1665],{"type":34,"value":243},{"type":28,"tag":223,"props":1667,"children":1668},{"class":225,"line":824},[1669,1673,1677,1681,1685,1689,1693,1697,1701],{"type":28,"tag":223,"props":1670,"children":1671},{"style":230},[1672],{"type":34,"value":516},{"type":28,"tag":223,"props":1674,"children":1675},{"style":236},[1676],{"type":34,"value":45},{"type":28,"tag":223,"props":1678,"children":1679},{"style":1287},[1680],{"type":34,"value":560},{"type":28,"tag":223,"props":1682,"children":1683},{"style":1030},[1684],{"type":34,"value":268},{"type":28,"tag":223,"props":1686,"children":1687},{"style":271},[1688],{"type":34,"value":653},{"type":28,"tag":223,"props":1690,"children":1691},{"style":1287},[1692],{"type":34,"value":1523},{"type":28,"tag":223,"props":1694,"children":1695},{"style":1030},[1696],{"type":34,"value":268},{"type":28,"tag":223,"props":1698,"children":1699},{"style":271},[1700],{"type":34,"value":666},{"type":28,"tag":223,"props":1702,"children":1703},{"style":230},[1704],{"type":34,"value":243},{"type":28,"tag":223,"props":1706,"children":1707},{"class":225,"line":840},[1708],{"type":28,"tag":223,"props":1709,"children":1710},{"style":230},[1711],{"type":34,"value":1712},"          There are special offers for some of the items on your wishlist. Do you want to see these deals before\n",{"type":28,"tag":223,"props":1714,"children":1715},{"class":225,"line":857},[1716],{"type":28,"tag":223,"props":1717,"children":1718},{"style":230},[1719],{"type":34,"value":1720},"          proceeding to checkout page?\n",{"type":28,"tag":223,"props":1722,"children":1723},{"class":225,"line":874},[1724,1728,1732],{"type":28,"tag":223,"props":1725,"children":1726},{"style":230},[1727],{"type":34,"value":1657},{"type":28,"tag":223,"props":1729,"children":1730},{"style":236},[1731],{"type":34,"value":45},{"type":28,"tag":223,"props":1733,"children":1734},{"style":230},[1735],{"type":34,"value":243},{"type":28,"tag":223,"props":1737,"children":1738},{"class":225,"line":882},[1739,1743,1747,1751,1755,1759],{"type":28,"tag":223,"props":1740,"children":1741},{"style":230},[1742],{"type":34,"value":516},{"type":28,"tag":223,"props":1744,"children":1745},{"style":236},[1746],{"type":34,"value":717},{"type":28,"tag":223,"props":1748,"children":1749},{"style":1287},[1750],{"type":34,"value":1523},{"type":28,"tag":223,"props":1752,"children":1753},{"style":1030},[1754],{"type":34,"value":268},{"type":28,"tag":223,"props":1756,"children":1757},{"style":271},[1758],{"type":34,"value":730},{"type":28,"tag":223,"props":1760,"children":1761},{"style":230},[1762],{"type":34,"value":243},{"type":28,"tag":223,"props":1764,"children":1765},{"class":225,"line":918},[1766,1770,1774,1778,1782,1786,1790,1794,1798,1802,1806],{"type":28,"tag":223,"props":1767,"children":1768},{"style":230},[1769],{"type":34,"value":1498},{"type":28,"tag":223,"props":1771,"children":1772},{"style":1003},[1773],{"type":34,"value":257},{"type":28,"tag":223,"props":1775,"children":1776},{"style":1287},[1777],{"type":34,"value":467},{"type":28,"tag":223,"props":1779,"children":1780},{"style":1030},[1781],{"type":34,"value":268},{"type":28,"tag":223,"props":1783,"children":1784},{"style":271},[1785],{"type":34,"value":759},{"type":28,"tag":223,"props":1787,"children":1788},{"style":1287},[1789],{"type":34,"value":1290},{"type":28,"tag":223,"props":1791,"children":1792},{"style":1030},[1793],{"type":34,"value":268},{"type":28,"tag":223,"props":1795,"children":1796},{"style":922},[1797],{"type":34,"value":1299},{"type":28,"tag":223,"props":1799,"children":1800},{"style":236},[1801],{"type":34,"value":1023},{"type":28,"tag":223,"props":1803,"children":1804},{"style":922},[1805],{"type":34,"value":1308},{"type":28,"tag":223,"props":1807,"children":1808},{"style":230},[1809],{"type":34,"value":243},{"type":28,"tag":223,"props":1811,"children":1812},{"class":225,"line":982},[1813],{"type":28,"tag":223,"props":1814,"children":1815},{"style":230},[1816],{"type":34,"value":1817},"            Skip\n",{"type":28,"tag":223,"props":1819,"children":1820},{"class":225,"line":990},[1821,1825,1829],{"type":28,"tag":223,"props":1822,"children":1823},{"style":230},[1824],{"type":34,"value":1579},{"type":28,"tag":223,"props":1826,"children":1827},{"style":1003},[1828],{"type":34,"value":257},{"type":28,"tag":223,"props":1830,"children":1831},{"style":230},[1832],{"type":34,"value":243},{"type":28,"tag":223,"props":1834,"children":1835},{"class":225,"line":1066},[1836,1840,1844,1848,1852,1856,1860,1864,1868,1872],{"type":28,"tag":223,"props":1837,"children":1838},{"style":230},[1839],{"type":34,"value":1498},{"type":28,"tag":223,"props":1841,"children":1842},{"style":1003},[1843],{"type":34,"value":257},{"type":28,"tag":223,"props":1845,"children":1846},{"style":1287},[1847],{"type":34,"value":1290},{"type":28,"tag":223,"props":1849,"children":1850},{"style":1030},[1851],{"type":34,"value":268},{"type":28,"tag":223,"props":1853,"children":1854},{"style":922},[1855],{"type":34,"value":1299},{"type":28,"tag":223,"props":1857,"children":1858},{"style":236},[1859],{"type":34,"value":1023},{"type":28,"tag":223,"props":1861,"children":1862},{"style":922},[1863],{"type":34,"value":1308},{"type":28,"tag":223,"props":1865,"children":1866},{"style":230},[1867],{"type":34,"value":813},{"type":28,"tag":223,"props":1869,"children":1870},{"style":1003},[1871],{"type":34,"value":257},{"type":28,"tag":223,"props":1873,"children":1874},{"style":230},[1875],{"type":34,"value":243},{"type":28,"tag":223,"props":1877,"children":1879},{"class":225,"line":1878},36,[1880,1884,1888],{"type":28,"tag":223,"props":1881,"children":1882},{"style":230},[1883],{"type":34,"value":1657},{"type":28,"tag":223,"props":1885,"children":1886},{"style":236},[1887],{"type":34,"value":717},{"type":28,"tag":223,"props":1889,"children":1890},{"style":230},[1891],{"type":34,"value":243},{"type":28,"tag":223,"props":1893,"children":1895},{"class":225,"line":1894},37,[1896,1900,1904],{"type":28,"tag":223,"props":1897,"children":1898},{"style":230},[1899],{"type":34,"value":535},{"type":28,"tag":223,"props":1901,"children":1902},{"style":1003},[1903],{"type":34,"value":54},{"type":28,"tag":223,"props":1905,"children":1906},{"style":230},[1907],{"type":34,"value":243},{"type":28,"tag":223,"props":1909,"children":1911},{"class":225,"line":1910},38,[1912],{"type":28,"tag":223,"props":1913,"children":1914},{"style":230},[1915],{"type":34,"value":1916},"    \u003C\u002F>\n",{"type":28,"tag":223,"props":1918,"children":1920},{"class":225,"line":1919},39,[1921],{"type":28,"tag":223,"props":1922,"children":1923},{"style":230},[1924],{"type":34,"value":1925},"  );\n",{"type":28,"tag":223,"props":1927,"children":1929},{"class":225,"line":1928},40,[1930],{"type":28,"tag":223,"props":1931,"children":1932},{"style":230},[1933],{"type":34,"value":1363},{"type":28,"tag":147,"props":1935,"children":1937},{"id":1936},"animated",[1938],{"type":34,"value":1939},"Animated",{"type":28,"tag":45,"props":1941,"children":1942},{},[1943],{"type":34,"value":1944},"You can make smooth transitions when the modal pops up.",{"type":28,"tag":204,"props":1946,"children":1948},{"showcase-name":1947,"style":207},"Modal\u002FModalTransition",[1949,3059],{"type":28,"tag":154,"props":1950,"children":1951},{},[1952],{"type":28,"tag":213,"props":1953,"children":1955},{"className":215,"code":1954,"language":217,"meta":7,"style":7},"\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",[1956],{"type":28,"tag":49,"props":1957,"children":1958},{"__ignoreMap":7},[1959,1974,2009,2016,2025,2037,2054,2070,2087,2104,2120,2136,2143,2192,2208,2215,2223,2234,2249,2264,2280,2296,2311,2326,2333,2344,2360,2376,2392,2408,2424,2440,2448,2463,2518,2533,2548,2587,2595,2610,2625,2665,2674,2683,2699,2727,2775,2811,2827,2843,2859,2875,2883,2915,2971,2979,3043],{"type":28,"tag":223,"props":1960,"children":1961},{"class":225,"line":226},[1962,1966,1970],{"type":28,"tag":223,"props":1963,"children":1964},{"style":230},[1965],{"type":34,"value":233},{"type":28,"tag":223,"props":1967,"children":1968},{"style":236},[1969],{"type":34,"value":41},{"type":28,"tag":223,"props":1971,"children":1972},{"style":230},[1973],{"type":34,"value":243},{"type":28,"tag":223,"props":1975,"children":1976},{"class":225,"line":246},[1977,1981,1985,1989,1993,1997,2001,2005],{"type":28,"tag":223,"props":1978,"children":1979},{"style":230},[1980],{"type":34,"value":252},{"type":28,"tag":223,"props":1982,"children":1983},{"style":236},[1984],{"type":34,"value":257},{"type":28,"tag":223,"props":1986,"children":1987},{"style":260},[1988],{"type":34,"value":263},{"type":28,"tag":223,"props":1990,"children":1991},{"style":230},[1992],{"type":34,"value":268},{"type":28,"tag":223,"props":1994,"children":1995},{"style":271},[1996],{"type":34,"value":274},{"type":28,"tag":223,"props":1998,"children":1999},{"style":230},[2000],{"type":34,"value":279},{"type":28,"tag":223,"props":2002,"children":2003},{"style":236},[2004],{"type":34,"value":257},{"type":28,"tag":223,"props":2006,"children":2007},{"style":230},[2008],{"type":34,"value":243},{"type":28,"tag":223,"props":2010,"children":2011},{"class":225,"line":290},[2012],{"type":28,"tag":223,"props":2013,"children":2014},{"emptyLinePlaceholder":9},[2015],{"type":34,"value":296},{"type":28,"tag":223,"props":2017,"children":2018},{"class":225,"line":299},[2019],{"type":28,"tag":223,"props":2020,"children":2022},{"style":2021},"--shiki-default:#7F848E;--shiki-default-font-style:italic",[2023],{"type":34,"value":2024},"  \u003C!-- Backdrop -->\n",{"type":28,"tag":223,"props":2026,"children":2027},{"class":225,"line":312},[2028,2032],{"type":28,"tag":223,"props":2029,"children":2030},{"style":230},[2031],{"type":34,"value":252},{"type":28,"tag":223,"props":2033,"children":2034},{"style":236},[2035],{"type":34,"value":2036},"transition\n",{"type":28,"tag":223,"props":2038,"children":2039},{"class":225,"line":330},[2040,2045,2049],{"type":28,"tag":223,"props":2041,"children":2042},{"style":260},[2043],{"type":34,"value":2044},"    enter-active-class",{"type":28,"tag":223,"props":2046,"children":2047},{"style":230},[2048],{"type":34,"value":268},{"type":28,"tag":223,"props":2050,"children":2051},{"style":271},[2052],{"type":34,"value":2053},"\"transition duration-200 ease-out\"\n",{"type":28,"tag":223,"props":2055,"children":2056},{"class":225,"line":348},[2057,2062,2066],{"type":28,"tag":223,"props":2058,"children":2059},{"style":260},[2060],{"type":34,"value":2061},"    leave-active-class",{"type":28,"tag":223,"props":2063,"children":2064},{"style":230},[2065],{"type":34,"value":268},{"type":28,"tag":223,"props":2067,"children":2068},{"style":271},[2069],{"type":34,"value":2053},{"type":28,"tag":223,"props":2071,"children":2072},{"class":225,"line":366},[2073,2078,2082],{"type":28,"tag":223,"props":2074,"children":2075},{"style":260},[2076],{"type":34,"value":2077},"    enter-from-class",{"type":28,"tag":223,"props":2079,"children":2080},{"style":230},[2081],{"type":34,"value":268},{"type":28,"tag":223,"props":2083,"children":2084},{"style":271},[2085],{"type":34,"value":2086},"\"opacity-0\"\n",{"type":28,"tag":223,"props":2088,"children":2089},{"class":225,"line":384},[2090,2095,2099],{"type":28,"tag":223,"props":2091,"children":2092},{"style":260},[2093],{"type":34,"value":2094},"    enter-to-class",{"type":28,"tag":223,"props":2096,"children":2097},{"style":230},[2098],{"type":34,"value":268},{"type":28,"tag":223,"props":2100,"children":2101},{"style":271},[2102],{"type":34,"value":2103},"\"opacity-100\"\n",{"type":28,"tag":223,"props":2105,"children":2106},{"class":225,"line":402},[2107,2112,2116],{"type":28,"tag":223,"props":2108,"children":2109},{"style":260},[2110],{"type":34,"value":2111},"    leave-from-class",{"type":28,"tag":223,"props":2113,"children":2114},{"style":230},[2115],{"type":34,"value":268},{"type":28,"tag":223,"props":2117,"children":2118},{"style":271},[2119],{"type":34,"value":2103},{"type":28,"tag":223,"props":2121,"children":2122},{"class":225,"line":420},[2123,2128,2132],{"type":28,"tag":223,"props":2124,"children":2125},{"style":260},[2126],{"type":34,"value":2127},"    leave-to-class",{"type":28,"tag":223,"props":2129,"children":2130},{"style":230},[2131],{"type":34,"value":268},{"type":28,"tag":223,"props":2133,"children":2134},{"style":271},[2135],{"type":34,"value":2086},{"type":28,"tag":223,"props":2137,"children":2138},{"class":225,"line":429},[2139],{"type":28,"tag":223,"props":2140,"children":2141},{"style":230},[2142],{"type":34,"value":426},{"type":28,"tag":223,"props":2144,"children":2145},{"class":225,"line":447},[2146,2150,2155,2160,2164,2169,2173,2177,2182,2188],{"type":28,"tag":223,"props":2147,"children":2148},{"style":230},[2149],{"type":34,"value":435},{"type":28,"tag":223,"props":2151,"children":2152},{"style":236},[2153],{"type":34,"value":2154},"div",{"type":28,"tag":223,"props":2156,"children":2157},{"style":260},[2158],{"type":34,"value":2159}," v-if",{"type":28,"tag":223,"props":2161,"children":2162},{"style":230},[2163],{"type":34,"value":268},{"type":28,"tag":223,"props":2165,"children":2166},{"style":271},[2167],{"type":34,"value":2168},"\"isOpen\"",{"type":28,"tag":223,"props":2170,"children":2171},{"style":260},[2172],{"type":34,"value":481},{"type":28,"tag":223,"props":2174,"children":2175},{"style":230},[2176],{"type":34,"value":268},{"type":28,"tag":223,"props":2178,"children":2179},{"style":271},[2180],{"type":34,"value":2181},"\"fixed inset-0 bg-neutral-700\u002F50\"",{"type":28,"tag":223,"props":2183,"children":2185},{"style":2184},"--shiki-default:#FFFFFF",[2186],{"type":34,"value":2187}," \u002F",{"type":28,"tag":223,"props":2189,"children":2190},{"style":230},[2191],{"type":34,"value":243},{"type":28,"tag":223,"props":2193,"children":2194},{"class":225,"line":510},[2195,2199,2204],{"type":28,"tag":223,"props":2196,"children":2197},{"style":230},[2198],{"type":34,"value":846},{"type":28,"tag":223,"props":2200,"children":2201},{"style":236},[2202],{"type":34,"value":2203},"transition",{"type":28,"tag":223,"props":2205,"children":2206},{"style":230},[2207],{"type":34,"value":243},{"type":28,"tag":223,"props":2209,"children":2210},{"class":225,"line":529},[2211],{"type":28,"tag":223,"props":2212,"children":2213},{"emptyLinePlaceholder":9},[2214],{"type":34,"value":296},{"type":28,"tag":223,"props":2216,"children":2217},{"class":225,"line":546},[2218],{"type":28,"tag":223,"props":2219,"children":2220},{"style":2021},[2221],{"type":34,"value":2222},"  \u003C!-- Modal -->\n",{"type":28,"tag":223,"props":2224,"children":2225},{"class":225,"line":589},[2226,2230],{"type":28,"tag":223,"props":2227,"children":2228},{"style":230},[2229],{"type":34,"value":252},{"type":28,"tag":223,"props":2231,"children":2232},{"style":236},[2233],{"type":34,"value":2036},{"type":28,"tag":223,"props":2235,"children":2236},{"class":225,"line":598},[2237,2241,2245],{"type":28,"tag":223,"props":2238,"children":2239},{"style":260},[2240],{"type":34,"value":2044},{"type":28,"tag":223,"props":2242,"children":2243},{"style":230},[2244],{"type":34,"value":268},{"type":28,"tag":223,"props":2246,"children":2247},{"style":271},[2248],{"type":34,"value":2053},{"type":28,"tag":223,"props":2250,"children":2251},{"class":225,"line":614},[2252,2256,2260],{"type":28,"tag":223,"props":2253,"children":2254},{"style":260},[2255],{"type":34,"value":2061},{"type":28,"tag":223,"props":2257,"children":2258},{"style":230},[2259],{"type":34,"value":268},{"type":28,"tag":223,"props":2261,"children":2262},{"style":271},[2263],{"type":34,"value":2053},{"type":28,"tag":223,"props":2265,"children":2266},{"class":225,"line":631},[2267,2271,2275],{"type":28,"tag":223,"props":2268,"children":2269},{"style":260},[2270],{"type":34,"value":2077},{"type":28,"tag":223,"props":2272,"children":2273},{"style":230},[2274],{"type":34,"value":268},{"type":28,"tag":223,"props":2276,"children":2277},{"style":271},[2278],{"type":34,"value":2279},"\"opacity-0 translate-y-10\"\n",{"type":28,"tag":223,"props":2281,"children":2282},{"class":225,"line":673},[2283,2287,2291],{"type":28,"tag":223,"props":2284,"children":2285},{"style":260},[2286],{"type":34,"value":2094},{"type":28,"tag":223,"props":2288,"children":2289},{"style":230},[2290],{"type":34,"value":268},{"type":28,"tag":223,"props":2292,"children":2293},{"style":271},[2294],{"type":34,"value":2295},"\"opacity-100 translate-y-0\"\n",{"type":28,"tag":223,"props":2297,"children":2298},{"class":225,"line":682},[2299,2303,2307],{"type":28,"tag":223,"props":2300,"children":2301},{"style":260},[2302],{"type":34,"value":2111},{"type":28,"tag":223,"props":2304,"children":2305},{"style":230},[2306],{"type":34,"value":268},{"type":28,"tag":223,"props":2308,"children":2309},{"style":271},[2310],{"type":34,"value":2295},{"type":28,"tag":223,"props":2312,"children":2313},{"class":225,"line":691},[2314,2318,2322],{"type":28,"tag":223,"props":2315,"children":2316},{"style":260},[2317],{"type":34,"value":2127},{"type":28,"tag":223,"props":2319,"children":2320},{"style":230},[2321],{"type":34,"value":268},{"type":28,"tag":223,"props":2323,"children":2324},{"style":271},[2325],{"type":34,"value":2279},{"type":28,"tag":223,"props":2327,"children":2328},{"class":225,"line":707},[2329],{"type":28,"tag":223,"props":2330,"children":2331},{"style":230},[2332],{"type":34,"value":426},{"type":28,"tag":223,"props":2334,"children":2335},{"class":225,"line":737},[2336,2340],{"type":28,"tag":223,"props":2337,"children":2338},{"style":230},[2339],{"type":34,"value":435},{"type":28,"tag":223,"props":2341,"children":2342},{"style":236},[2343],{"type":34,"value":309},{"type":28,"tag":223,"props":2345,"children":2346},{"class":225,"line":787},[2347,2352,2356],{"type":28,"tag":223,"props":2348,"children":2349},{"style":260},[2350],{"type":34,"value":2351},"      class",{"type":28,"tag":223,"props":2353,"children":2354},{"style":230},[2355],{"type":34,"value":268},{"type":28,"tag":223,"props":2357,"children":2358},{"style":271},[2359],{"type":34,"value":327},{"type":28,"tag":223,"props":2361,"children":2362},{"class":225,"line":824},[2363,2368,2372],{"type":28,"tag":223,"props":2364,"children":2365},{"style":260},[2366],{"type":34,"value":2367},"      tag",{"type":28,"tag":223,"props":2369,"children":2370},{"style":230},[2371],{"type":34,"value":268},{"type":28,"tag":223,"props":2373,"children":2374},{"style":271},[2375],{"type":34,"value":345},{"type":28,"tag":223,"props":2377,"children":2378},{"class":225,"line":840},[2379,2384,2388],{"type":28,"tag":223,"props":2380,"children":2381},{"style":260},[2382],{"type":34,"value":2383},"      role",{"type":28,"tag":223,"props":2385,"children":2386},{"style":230},[2387],{"type":34,"value":268},{"type":28,"tag":223,"props":2389,"children":2390},{"style":271},[2391],{"type":34,"value":363},{"type":28,"tag":223,"props":2393,"children":2394},{"class":225,"line":857},[2395,2400,2404],{"type":28,"tag":223,"props":2396,"children":2397},{"style":260},[2398],{"type":34,"value":2399},"      aria-labelledby",{"type":28,"tag":223,"props":2401,"children":2402},{"style":230},[2403],{"type":34,"value":268},{"type":28,"tag":223,"props":2405,"children":2406},{"style":271},[2407],{"type":34,"value":381},{"type":28,"tag":223,"props":2409,"children":2410},{"class":225,"line":874},[2411,2416,2420],{"type":28,"tag":223,"props":2412,"children":2413},{"style":260},[2414],{"type":34,"value":2415},"      aria-describedby",{"type":28,"tag":223,"props":2417,"children":2418},{"style":230},[2419],{"type":34,"value":268},{"type":28,"tag":223,"props":2421,"children":2422},{"style":271},[2423],{"type":34,"value":399},{"type":28,"tag":223,"props":2425,"children":2426},{"class":225,"line":882},[2427,2432,2436],{"type":28,"tag":223,"props":2428,"children":2429},{"style":260},[2430],{"type":34,"value":2431},"      v-model",{"type":28,"tag":223,"props":2433,"children":2434},{"style":230},[2435],{"type":34,"value":268},{"type":28,"tag":223,"props":2437,"children":2438},{"style":271},[2439],{"type":34,"value":417},{"type":28,"tag":223,"props":2441,"children":2442},{"class":225,"line":918},[2443],{"type":28,"tag":223,"props":2444,"children":2445},{"style":230},[2446],{"type":34,"value":2447},"    >\n",{"type":28,"tag":223,"props":2449,"children":2450},{"class":225,"line":982},[2451,2455,2459],{"type":28,"tag":223,"props":2452,"children":2453},{"style":230},[2454],{"type":34,"value":453},{"type":28,"tag":223,"props":2456,"children":2457},{"style":236},[2458],{"type":34,"value":440},{"type":28,"tag":223,"props":2460,"children":2461},{"style":230},[2462],{"type":34,"value":243},{"type":28,"tag":223,"props":2464,"children":2465},{"class":225,"line":990},[2466,2470,2474,2478,2482,2486,2490,2494,2498,2502,2506,2510,2514],{"type":28,"tag":223,"props":2467,"children":2468},{"style":230},[2469],{"type":34,"value":516},{"type":28,"tag":223,"props":2471,"children":2472},{"style":236},[2473],{"type":34,"value":257},{"type":28,"tag":223,"props":2475,"children":2476},{"style":260},[2477],{"type":34,"value":462},{"type":28,"tag":223,"props":2479,"children":2480},{"style":260},[2481],{"type":34,"value":467},{"type":28,"tag":223,"props":2483,"children":2484},{"style":230},[2485],{"type":34,"value":268},{"type":28,"tag":223,"props":2487,"children":2488},{"style":271},[2489],{"type":34,"value":476},{"type":28,"tag":223,"props":2491,"children":2492},{"style":260},[2493],{"type":34,"value":481},{"type":28,"tag":223,"props":2495,"children":2496},{"style":230},[2497],{"type":34,"value":268},{"type":28,"tag":223,"props":2499,"children":2500},{"style":271},[2501],{"type":34,"value":490},{"type":28,"tag":223,"props":2503,"children":2504},{"style":260},[2505],{"type":34,"value":263},{"type":28,"tag":223,"props":2507,"children":2508},{"style":230},[2509],{"type":34,"value":268},{"type":28,"tag":223,"props":2511,"children":2512},{"style":271},[2513],{"type":34,"value":503},{"type":28,"tag":223,"props":2515,"children":2516},{"style":230},[2517],{"type":34,"value":243},{"type":28,"tag":223,"props":2519,"children":2520},{"class":225,"line":1066},[2521,2525,2529],{"type":28,"tag":223,"props":2522,"children":2523},{"style":230},[2524],{"type":34,"value":1498},{"type":28,"tag":223,"props":2526,"children":2527},{"style":236},[2528],{"type":34,"value":521},{"type":28,"tag":223,"props":2530,"children":2531},{"style":230},[2532],{"type":34,"value":526},{"type":28,"tag":223,"props":2534,"children":2535},{"class":225,"line":1878},[2536,2540,2544],{"type":28,"tag":223,"props":2537,"children":2538},{"style":230},[2539],{"type":34,"value":1657},{"type":28,"tag":223,"props":2541,"children":2542},{"style":236},[2543],{"type":34,"value":257},{"type":28,"tag":223,"props":2545,"children":2546},{"style":230},[2547],{"type":34,"value":243},{"type":28,"tag":223,"props":2549,"children":2550},{"class":225,"line":1894},[2551,2555,2559,2563,2567,2571,2575,2579,2583],{"type":28,"tag":223,"props":2552,"children":2553},{"style":230},[2554],{"type":34,"value":516},{"type":28,"tag":223,"props":2556,"children":2557},{"style":236},[2558],{"type":34,"value":147},{"type":28,"tag":223,"props":2560,"children":2561},{"style":260},[2562],{"type":34,"value":560},{"type":28,"tag":223,"props":2564,"children":2565},{"style":230},[2566],{"type":34,"value":268},{"type":28,"tag":223,"props":2568,"children":2569},{"style":271},[2570],{"type":34,"value":569},{"type":28,"tag":223,"props":2572,"children":2573},{"style":260},[2574],{"type":34,"value":481},{"type":28,"tag":223,"props":2576,"children":2577},{"style":230},[2578],{"type":34,"value":268},{"type":28,"tag":223,"props":2580,"children":2581},{"style":271},[2582],{"type":34,"value":582},{"type":28,"tag":223,"props":2584,"children":2585},{"style":230},[2586],{"type":34,"value":243},{"type":28,"tag":223,"props":2588,"children":2589},{"class":225,"line":1910},[2590],{"type":28,"tag":223,"props":2591,"children":2592},{"style":230},[2593],{"type":34,"value":2594},"          You might miss out on great deals\n",{"type":28,"tag":223,"props":2596,"children":2597},{"class":225,"line":1919},[2598,2602,2606],{"type":28,"tag":223,"props":2599,"children":2600},{"style":230},[2601],{"type":34,"value":1657},{"type":28,"tag":223,"props":2603,"children":2604},{"style":236},[2605],{"type":34,"value":147},{"type":28,"tag":223,"props":2607,"children":2608},{"style":230},[2609],{"type":34,"value":243},{"type":28,"tag":223,"props":2611,"children":2612},{"class":225,"line":1928},[2613,2617,2621],{"type":28,"tag":223,"props":2614,"children":2615},{"style":230},[2616],{"type":34,"value":535},{"type":28,"tag":223,"props":2618,"children":2619},{"style":236},[2620],{"type":34,"value":440},{"type":28,"tag":223,"props":2622,"children":2623},{"style":230},[2624],{"type":34,"value":243},{"type":28,"tag":223,"props":2626,"children":2628},{"class":225,"line":2627},41,[2629,2633,2637,2641,2645,2649,2653,2657,2661],{"type":28,"tag":223,"props":2630,"children":2631},{"style":230},[2632],{"type":34,"value":453},{"type":28,"tag":223,"props":2634,"children":2635},{"style":236},[2636],{"type":34,"value":45},{"type":28,"tag":223,"props":2638,"children":2639},{"style":260},[2640],{"type":34,"value":560},{"type":28,"tag":223,"props":2642,"children":2643},{"style":230},[2644],{"type":34,"value":268},{"type":28,"tag":223,"props":2646,"children":2647},{"style":271},[2648],{"type":34,"value":653},{"type":28,"tag":223,"props":2650,"children":2651},{"style":260},[2652],{"type":34,"value":481},{"type":28,"tag":223,"props":2654,"children":2655},{"style":230},[2656],{"type":34,"value":268},{"type":28,"tag":223,"props":2658,"children":2659},{"style":271},[2660],{"type":34,"value":666},{"type":28,"tag":223,"props":2662,"children":2663},{"style":230},[2664],{"type":34,"value":243},{"type":28,"tag":223,"props":2666,"children":2668},{"class":225,"line":2667},42,[2669],{"type":28,"tag":223,"props":2670,"children":2671},{"style":230},[2672],{"type":34,"value":2673},"        There are special offers for some of the items on your wishlist. Do you want to see these deals before\n",{"type":28,"tag":223,"props":2675,"children":2677},{"class":225,"line":2676},43,[2678],{"type":28,"tag":223,"props":2679,"children":2680},{"style":230},[2681],{"type":34,"value":2682},"        proceeding to checkout page?\n",{"type":28,"tag":223,"props":2684,"children":2686},{"class":225,"line":2685},44,[2687,2691,2695],{"type":28,"tag":223,"props":2688,"children":2689},{"style":230},[2690],{"type":34,"value":535},{"type":28,"tag":223,"props":2692,"children":2693},{"style":236},[2694],{"type":34,"value":45},{"type":28,"tag":223,"props":2696,"children":2697},{"style":230},[2698],{"type":34,"value":243},{"type":28,"tag":223,"props":2700,"children":2702},{"class":225,"line":2701},45,[2703,2707,2711,2715,2719,2723],{"type":28,"tag":223,"props":2704,"children":2705},{"style":230},[2706],{"type":34,"value":453},{"type":28,"tag":223,"props":2708,"children":2709},{"style":236},[2710],{"type":34,"value":717},{"type":28,"tag":223,"props":2712,"children":2713},{"style":260},[2714],{"type":34,"value":481},{"type":28,"tag":223,"props":2716,"children":2717},{"style":230},[2718],{"type":34,"value":268},{"type":28,"tag":223,"props":2720,"children":2721},{"style":271},[2722],{"type":34,"value":730},{"type":28,"tag":223,"props":2724,"children":2725},{"style":230},[2726],{"type":34,"value":243},{"type":28,"tag":223,"props":2728,"children":2730},{"class":225,"line":2729},46,[2731,2735,2739,2743,2747,2751,2755,2759,2763,2767,2771],{"type":28,"tag":223,"props":2732,"children":2733},{"style":230},[2734],{"type":34,"value":516},{"type":28,"tag":223,"props":2736,"children":2737},{"style":236},[2738],{"type":34,"value":257},{"type":28,"tag":223,"props":2740,"children":2741},{"style":260},[2742],{"type":34,"value":467},{"type":28,"tag":223,"props":2744,"children":2745},{"style":230},[2746],{"type":34,"value":268},{"type":28,"tag":223,"props":2748,"children":2749},{"style":271},[2750],{"type":34,"value":759},{"type":28,"tag":223,"props":2752,"children":2753},{"style":260},[2754],{"type":34,"value":263},{"type":28,"tag":223,"props":2756,"children":2757},{"style":230},[2758],{"type":34,"value":268},{"type":28,"tag":223,"props":2760,"children":2761},{"style":271},[2762],{"type":34,"value":503},{"type":28,"tag":223,"props":2764,"children":2765},{"style":230},[2766],{"type":34,"value":776},{"type":28,"tag":223,"props":2768,"children":2769},{"style":236},[2770],{"type":34,"value":257},{"type":28,"tag":223,"props":2772,"children":2773},{"style":230},[2774],{"type":34,"value":243},{"type":28,"tag":223,"props":2776,"children":2778},{"class":225,"line":2777},47,[2779,2783,2787,2791,2795,2799,2803,2807],{"type":28,"tag":223,"props":2780,"children":2781},{"style":230},[2782],{"type":34,"value":516},{"type":28,"tag":223,"props":2784,"children":2785},{"style":236},[2786],{"type":34,"value":257},{"type":28,"tag":223,"props":2788,"children":2789},{"style":260},[2790],{"type":34,"value":263},{"type":28,"tag":223,"props":2792,"children":2793},{"style":230},[2794],{"type":34,"value":268},{"type":28,"tag":223,"props":2796,"children":2797},{"style":271},[2798],{"type":34,"value":503},{"type":28,"tag":223,"props":2800,"children":2801},{"style":230},[2802],{"type":34,"value":813},{"type":28,"tag":223,"props":2804,"children":2805},{"style":236},[2806],{"type":34,"value":257},{"type":28,"tag":223,"props":2808,"children":2809},{"style":230},[2810],{"type":34,"value":243},{"type":28,"tag":223,"props":2812,"children":2814},{"class":225,"line":2813},48,[2815,2819,2823],{"type":28,"tag":223,"props":2816,"children":2817},{"style":230},[2818],{"type":34,"value":535},{"type":28,"tag":223,"props":2820,"children":2821},{"style":236},[2822],{"type":34,"value":717},{"type":28,"tag":223,"props":2824,"children":2825},{"style":230},[2826],{"type":34,"value":243},{"type":28,"tag":223,"props":2828,"children":2830},{"class":225,"line":2829},49,[2831,2835,2839],{"type":28,"tag":223,"props":2832,"children":2833},{"style":230},[2834],{"type":34,"value":620},{"type":28,"tag":223,"props":2836,"children":2837},{"style":236},[2838],{"type":34,"value":54},{"type":28,"tag":223,"props":2840,"children":2841},{"style":230},[2842],{"type":34,"value":243},{"type":28,"tag":223,"props":2844,"children":2846},{"class":225,"line":2845},50,[2847,2851,2855],{"type":28,"tag":223,"props":2848,"children":2849},{"style":230},[2850],{"type":34,"value":846},{"type":28,"tag":223,"props":2852,"children":2853},{"style":236},[2854],{"type":34,"value":2203},{"type":28,"tag":223,"props":2856,"children":2857},{"style":230},[2858],{"type":34,"value":243},{"type":28,"tag":223,"props":2860,"children":2862},{"class":225,"line":2861},51,[2863,2867,2871],{"type":28,"tag":223,"props":2864,"children":2865},{"style":230},[2866],{"type":34,"value":863},{"type":28,"tag":223,"props":2868,"children":2869},{"style":236},[2870],{"type":34,"value":41},{"type":28,"tag":223,"props":2872,"children":2873},{"style":230},[2874],{"type":34,"value":243},{"type":28,"tag":223,"props":2876,"children":2878},{"class":225,"line":2877},52,[2879],{"type":28,"tag":223,"props":2880,"children":2881},{"emptyLinePlaceholder":9},[2882],{"type":34,"value":296},{"type":28,"tag":223,"props":2884,"children":2886},{"class":225,"line":2885},53,[2887,2891,2895,2899,2903,2907,2911],{"type":28,"tag":223,"props":2888,"children":2889},{"style":230},[2890],{"type":34,"value":233},{"type":28,"tag":223,"props":2892,"children":2893},{"style":236},[2894],{"type":34,"value":892},{"type":28,"tag":223,"props":2896,"children":2897},{"style":260},[2898],{"type":34,"value":897},{"type":28,"tag":223,"props":2900,"children":2901},{"style":230},[2902],{"type":34,"value":268},{"type":28,"tag":223,"props":2904,"children":2905},{"style":271},[2906],{"type":34,"value":906},{"type":28,"tag":223,"props":2908,"children":2909},{"style":260},[2910],{"type":34,"value":911},{"type":28,"tag":223,"props":2912,"children":2913},{"style":230},[2914],{"type":34,"value":243},{"type":28,"tag":223,"props":2916,"children":2918},{"class":225,"line":2917},54,[2919,2923,2927,2931,2935,2939,2943,2947,2951,2955,2959,2963,2967],{"type":28,"tag":223,"props":2920,"children":2921},{"style":922},[2922],{"type":34,"value":925},{"type":28,"tag":223,"props":2924,"children":2925},{"style":230},[2926],{"type":34,"value":930},{"type":28,"tag":223,"props":2928,"children":2929},{"style":236},[2930],{"type":34,"value":54},{"type":28,"tag":223,"props":2932,"children":2933},{"style":230},[2934],{"type":34,"value":939},{"type":28,"tag":223,"props":2936,"children":2937},{"style":236},[2938],{"type":34,"value":257},{"type":28,"tag":223,"props":2940,"children":2941},{"style":230},[2942],{"type":34,"value":939},{"type":28,"tag":223,"props":2944,"children":2945},{"style":236},[2946],{"type":34,"value":521},{"type":28,"tag":223,"props":2948,"children":2949},{"style":230},[2950],{"type":34,"value":939},{"type":28,"tag":223,"props":2952,"children":2953},{"style":236},[2954],{"type":34,"value":200},{"type":28,"tag":223,"props":2956,"children":2957},{"style":230},[2958],{"type":34,"value":964},{"type":28,"tag":223,"props":2960,"children":2961},{"style":922},[2962],{"type":34,"value":969},{"type":28,"tag":223,"props":2964,"children":2965},{"style":271},[2966],{"type":34,"value":974},{"type":28,"tag":223,"props":2968,"children":2969},{"style":230},[2970],{"type":34,"value":979},{"type":28,"tag":223,"props":2972,"children":2974},{"class":225,"line":2973},55,[2975],{"type":28,"tag":223,"props":2976,"children":2977},{"emptyLinePlaceholder":9},[2978],{"type":34,"value":296},{"type":28,"tag":223,"props":2980,"children":2982},{"class":225,"line":2981},56,[2983,2987,2991,2995,2999,3003,3007,3011,3015,3019,3023,3027,3031,3035,3039],{"type":28,"tag":223,"props":2984,"children":2985},{"style":922},[2986],{"type":34,"value":996},{"type":28,"tag":223,"props":2988,"children":2989},{"style":230},[2990],{"type":34,"value":930},{"type":28,"tag":223,"props":2992,"children":2993},{"style":1003},[2994],{"type":34,"value":1006},{"type":28,"tag":223,"props":2996,"children":2997},{"style":230},[2998],{"type":34,"value":939},{"type":28,"tag":223,"props":3000,"children":3001},{"style":1003},[3002],{"type":34,"value":183},{"type":28,"tag":223,"props":3004,"children":3005},{"style":230},[3006],{"type":34,"value":939},{"type":28,"tag":223,"props":3008,"children":3009},{"style":1003},[3010],{"type":34,"value":1023},{"type":28,"tag":223,"props":3012,"children":3013},{"style":230},[3014],{"type":34,"value":964},{"type":28,"tag":223,"props":3016,"children":3017},{"style":1030},[3018],{"type":34,"value":268},{"type":28,"tag":223,"props":3020,"children":3021},{"style":1035},[3022],{"type":34,"value":1038},{"type":28,"tag":223,"props":3024,"children":3025},{"style":230},[3026],{"type":34,"value":1043},{"type":28,"tag":223,"props":3028,"children":3029},{"style":236},[3030],{"type":34,"value":1048},{"type":28,"tag":223,"props":3032,"children":3033},{"style":230},[3034],{"type":34,"value":1053},{"type":28,"tag":223,"props":3036,"children":3037},{"style":260},[3038],{"type":34,"value":1058},{"type":28,"tag":223,"props":3040,"children":3041},{"style":230},[3042],{"type":34,"value":1063},{"type":28,"tag":223,"props":3044,"children":3046},{"class":225,"line":3045},57,[3047,3051,3055],{"type":28,"tag":223,"props":3048,"children":3049},{"style":230},[3050],{"type":34,"value":863},{"type":28,"tag":223,"props":3052,"children":3053},{"style":236},[3054],{"type":34,"value":892},{"type":28,"tag":223,"props":3056,"children":3057},{"style":230},[3058],{"type":34,"value":243},{"type":28,"tag":170,"props":3060,"children":3061},{},[3062],{"type":28,"tag":213,"props":3063,"children":3065},{"className":1085,"code":3064,"language":1087,"meta":7,"style":7},"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",[3066],{"type":28,"tag":49,"props":3067,"children":3068},{"__ignoreMap":7},[3069,3111,3144,3199,3206,3230,3293,3320,3344,3389,3430,3437,3448,3455,3498,3505,3522,3534,3558,3583,3608,3616,3637,3659,3680,3701,3713,3720,3768,3783,3790,3806,3817,3840,3864,3887,3894,3913,3933,3953,3973,3984,3991,4002,4010,4034,4058,4074,4090,4115,4140,4156,4164,4179,4242,4258,4274,4321,4330,4346,4362,4410,4419,4428,4444,4472,4520,4529,4545,4589,4605,4621,4637,4645,4653],{"type":28,"tag":223,"props":3070,"children":3071},{"class":225,"line":226},[3072,3076,3080,3085,3089,3094,3098,3102,3107],{"type":28,"tag":223,"props":3073,"children":3074},{"style":922},[3075],{"type":34,"value":925},{"type":28,"tag":223,"props":3077,"children":3078},{"style":230},[3079],{"type":34,"value":930},{"type":28,"tag":223,"props":3081,"children":3082},{"style":236},[3083],{"type":34,"value":3084},"useId",{"type":28,"tag":223,"props":3086,"children":3087},{"style":230},[3088],{"type":34,"value":939},{"type":28,"tag":223,"props":3090,"children":3091},{"style":236},[3092],{"type":34,"value":3093},"useRef",{"type":28,"tag":223,"props":3095,"children":3096},{"style":230},[3097],{"type":34,"value":964},{"type":28,"tag":223,"props":3099,"children":3100},{"style":922},[3101],{"type":34,"value":969},{"type":28,"tag":223,"props":3103,"children":3104},{"style":271},[3105],{"type":34,"value":3106}," 'react'",{"type":28,"tag":223,"props":3108,"children":3109},{"style":230},[3110],{"type":34,"value":979},{"type":28,"tag":223,"props":3112,"children":3113},{"class":225,"line":246},[3114,3118,3122,3127,3131,3135,3140],{"type":28,"tag":223,"props":3115,"children":3116},{"style":922},[3117],{"type":34,"value":925},{"type":28,"tag":223,"props":3119,"children":3120},{"style":230},[3121],{"type":34,"value":930},{"type":28,"tag":223,"props":3123,"children":3124},{"style":236},[3125],{"type":34,"value":3126},"CSSTransition",{"type":28,"tag":223,"props":3128,"children":3129},{"style":230},[3130],{"type":34,"value":964},{"type":28,"tag":223,"props":3132,"children":3133},{"style":922},[3134],{"type":34,"value":969},{"type":28,"tag":223,"props":3136,"children":3137},{"style":271},[3138],{"type":34,"value":3139}," 'react-transition-group'",{"type":28,"tag":223,"props":3141,"children":3142},{"style":230},[3143],{"type":34,"value":979},{"type":28,"tag":223,"props":3145,"children":3146},{"class":225,"line":290},[3147,3151,3155,3159,3163,3167,3171,3175,3179,3183,3187,3191,3195],{"type":28,"tag":223,"props":3148,"children":3149},{"style":922},[3150],{"type":34,"value":925},{"type":28,"tag":223,"props":3152,"children":3153},{"style":230},[3154],{"type":34,"value":930},{"type":28,"tag":223,"props":3156,"children":3157},{"style":236},[3158],{"type":34,"value":54},{"type":28,"tag":223,"props":3160,"children":3161},{"style":230},[3162],{"type":34,"value":939},{"type":28,"tag":223,"props":3164,"children":3165},{"style":236},[3166],{"type":34,"value":257},{"type":28,"tag":223,"props":3168,"children":3169},{"style":230},[3170],{"type":34,"value":939},{"type":28,"tag":223,"props":3172,"children":3173},{"style":236},[3174],{"type":34,"value":521},{"type":28,"tag":223,"props":3176,"children":3177},{"style":230},[3178],{"type":34,"value":939},{"type":28,"tag":223,"props":3180,"children":3181},{"style":236},[3182],{"type":34,"value":200},{"type":28,"tag":223,"props":3184,"children":3185},{"style":230},[3186],{"type":34,"value":964},{"type":28,"tag":223,"props":3188,"children":3189},{"style":922},[3190],{"type":34,"value":969},{"type":28,"tag":223,"props":3192,"children":3193},{"style":271},[3194],{"type":34,"value":1143},{"type":28,"tag":223,"props":3196,"children":3197},{"style":230},[3198],{"type":34,"value":979},{"type":28,"tag":223,"props":3200,"children":3201},{"class":225,"line":299},[3202],{"type":28,"tag":223,"props":3203,"children":3204},{"emptyLinePlaceholder":9},[3205],{"type":34,"value":296},{"type":28,"tag":223,"props":3207,"children":3208},{"class":225,"line":312},[3209,3213,3217,3221,3226],{"type":28,"tag":223,"props":3210,"children":3211},{"style":922},[3212],{"type":34,"value":1162},{"type":28,"tag":223,"props":3214,"children":3215},{"style":922},[3216],{"type":34,"value":1167},{"type":28,"tag":223,"props":3218,"children":3219},{"style":922},[3220],{"type":34,"value":91},{"type":28,"tag":223,"props":3222,"children":3223},{"style":1035},[3224],{"type":34,"value":3225}," ModalTransition",{"type":28,"tag":223,"props":3227,"children":3228},{"style":230},[3229],{"type":34,"value":1181},{"type":28,"tag":223,"props":3231,"children":3232},{"class":225,"line":330},[3233,3237,3241,3245,3249,3253,3257,3261,3265,3269,3273,3277,3281,3285,3289],{"type":28,"tag":223,"props":3234,"children":3235},{"style":922},[3236],{"type":34,"value":1189},{"type":28,"tag":223,"props":3238,"children":3239},{"style":230},[3240],{"type":34,"value":930},{"type":28,"tag":223,"props":3242,"children":3243},{"style":1003},[3244],{"type":34,"value":1006},{"type":28,"tag":223,"props":3246,"children":3247},{"style":230},[3248],{"type":34,"value":939},{"type":28,"tag":223,"props":3250,"children":3251},{"style":1003},[3252],{"type":34,"value":183},{"type":28,"tag":223,"props":3254,"children":3255},{"style":230},[3256],{"type":34,"value":939},{"type":28,"tag":223,"props":3258,"children":3259},{"style":1003},[3260],{"type":34,"value":1023},{"type":28,"tag":223,"props":3262,"children":3263},{"style":230},[3264],{"type":34,"value":964},{"type":28,"tag":223,"props":3266,"children":3267},{"style":1030},[3268],{"type":34,"value":268},{"type":28,"tag":223,"props":3270,"children":3271},{"style":1035},[3272],{"type":34,"value":1038},{"type":28,"tag":223,"props":3274,"children":3275},{"style":230},[3276],{"type":34,"value":1043},{"type":28,"tag":223,"props":3278,"children":3279},{"style":236},[3280],{"type":34,"value":1048},{"type":28,"tag":223,"props":3282,"children":3283},{"style":230},[3284],{"type":34,"value":1053},{"type":28,"tag":223,"props":3286,"children":3287},{"style":260},[3288],{"type":34,"value":1058},{"type":28,"tag":223,"props":3290,"children":3291},{"style":230},[3292],{"type":34,"value":1063},{"type":28,"tag":223,"props":3294,"children":3295},{"class":225,"line":348},[3296,3300,3305,3310,3315],{"type":28,"tag":223,"props":3297,"children":3298},{"style":922},[3299],{"type":34,"value":1189},{"type":28,"tag":223,"props":3301,"children":3302},{"style":1003},[3303],{"type":34,"value":3304}," headingId",{"type":28,"tag":223,"props":3306,"children":3307},{"style":1030},[3308],{"type":34,"value":3309}," =",{"type":28,"tag":223,"props":3311,"children":3312},{"style":1035},[3313],{"type":34,"value":3314}," useId",{"type":28,"tag":223,"props":3316,"children":3317},{"style":230},[3318],{"type":34,"value":3319},"();\n",{"type":28,"tag":223,"props":3321,"children":3322},{"class":225,"line":366},[3323,3327,3332,3336,3340],{"type":28,"tag":223,"props":3324,"children":3325},{"style":922},[3326],{"type":34,"value":1189},{"type":28,"tag":223,"props":3328,"children":3329},{"style":1003},[3330],{"type":34,"value":3331}," descriptionId",{"type":28,"tag":223,"props":3333,"children":3334},{"style":1030},[3335],{"type":34,"value":3309},{"type":28,"tag":223,"props":3337,"children":3338},{"style":1035},[3339],{"type":34,"value":3314},{"type":28,"tag":223,"props":3341,"children":3342},{"style":230},[3343],{"type":34,"value":3319},{"type":28,"tag":223,"props":3345,"children":3346},{"class":225,"line":384},[3347,3351,3356,3360,3365,3369,3374,3379,3384],{"type":28,"tag":223,"props":3348,"children":3349},{"style":922},[3350],{"type":34,"value":1189},{"type":28,"tag":223,"props":3352,"children":3353},{"style":1003},[3354],{"type":34,"value":3355}," modalRef",{"type":28,"tag":223,"props":3357,"children":3358},{"style":1030},[3359],{"type":34,"value":3309},{"type":28,"tag":223,"props":3361,"children":3362},{"style":1035},[3363],{"type":34,"value":3364}," useRef",{"type":28,"tag":223,"props":3366,"children":3367},{"style":230},[3368],{"type":34,"value":233},{"type":28,"tag":223,"props":3370,"children":3371},{"style":1003},[3372],{"type":34,"value":3373},"HTMLElement",{"type":28,"tag":223,"props":3375,"children":3376},{"style":230},[3377],{"type":34,"value":3378},">(",{"type":28,"tag":223,"props":3380,"children":3381},{"style":260},[3382],{"type":34,"value":3383},"null",{"type":28,"tag":223,"props":3385,"children":3386},{"style":230},[3387],{"type":34,"value":3388},");\n",{"type":28,"tag":223,"props":3390,"children":3391},{"class":225,"line":402},[3392,3396,3401,3405,3409,3413,3418,3422,3426],{"type":28,"tag":223,"props":3393,"children":3394},{"style":922},[3395],{"type":34,"value":1189},{"type":28,"tag":223,"props":3397,"children":3398},{"style":1003},[3399],{"type":34,"value":3400}," backdropRef",{"type":28,"tag":223,"props":3402,"children":3403},{"style":1030},[3404],{"type":34,"value":3309},{"type":28,"tag":223,"props":3406,"children":3407},{"style":1035},[3408],{"type":34,"value":3364},{"type":28,"tag":223,"props":3410,"children":3411},{"style":230},[3412],{"type":34,"value":233},{"type":28,"tag":223,"props":3414,"children":3415},{"style":1003},[3416],{"type":34,"value":3417},"HTMLDivElement",{"type":28,"tag":223,"props":3419,"children":3420},{"style":230},[3421],{"type":34,"value":3378},{"type":28,"tag":223,"props":3423,"children":3424},{"style":260},[3425],{"type":34,"value":3383},{"type":28,"tag":223,"props":3427,"children":3428},{"style":230},[3429],{"type":34,"value":3388},{"type":28,"tag":223,"props":3431,"children":3432},{"class":225,"line":420},[3433],{"type":28,"tag":223,"props":3434,"children":3435},{"emptyLinePlaceholder":9},[3436],{"type":34,"value":296},{"type":28,"tag":223,"props":3438,"children":3439},{"class":225,"line":429},[3440,3444],{"type":28,"tag":223,"props":3441,"children":3442},{"style":922},[3443],{"type":34,"value":1260},{"type":28,"tag":223,"props":3445,"children":3446},{"style":230},[3447],{"type":34,"value":1265},{"type":28,"tag":223,"props":3449,"children":3450},{"class":225,"line":447},[3451],{"type":28,"tag":223,"props":3452,"children":3453},{"style":230},[3454],{"type":34,"value":1273},{"type":28,"tag":223,"props":3456,"children":3457},{"class":225,"line":510},[3458,3462,3466,3470,3474,3478,3482,3486,3490,3494],{"type":28,"tag":223,"props":3459,"children":3460},{"style":230},[3461],{"type":34,"value":453},{"type":28,"tag":223,"props":3463,"children":3464},{"style":1003},[3465],{"type":34,"value":257},{"type":28,"tag":223,"props":3467,"children":3468},{"style":1287},[3469],{"type":34,"value":1290},{"type":28,"tag":223,"props":3471,"children":3472},{"style":1030},[3473],{"type":34,"value":268},{"type":28,"tag":223,"props":3475,"children":3476},{"style":922},[3477],{"type":34,"value":1299},{"type":28,"tag":223,"props":3479,"children":3480},{"style":236},[3481],{"type":34,"value":183},{"type":28,"tag":223,"props":3483,"children":3484},{"style":922},[3485],{"type":34,"value":1308},{"type":28,"tag":223,"props":3487,"children":3488},{"style":230},[3489],{"type":34,"value":279},{"type":28,"tag":223,"props":3491,"children":3492},{"style":1003},[3493],{"type":34,"value":257},{"type":28,"tag":223,"props":3495,"children":3496},{"style":230},[3497],{"type":34,"value":243},{"type":28,"tag":223,"props":3499,"children":3500},{"class":225,"line":529},[3501],{"type":28,"tag":223,"props":3502,"children":3503},{"emptyLinePlaceholder":9},[3504],{"type":34,"value":296},{"type":28,"tag":223,"props":3506,"children":3507},{"class":225,"line":546},[3508,3513,3518],{"type":28,"tag":223,"props":3509,"children":3510},{"style":922},[3511],{"type":34,"value":3512},"      {",{"type":28,"tag":223,"props":3514,"children":3515},{"style":2021},[3516],{"type":34,"value":3517},"\u002F* Backdrop *\u002F",{"type":28,"tag":223,"props":3519,"children":3520},{"style":922},[3521],{"type":34,"value":1363},{"type":28,"tag":223,"props":3523,"children":3524},{"class":225,"line":589},[3525,3529],{"type":28,"tag":223,"props":3526,"children":3527},{"style":230},[3528],{"type":34,"value":453},{"type":28,"tag":223,"props":3530,"children":3531},{"style":1003},[3532],{"type":34,"value":3533},"CSSTransition\n",{"type":28,"tag":223,"props":3535,"children":3536},{"class":225,"line":598},[3537,3542,3546,3550,3554],{"type":28,"tag":223,"props":3538,"children":3539},{"style":1287},[3540],{"type":34,"value":3541},"        in",{"type":28,"tag":223,"props":3543,"children":3544},{"style":1030},[3545],{"type":34,"value":268},{"type":28,"tag":223,"props":3547,"children":3548},{"style":922},[3549],{"type":34,"value":1299},{"type":28,"tag":223,"props":3551,"children":3552},{"style":236},[3553],{"type":34,"value":1006},{"type":28,"tag":223,"props":3555,"children":3556},{"style":922},[3557],{"type":34,"value":1363},{"type":28,"tag":223,"props":3559,"children":3560},{"class":225,"line":614},[3561,3566,3570,3574,3579],{"type":28,"tag":223,"props":3562,"children":3563},{"style":1287},[3564],{"type":34,"value":3565},"        nodeRef",{"type":28,"tag":223,"props":3567,"children":3568},{"style":1030},[3569],{"type":34,"value":268},{"type":28,"tag":223,"props":3571,"children":3572},{"style":922},[3573],{"type":34,"value":1299},{"type":28,"tag":223,"props":3575,"children":3576},{"style":236},[3577],{"type":34,"value":3578},"backdropRef",{"type":28,"tag":223,"props":3580,"children":3581},{"style":922},[3582],{"type":34,"value":1363},{"type":28,"tag":223,"props":3584,"children":3585},{"class":225,"line":631},[3586,3591,3595,3599,3604],{"type":28,"tag":223,"props":3587,"children":3588},{"style":1287},[3589],{"type":34,"value":3590},"        timeout",{"type":28,"tag":223,"props":3592,"children":3593},{"style":1030},[3594],{"type":34,"value":268},{"type":28,"tag":223,"props":3596,"children":3597},{"style":922},[3598],{"type":34,"value":1299},{"type":28,"tag":223,"props":3600,"children":3601},{"style":260},[3602],{"type":34,"value":3603},"200",{"type":28,"tag":223,"props":3605,"children":3606},{"style":922},[3607],{"type":34,"value":1363},{"type":28,"tag":223,"props":3609,"children":3610},{"class":225,"line":673},[3611],{"type":28,"tag":223,"props":3612,"children":3613},{"style":1287},[3614],{"type":34,"value":3615},"        unmountOnExit\n",{"type":28,"tag":223,"props":3617,"children":3618},{"class":225,"line":682},[3619,3624,3628,3632],{"type":28,"tag":223,"props":3620,"children":3621},{"style":1287},[3622],{"type":34,"value":3623},"        classNames",{"type":28,"tag":223,"props":3625,"children":3626},{"style":1030},[3627],{"type":34,"value":268},{"type":28,"tag":223,"props":3629,"children":3630},{"style":922},[3631],{"type":34,"value":1299},{"type":28,"tag":223,"props":3633,"children":3634},{"style":230},[3635],{"type":34,"value":3636},"{\n",{"type":28,"tag":223,"props":3638,"children":3639},{"class":225,"line":691},[3640,3645,3649,3654],{"type":28,"tag":223,"props":3641,"children":3642},{"style":236},[3643],{"type":34,"value":3644},"          enter",{"type":28,"tag":223,"props":3646,"children":3647},{"style":230},[3648],{"type":34,"value":1053},{"type":28,"tag":223,"props":3650,"children":3651},{"style":271},[3652],{"type":34,"value":3653},"'opacity-0'",{"type":28,"tag":223,"props":3655,"children":3656},{"style":230},[3657],{"type":34,"value":3658},",\n",{"type":28,"tag":223,"props":3660,"children":3661},{"class":225,"line":707},[3662,3667,3671,3676],{"type":28,"tag":223,"props":3663,"children":3664},{"style":236},[3665],{"type":34,"value":3666},"          enterDone",{"type":28,"tag":223,"props":3668,"children":3669},{"style":230},[3670],{"type":34,"value":1053},{"type":28,"tag":223,"props":3672,"children":3673},{"style":271},[3674],{"type":34,"value":3675},"'opacity-100 transition duration-200 ease-out'",{"type":28,"tag":223,"props":3677,"children":3678},{"style":230},[3679],{"type":34,"value":3658},{"type":28,"tag":223,"props":3681,"children":3682},{"class":225,"line":737},[3683,3688,3692,3697],{"type":28,"tag":223,"props":3684,"children":3685},{"style":236},[3686],{"type":34,"value":3687},"          exitActive",{"type":28,"tag":223,"props":3689,"children":3690},{"style":230},[3691],{"type":34,"value":1053},{"type":28,"tag":223,"props":3693,"children":3694},{"style":271},[3695],{"type":34,"value":3696},"'opacity-0 transition duration-200 ease-out'",{"type":28,"tag":223,"props":3698,"children":3699},{"style":230},[3700],{"type":34,"value":3658},{"type":28,"tag":223,"props":3702,"children":3703},{"class":225,"line":787},[3704,3709],{"type":28,"tag":223,"props":3705,"children":3706},{"style":230},[3707],{"type":34,"value":3708},"        }",{"type":28,"tag":223,"props":3710,"children":3711},{"style":922},[3712],{"type":34,"value":1363},{"type":28,"tag":223,"props":3714,"children":3715},{"class":225,"line":824},[3716],{"type":28,"tag":223,"props":3717,"children":3718},{"style":230},[3719],{"type":34,"value":1475},{"type":28,"tag":223,"props":3721,"children":3722},{"class":225,"line":840},[3723,3727,3731,3736,3740,3744,3748,3752,3756,3760,3764],{"type":28,"tag":223,"props":3724,"children":3725},{"style":230},[3726],{"type":34,"value":516},{"type":28,"tag":223,"props":3728,"children":3729},{"style":236},[3730],{"type":34,"value":2154},{"type":28,"tag":223,"props":3732,"children":3733},{"style":1287},[3734],{"type":34,"value":3735}," ref",{"type":28,"tag":223,"props":3737,"children":3738},{"style":1030},[3739],{"type":34,"value":268},{"type":28,"tag":223,"props":3741,"children":3742},{"style":922},[3743],{"type":34,"value":1299},{"type":28,"tag":223,"props":3745,"children":3746},{"style":236},[3747],{"type":34,"value":3578},{"type":28,"tag":223,"props":3749,"children":3750},{"style":922},[3751],{"type":34,"value":1308},{"type":28,"tag":223,"props":3753,"children":3754},{"style":1287},[3755],{"type":34,"value":1523},{"type":28,"tag":223,"props":3757,"children":3758},{"style":1030},[3759],{"type":34,"value":268},{"type":28,"tag":223,"props":3761,"children":3762},{"style":271},[3763],{"type":34,"value":2181},{"type":28,"tag":223,"props":3765,"children":3766},{"style":230},[3767],{"type":34,"value":526},{"type":28,"tag":223,"props":3769,"children":3770},{"class":225,"line":857},[3771,3775,3779],{"type":28,"tag":223,"props":3772,"children":3773},{"style":230},[3774],{"type":34,"value":535},{"type":28,"tag":223,"props":3776,"children":3777},{"style":1003},[3778],{"type":34,"value":3126},{"type":28,"tag":223,"props":3780,"children":3781},{"style":230},[3782],{"type":34,"value":243},{"type":28,"tag":223,"props":3784,"children":3785},{"class":225,"line":874},[3786],{"type":28,"tag":223,"props":3787,"children":3788},{"emptyLinePlaceholder":9},[3789],{"type":34,"value":296},{"type":28,"tag":223,"props":3791,"children":3792},{"class":225,"line":882},[3793,3797,3802],{"type":28,"tag":223,"props":3794,"children":3795},{"style":922},[3796],{"type":34,"value":3512},{"type":28,"tag":223,"props":3798,"children":3799},{"style":2021},[3800],{"type":34,"value":3801},"\u002F* Modal *\u002F",{"type":28,"tag":223,"props":3803,"children":3804},{"style":922},[3805],{"type":34,"value":1363},{"type":28,"tag":223,"props":3807,"children":3808},{"class":225,"line":918},[3809,3813],{"type":28,"tag":223,"props":3810,"children":3811},{"style":230},[3812],{"type":34,"value":453},{"type":28,"tag":223,"props":3814,"children":3815},{"style":1003},[3816],{"type":34,"value":3533},{"type":28,"tag":223,"props":3818,"children":3819},{"class":225,"line":982},[3820,3824,3828,3832,3836],{"type":28,"tag":223,"props":3821,"children":3822},{"style":1287},[3823],{"type":34,"value":3541},{"type":28,"tag":223,"props":3825,"children":3826},{"style":1030},[3827],{"type":34,"value":268},{"type":28,"tag":223,"props":3829,"children":3830},{"style":922},[3831],{"type":34,"value":1299},{"type":28,"tag":223,"props":3833,"children":3834},{"style":236},[3835],{"type":34,"value":1006},{"type":28,"tag":223,"props":3837,"children":3838},{"style":922},[3839],{"type":34,"value":1363},{"type":28,"tag":223,"props":3841,"children":3842},{"class":225,"line":990},[3843,3847,3851,3855,3860],{"type":28,"tag":223,"props":3844,"children":3845},{"style":1287},[3846],{"type":34,"value":3565},{"type":28,"tag":223,"props":3848,"children":3849},{"style":1030},[3850],{"type":34,"value":268},{"type":28,"tag":223,"props":3852,"children":3853},{"style":922},[3854],{"type":34,"value":1299},{"type":28,"tag":223,"props":3856,"children":3857},{"style":236},[3858],{"type":34,"value":3859},"modalRef",{"type":28,"tag":223,"props":3861,"children":3862},{"style":922},[3863],{"type":34,"value":1363},{"type":28,"tag":223,"props":3865,"children":3866},{"class":225,"line":1066},[3867,3871,3875,3879,3883],{"type":28,"tag":223,"props":3868,"children":3869},{"style":1287},[3870],{"type":34,"value":3590},{"type":28,"tag":223,"props":3872,"children":3873},{"style":1030},[3874],{"type":34,"value":268},{"type":28,"tag":223,"props":3876,"children":3877},{"style":922},[3878],{"type":34,"value":1299},{"type":28,"tag":223,"props":3880,"children":3881},{"style":260},[3882],{"type":34,"value":3603},{"type":28,"tag":223,"props":3884,"children":3885},{"style":922},[3886],{"type":34,"value":1363},{"type":28,"tag":223,"props":3888,"children":3889},{"class":225,"line":1878},[3890],{"type":28,"tag":223,"props":3891,"children":3892},{"style":1287},[3893],{"type":34,"value":3615},{"type":28,"tag":223,"props":3895,"children":3896},{"class":225,"line":1894},[3897,3901,3905,3909],{"type":28,"tag":223,"props":3898,"children":3899},{"style":1287},[3900],{"type":34,"value":3623},{"type":28,"tag":223,"props":3902,"children":3903},{"style":1030},[3904],{"type":34,"value":268},{"type":28,"tag":223,"props":3906,"children":3907},{"style":922},[3908],{"type":34,"value":1299},{"type":28,"tag":223,"props":3910,"children":3911},{"style":230},[3912],{"type":34,"value":3636},{"type":28,"tag":223,"props":3914,"children":3915},{"class":225,"line":1910},[3916,3920,3924,3929],{"type":28,"tag":223,"props":3917,"children":3918},{"style":236},[3919],{"type":34,"value":3644},{"type":28,"tag":223,"props":3921,"children":3922},{"style":230},[3923],{"type":34,"value":1053},{"type":28,"tag":223,"props":3925,"children":3926},{"style":271},[3927],{"type":34,"value":3928},"'translate-y-10 opacity-0'",{"type":28,"tag":223,"props":3930,"children":3931},{"style":230},[3932],{"type":34,"value":3658},{"type":28,"tag":223,"props":3934,"children":3935},{"class":225,"line":1919},[3936,3940,3944,3949],{"type":28,"tag":223,"props":3937,"children":3938},{"style":236},[3939],{"type":34,"value":3666},{"type":28,"tag":223,"props":3941,"children":3942},{"style":230},[3943],{"type":34,"value":1053},{"type":28,"tag":223,"props":3945,"children":3946},{"style":271},[3947],{"type":34,"value":3948},"'translate-y-0 opacity-100 transition duration-200 ease-out'",{"type":28,"tag":223,"props":3950,"children":3951},{"style":230},[3952],{"type":34,"value":3658},{"type":28,"tag":223,"props":3954,"children":3955},{"class":225,"line":1928},[3956,3960,3964,3969],{"type":28,"tag":223,"props":3957,"children":3958},{"style":236},[3959],{"type":34,"value":3687},{"type":28,"tag":223,"props":3961,"children":3962},{"style":230},[3963],{"type":34,"value":1053},{"type":28,"tag":223,"props":3965,"children":3966},{"style":271},[3967],{"type":34,"value":3968},"'translate-y-10 opacity-0 transition duration-200 ease-out'",{"type":28,"tag":223,"props":3970,"children":3971},{"style":230},[3972],{"type":34,"value":3658},{"type":28,"tag":223,"props":3974,"children":3975},{"class":225,"line":2627},[3976,3980],{"type":28,"tag":223,"props":3977,"children":3978},{"style":230},[3979],{"type":34,"value":3708},{"type":28,"tag":223,"props":3981,"children":3982},{"style":922},[3983],{"type":34,"value":1363},{"type":28,"tag":223,"props":3985,"children":3986},{"class":225,"line":2667},[3987],{"type":28,"tag":223,"props":3988,"children":3989},{"style":230},[3990],{"type":34,"value":1475},{"type":28,"tag":223,"props":3992,"children":3993},{"class":225,"line":2676},[3994,3998],{"type":28,"tag":223,"props":3995,"children":3996},{"style":230},[3997],{"type":34,"value":516},{"type":28,"tag":223,"props":3999,"children":4000},{"style":1003},[4001],{"type":34,"value":309},{"type":28,"tag":223,"props":4003,"children":4004},{"class":225,"line":2685},[4005],{"type":28,"tag":223,"props":4006,"children":4007},{"style":1287},[4008],{"type":34,"value":4009},"          open\n",{"type":28,"tag":223,"props":4011,"children":4012},{"class":225,"line":2701},[4013,4018,4022,4026,4030],{"type":28,"tag":223,"props":4014,"children":4015},{"style":1287},[4016],{"type":34,"value":4017},"          onClose",{"type":28,"tag":223,"props":4019,"children":4020},{"style":1030},[4021],{"type":34,"value":268},{"type":28,"tag":223,"props":4023,"children":4024},{"style":922},[4025],{"type":34,"value":1299},{"type":28,"tag":223,"props":4027,"children":4028},{"style":236},[4029],{"type":34,"value":1023},{"type":28,"tag":223,"props":4031,"children":4032},{"style":922},[4033],{"type":34,"value":1363},{"type":28,"tag":223,"props":4035,"children":4036},{"class":225,"line":2729},[4037,4042,4046,4050,4054],{"type":28,"tag":223,"props":4038,"children":4039},{"style":1287},[4040],{"type":34,"value":4041},"          ref",{"type":28,"tag":223,"props":4043,"children":4044},{"style":1030},[4045],{"type":34,"value":268},{"type":28,"tag":223,"props":4047,"children":4048},{"style":922},[4049],{"type":34,"value":1299},{"type":28,"tag":223,"props":4051,"children":4052},{"style":236},[4053],{"type":34,"value":3859},{"type":28,"tag":223,"props":4055,"children":4056},{"style":922},[4057],{"type":34,"value":1363},{"type":28,"tag":223,"props":4059,"children":4060},{"class":225,"line":2777},[4061,4066,4070],{"type":28,"tag":223,"props":4062,"children":4063},{"style":1287},[4064],{"type":34,"value":4065},"          as",{"type":28,"tag":223,"props":4067,"children":4068},{"style":1030},[4069],{"type":34,"value":268},{"type":28,"tag":223,"props":4071,"children":4072},{"style":271},[4073],{"type":34,"value":345},{"type":28,"tag":223,"props":4075,"children":4076},{"class":225,"line":2813},[4077,4082,4086],{"type":28,"tag":223,"props":4078,"children":4079},{"style":1287},[4080],{"type":34,"value":4081},"          role",{"type":28,"tag":223,"props":4083,"children":4084},{"style":1030},[4085],{"type":34,"value":268},{"type":28,"tag":223,"props":4087,"children":4088},{"style":271},[4089],{"type":34,"value":363},{"type":28,"tag":223,"props":4091,"children":4092},{"class":225,"line":2829},[4093,4098,4102,4106,4111],{"type":28,"tag":223,"props":4094,"children":4095},{"style":1287},[4096],{"type":34,"value":4097},"          aria-labelledby",{"type":28,"tag":223,"props":4099,"children":4100},{"style":1030},[4101],{"type":34,"value":268},{"type":28,"tag":223,"props":4103,"children":4104},{"style":922},[4105],{"type":34,"value":1299},{"type":28,"tag":223,"props":4107,"children":4108},{"style":236},[4109],{"type":34,"value":4110},"headingId",{"type":28,"tag":223,"props":4112,"children":4113},{"style":922},[4114],{"type":34,"value":1363},{"type":28,"tag":223,"props":4116,"children":4117},{"class":225,"line":2845},[4118,4123,4127,4131,4136],{"type":28,"tag":223,"props":4119,"children":4120},{"style":1287},[4121],{"type":34,"value":4122},"          aria-describedby",{"type":28,"tag":223,"props":4124,"children":4125},{"style":1030},[4126],{"type":34,"value":268},{"type":28,"tag":223,"props":4128,"children":4129},{"style":922},[4130],{"type":34,"value":1299},{"type":28,"tag":223,"props":4132,"children":4133},{"style":236},[4134],{"type":34,"value":4135},"descriptionId",{"type":28,"tag":223,"props":4137,"children":4138},{"style":922},[4139],{"type":34,"value":1363},{"type":28,"tag":223,"props":4141,"children":4142},{"class":225,"line":2861},[4143,4148,4152],{"type":28,"tag":223,"props":4144,"children":4145},{"style":1287},[4146],{"type":34,"value":4147},"          className",{"type":28,"tag":223,"props":4149,"children":4150},{"style":1030},[4151],{"type":34,"value":268},{"type":28,"tag":223,"props":4153,"children":4154},{"style":271},[4155],{"type":34,"value":327},{"type":28,"tag":223,"props":4157,"children":4158},{"class":225,"line":2877},[4159],{"type":28,"tag":223,"props":4160,"children":4161},{"style":230},[4162],{"type":34,"value":4163},"        >\n",{"type":28,"tag":223,"props":4165,"children":4166},{"class":225,"line":2885},[4167,4171,4175],{"type":28,"tag":223,"props":4168,"children":4169},{"style":230},[4170],{"type":34,"value":1498},{"type":28,"tag":223,"props":4172,"children":4173},{"style":236},[4174],{"type":34,"value":440},{"type":28,"tag":223,"props":4176,"children":4177},{"style":230},[4178],{"type":34,"value":243},{"type":28,"tag":223,"props":4180,"children":4181},{"class":225,"line":2917},[4182,4186,4190,4194,4198,4202,4206,4210,4214,4218,4222,4226,4230,4234,4238],{"type":28,"tag":223,"props":4183,"children":4184},{"style":230},[4185],{"type":34,"value":1563},{"type":28,"tag":223,"props":4187,"children":4188},{"style":1003},[4189],{"type":34,"value":257},{"type":28,"tag":223,"props":4191,"children":4192},{"style":1287},[4193],{"type":34,"value":462},{"type":28,"tag":223,"props":4195,"children":4196},{"style":1287},[4197],{"type":34,"value":467},{"type":28,"tag":223,"props":4199,"children":4200},{"style":1030},[4201],{"type":34,"value":268},{"type":28,"tag":223,"props":4203,"children":4204},{"style":271},[4205],{"type":34,"value":476},{"type":28,"tag":223,"props":4207,"children":4208},{"style":1287},[4209],{"type":34,"value":1523},{"type":28,"tag":223,"props":4211,"children":4212},{"style":1030},[4213],{"type":34,"value":268},{"type":28,"tag":223,"props":4215,"children":4216},{"style":271},[4217],{"type":34,"value":490},{"type":28,"tag":223,"props":4219,"children":4220},{"style":1287},[4221],{"type":34,"value":1290},{"type":28,"tag":223,"props":4223,"children":4224},{"style":1030},[4225],{"type":34,"value":268},{"type":28,"tag":223,"props":4227,"children":4228},{"style":922},[4229],{"type":34,"value":1299},{"type":28,"tag":223,"props":4231,"children":4232},{"style":236},[4233],{"type":34,"value":1023},{"type":28,"tag":223,"props":4235,"children":4236},{"style":922},[4237],{"type":34,"value":1308},{"type":28,"tag":223,"props":4239,"children":4240},{"style":230},[4241],{"type":34,"value":243},{"type":28,"tag":223,"props":4243,"children":4244},{"class":225,"line":2973},[4245,4250,4254],{"type":28,"tag":223,"props":4246,"children":4247},{"style":230},[4248],{"type":34,"value":4249},"              \u003C",{"type":28,"tag":223,"props":4251,"children":4252},{"style":1003},[4253],{"type":34,"value":521},{"type":28,"tag":223,"props":4255,"children":4256},{"style":230},[4257],{"type":34,"value":526},{"type":28,"tag":223,"props":4259,"children":4260},{"class":225,"line":2981},[4261,4266,4270],{"type":28,"tag":223,"props":4262,"children":4263},{"style":230},[4264],{"type":34,"value":4265},"            \u003C\u002F",{"type":28,"tag":223,"props":4267,"children":4268},{"style":1003},[4269],{"type":34,"value":257},{"type":28,"tag":223,"props":4271,"children":4272},{"style":230},[4273],{"type":34,"value":243},{"type":28,"tag":223,"props":4275,"children":4276},{"class":225,"line":3045},[4277,4281,4285,4289,4293,4297,4301,4305,4309,4313,4317],{"type":28,"tag":223,"props":4278,"children":4279},{"style":230},[4280],{"type":34,"value":1563},{"type":28,"tag":223,"props":4282,"children":4283},{"style":236},[4284],{"type":34,"value":147},{"type":28,"tag":223,"props":4286,"children":4287},{"style":1287},[4288],{"type":34,"value":560},{"type":28,"tag":223,"props":4290,"children":4291},{"style":1030},[4292],{"type":34,"value":268},{"type":28,"tag":223,"props":4294,"children":4295},{"style":922},[4296],{"type":34,"value":1299},{"type":28,"tag":223,"props":4298,"children":4299},{"style":236},[4300],{"type":34,"value":4110},{"type":28,"tag":223,"props":4302,"children":4303},{"style":922},[4304],{"type":34,"value":1308},{"type":28,"tag":223,"props":4306,"children":4307},{"style":1287},[4308],{"type":34,"value":1523},{"type":28,"tag":223,"props":4310,"children":4311},{"style":1030},[4312],{"type":34,"value":268},{"type":28,"tag":223,"props":4314,"children":4315},{"style":271},[4316],{"type":34,"value":582},{"type":28,"tag":223,"props":4318,"children":4319},{"style":230},[4320],{"type":34,"value":243},{"type":28,"tag":223,"props":4322,"children":4324},{"class":225,"line":4323},58,[4325],{"type":28,"tag":223,"props":4326,"children":4327},{"style":230},[4328],{"type":34,"value":4329},"              You might miss out on great deals\n",{"type":28,"tag":223,"props":4331,"children":4333},{"class":225,"line":4332},59,[4334,4338,4342],{"type":28,"tag":223,"props":4335,"children":4336},{"style":230},[4337],{"type":34,"value":4265},{"type":28,"tag":223,"props":4339,"children":4340},{"style":236},[4341],{"type":34,"value":147},{"type":28,"tag":223,"props":4343,"children":4344},{"style":230},[4345],{"type":34,"value":243},{"type":28,"tag":223,"props":4347,"children":4349},{"class":225,"line":4348},60,[4350,4354,4358],{"type":28,"tag":223,"props":4351,"children":4352},{"style":230},[4353],{"type":34,"value":1579},{"type":28,"tag":223,"props":4355,"children":4356},{"style":236},[4357],{"type":34,"value":440},{"type":28,"tag":223,"props":4359,"children":4360},{"style":230},[4361],{"type":34,"value":243},{"type":28,"tag":223,"props":4363,"children":4365},{"class":225,"line":4364},61,[4366,4370,4374,4378,4382,4386,4390,4394,4398,4402,4406],{"type":28,"tag":223,"props":4367,"children":4368},{"style":230},[4369],{"type":34,"value":1498},{"type":28,"tag":223,"props":4371,"children":4372},{"style":236},[4373],{"type":34,"value":45},{"type":28,"tag":223,"props":4375,"children":4376},{"style":1287},[4377],{"type":34,"value":560},{"type":28,"tag":223,"props":4379,"children":4380},{"style":1030},[4381],{"type":34,"value":268},{"type":28,"tag":223,"props":4383,"children":4384},{"style":922},[4385],{"type":34,"value":1299},{"type":28,"tag":223,"props":4387,"children":4388},{"style":236},[4389],{"type":34,"value":4135},{"type":28,"tag":223,"props":4391,"children":4392},{"style":922},[4393],{"type":34,"value":1308},{"type":28,"tag":223,"props":4395,"children":4396},{"style":1287},[4397],{"type":34,"value":1523},{"type":28,"tag":223,"props":4399,"children":4400},{"style":1030},[4401],{"type":34,"value":268},{"type":28,"tag":223,"props":4403,"children":4404},{"style":271},[4405],{"type":34,"value":666},{"type":28,"tag":223,"props":4407,"children":4408},{"style":230},[4409],{"type":34,"value":243},{"type":28,"tag":223,"props":4411,"children":4413},{"class":225,"line":4412},62,[4414],{"type":28,"tag":223,"props":4415,"children":4416},{"style":230},[4417],{"type":34,"value":4418},"            There are special offers for some of the items on your wishlist. Do you want to see these deals before\n",{"type":28,"tag":223,"props":4420,"children":4422},{"class":225,"line":4421},63,[4423],{"type":28,"tag":223,"props":4424,"children":4425},{"style":230},[4426],{"type":34,"value":4427},"            proceeding to checkout page?\n",{"type":28,"tag":223,"props":4429,"children":4431},{"class":225,"line":4430},64,[4432,4436,4440],{"type":28,"tag":223,"props":4433,"children":4434},{"style":230},[4435],{"type":34,"value":1579},{"type":28,"tag":223,"props":4437,"children":4438},{"style":236},[4439],{"type":34,"value":45},{"type":28,"tag":223,"props":4441,"children":4442},{"style":230},[4443],{"type":34,"value":243},{"type":28,"tag":223,"props":4445,"children":4447},{"class":225,"line":4446},65,[4448,4452,4456,4460,4464,4468],{"type":28,"tag":223,"props":4449,"children":4450},{"style":230},[4451],{"type":34,"value":1498},{"type":28,"tag":223,"props":4453,"children":4454},{"style":236},[4455],{"type":34,"value":717},{"type":28,"tag":223,"props":4457,"children":4458},{"style":1287},[4459],{"type":34,"value":1523},{"type":28,"tag":223,"props":4461,"children":4462},{"style":1030},[4463],{"type":34,"value":268},{"type":28,"tag":223,"props":4465,"children":4466},{"style":271},[4467],{"type":34,"value":730},{"type":28,"tag":223,"props":4469,"children":4470},{"style":230},[4471],{"type":34,"value":243},{"type":28,"tag":223,"props":4473,"children":4475},{"class":225,"line":4474},66,[4476,4480,4484,4488,4492,4496,4500,4504,4508,4512,4516],{"type":28,"tag":223,"props":4477,"children":4478},{"style":230},[4479],{"type":34,"value":1563},{"type":28,"tag":223,"props":4481,"children":4482},{"style":1003},[4483],{"type":34,"value":257},{"type":28,"tag":223,"props":4485,"children":4486},{"style":1287},[4487],{"type":34,"value":467},{"type":28,"tag":223,"props":4489,"children":4490},{"style":1030},[4491],{"type":34,"value":268},{"type":28,"tag":223,"props":4493,"children":4494},{"style":271},[4495],{"type":34,"value":759},{"type":28,"tag":223,"props":4497,"children":4498},{"style":1287},[4499],{"type":34,"value":1290},{"type":28,"tag":223,"props":4501,"children":4502},{"style":1030},[4503],{"type":34,"value":268},{"type":28,"tag":223,"props":4505,"children":4506},{"style":922},[4507],{"type":34,"value":1299},{"type":28,"tag":223,"props":4509,"children":4510},{"style":236},[4511],{"type":34,"value":1023},{"type":28,"tag":223,"props":4513,"children":4514},{"style":922},[4515],{"type":34,"value":1308},{"type":28,"tag":223,"props":4517,"children":4518},{"style":230},[4519],{"type":34,"value":243},{"type":28,"tag":223,"props":4521,"children":4523},{"class":225,"line":4522},67,[4524],{"type":28,"tag":223,"props":4525,"children":4526},{"style":230},[4527],{"type":34,"value":4528},"              Skip\n",{"type":28,"tag":223,"props":4530,"children":4532},{"class":225,"line":4531},68,[4533,4537,4541],{"type":28,"tag":223,"props":4534,"children":4535},{"style":230},[4536],{"type":34,"value":4265},{"type":28,"tag":223,"props":4538,"children":4539},{"style":1003},[4540],{"type":34,"value":257},{"type":28,"tag":223,"props":4542,"children":4543},{"style":230},[4544],{"type":34,"value":243},{"type":28,"tag":223,"props":4546,"children":4548},{"class":225,"line":4547},69,[4549,4553,4557,4561,4565,4569,4573,4577,4581,4585],{"type":28,"tag":223,"props":4550,"children":4551},{"style":230},[4552],{"type":34,"value":1563},{"type":28,"tag":223,"props":4554,"children":4555},{"style":1003},[4556],{"type":34,"value":257},{"type":28,"tag":223,"props":4558,"children":4559},{"style":1287},[4560],{"type":34,"value":1290},{"type":28,"tag":223,"props":4562,"children":4563},{"style":1030},[4564],{"type":34,"value":268},{"type":28,"tag":223,"props":4566,"children":4567},{"style":922},[4568],{"type":34,"value":1299},{"type":28,"tag":223,"props":4570,"children":4571},{"style":236},[4572],{"type":34,"value":1023},{"type":28,"tag":223,"props":4574,"children":4575},{"style":922},[4576],{"type":34,"value":1308},{"type":28,"tag":223,"props":4578,"children":4579},{"style":230},[4580],{"type":34,"value":813},{"type":28,"tag":223,"props":4582,"children":4583},{"style":1003},[4584],{"type":34,"value":257},{"type":28,"tag":223,"props":4586,"children":4587},{"style":230},[4588],{"type":34,"value":243},{"type":28,"tag":223,"props":4590,"children":4592},{"class":225,"line":4591},70,[4593,4597,4601],{"type":28,"tag":223,"props":4594,"children":4595},{"style":230},[4596],{"type":34,"value":1579},{"type":28,"tag":223,"props":4598,"children":4599},{"style":236},[4600],{"type":34,"value":717},{"type":28,"tag":223,"props":4602,"children":4603},{"style":230},[4604],{"type":34,"value":243},{"type":28,"tag":223,"props":4606,"children":4608},{"class":225,"line":4607},71,[4609,4613,4617],{"type":28,"tag":223,"props":4610,"children":4611},{"style":230},[4612],{"type":34,"value":1657},{"type":28,"tag":223,"props":4614,"children":4615},{"style":1003},[4616],{"type":34,"value":54},{"type":28,"tag":223,"props":4618,"children":4619},{"style":230},[4620],{"type":34,"value":243},{"type":28,"tag":223,"props":4622,"children":4624},{"class":225,"line":4623},72,[4625,4629,4633],{"type":28,"tag":223,"props":4626,"children":4627},{"style":230},[4628],{"type":34,"value":535},{"type":28,"tag":223,"props":4630,"children":4631},{"style":1003},[4632],{"type":34,"value":3126},{"type":28,"tag":223,"props":4634,"children":4635},{"style":230},[4636],{"type":34,"value":243},{"type":28,"tag":223,"props":4638,"children":4640},{"class":225,"line":4639},73,[4641],{"type":28,"tag":223,"props":4642,"children":4643},{"style":230},[4644],{"type":34,"value":1916},{"type":28,"tag":223,"props":4646,"children":4648},{"class":225,"line":4647},74,[4649],{"type":28,"tag":223,"props":4650,"children":4651},{"style":230},[4652],{"type":34,"value":1925},{"type":28,"tag":223,"props":4654,"children":4656},{"class":225,"line":4655},75,[4657],{"type":28,"tag":223,"props":4658,"children":4659},{"style":230},[4660],{"type":34,"value":1363},{"type":28,"tag":140,"props":4662,"children":4664},{"id":4663},"accessibility-notes",[4665],{"type":34,"value":4666},"Accessibility notes",{"type":28,"tag":45,"props":4668,"children":4669},{},[4670,4675,4677,4683,4685,4691,4693,4699,4701,4707,4709,4715],{"type":28,"tag":49,"props":4671,"children":4673},{"className":4672},[],[4674],{"type":34,"value":54},{"type":34,"value":4676}," sets the ",{"type":28,"tag":49,"props":4678,"children":4680},{"className":4679},[],[4681],{"type":34,"value":4682},"aria-modal=\"true\"",{"type":34,"value":4684}," attribute. Also, it sets the ",{"type":28,"tag":49,"props":4686,"children":4688},{"className":4687},[],[4689],{"type":34,"value":4690},"tabindex",{"type":34,"value":4692}," to ",{"type":28,"tag":49,"props":4694,"children":4696},{"className":4695},[],[4697],{"type":34,"value":4698},"-1",{"type":34,"value":4700}," so ",{"type":28,"tag":49,"props":4702,"children":4704},{"className":4703},[],[4705],{"type":34,"value":4706},"Tab",{"type":34,"value":4708}," and ",{"type":28,"tag":49,"props":4710,"children":4712},{"className":4711},[],[4713],{"type":34,"value":4714},"Shift + Tab",{"type":34,"value":4716}," do not move focus outside the modal.",{"type":28,"tag":45,"props":4718,"children":4719},{},[4720,4722,4728,4730,4735],{"type":34,"value":4721},"Since you may need to use this component in different contexts, there is no ",{"type":28,"tag":49,"props":4723,"children":4725},{"className":4724},[],[4726],{"type":34,"value":4727},"role",{"type":34,"value":4729}," attribute set by default. Make sure to add proper ",{"type":28,"tag":49,"props":4731,"children":4733},{"className":4732},[],[4734],{"type":34,"value":4727},{"type":34,"value":4736}," based on your needs:",{"type":28,"tag":4738,"props":4739,"children":4740},"ul",{},[4741,4760],{"type":28,"tag":74,"props":4742,"children":4743},{},[4744,4750,4752],{"type":28,"tag":49,"props":4745,"children":4747},{"className":4746},[],[4748],{"type":34,"value":4749},"role=\"alertdialog\"",{"type":34,"value":4751}," for dialogs where immediate user response is required. ",{"type":28,"tag":80,"props":4753,"children":4757},{"href":4754,"rel":4755},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Falertdialog_role",[4756],"nofollow",[4758],{"type":34,"value":4759},"See details.",{"type":28,"tag":74,"props":4761,"children":4762},{},[4763,4769,4771],{"type":28,"tag":49,"props":4764,"children":4766},{"className":4765},[],[4767],{"type":34,"value":4768},"role=\"dialog\"",{"type":34,"value":4770}," for generic dialogs. ",{"type":28,"tag":80,"props":4772,"children":4775},{"href":4773,"rel":4774},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Fdialog_role",[4756],[4776],{"type":34,"value":4759},{"type":28,"tag":45,"props":4778,"children":4779},{},[4780,4782,4788,4790,4796,4798,4804,4805,4811],{"type":34,"value":4781},"You should add ",{"type":28,"tag":49,"props":4783,"children":4785},{"className":4784},[],[4786],{"type":34,"value":4787},"aria-labelledby",{"type":34,"value":4789}," or ",{"type":28,"tag":49,"props":4791,"children":4793},{"className":4792},[],[4794],{"type":34,"value":4795},"aria-label",{"type":34,"value":4797}," 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":28,"tag":49,"props":4799,"children":4801},{"className":4800},[],[4802],{"type":34,"value":4803},"aria-describedby",{"type":34,"value":4789},{"type":28,"tag":49,"props":4806,"children":4808},{"className":4807},[],[4809],{"type":34,"value":4810},"aria-description",{"type":34,"value":4812}," attributes.",{"type":28,"tag":45,"props":4814,"children":4815},{},[4816],{"type":34,"value":4817},"Both techniques can be seen in the code examples above.",{"type":28,"tag":140,"props":4819,"children":4821},{"id":4820},"playground",[4822],{"type":34,"value":4823},"Playground",{"type":28,"tag":4825,"props":4826,"children":4828},"generate",{"style":4827},"height: 600px",[],{"type":28,"tag":41,"props":4830,"children":4831},{"v-slot:tab-2":7},[4832,4838,5004,5211],{"type":28,"tag":140,"props":4833,"children":4835},{"id":4834},"props",[4836],{"type":34,"value":4837},"Props",{"type":28,"tag":154,"props":4839,"children":4840},{},[4841],{"type":28,"tag":4842,"props":4843,"children":4844},"table",{},[4845,4874],{"type":28,"tag":4846,"props":4847,"children":4848},"thead",{},[4849],{"type":28,"tag":4850,"props":4851,"children":4852},"tr",{},[4853,4859,4864,4869],{"type":28,"tag":4854,"props":4855,"children":4856},"th",{},[4857],{"type":34,"value":4858},"Prop name",{"type":28,"tag":4854,"props":4860,"children":4861},{},[4862],{"type":34,"value":4863},"Type",{"type":28,"tag":4854,"props":4865,"children":4866},{},[4867],{"type":34,"value":4868},"Default value",{"type":28,"tag":4854,"props":4870,"children":4871},{},[4872],{"type":34,"value":4873},"Possible values",{"type":28,"tag":4875,"props":4876,"children":4877},"tbody",{},[4878,4911,4944,4974],{"type":28,"tag":4850,"props":4879,"children":4880},{},[4881,4891,4900,4908],{"type":28,"tag":4882,"props":4883,"children":4884},"td",{},[4885],{"type":28,"tag":49,"props":4886,"children":4888},{"className":4887},[],[4889],{"type":34,"value":4890},"modelValue",{"type":28,"tag":4882,"props":4892,"children":4893},{},[4894],{"type":28,"tag":49,"props":4895,"children":4897},{"className":4896},[],[4898],{"type":34,"value":4899},"boolean",{"type":28,"tag":4882,"props":4901,"children":4902},{},[4903],{"type":28,"tag":49,"props":4904,"children":4906},{"className":4905},[],[4907],{"type":34,"value":1058},{"type":28,"tag":4882,"props":4909,"children":4910},{},[],{"type":28,"tag":4850,"props":4912,"children":4913},{},[4914,4923,4932,4941],{"type":28,"tag":4882,"props":4915,"children":4916},{},[4917],{"type":28,"tag":49,"props":4918,"children":4920},{"className":4919},[],[4921],{"type":34,"value":4922},"tag",{"type":28,"tag":4882,"props":4924,"children":4925},{},[4926],{"type":28,"tag":49,"props":4927,"children":4929},{"className":4928},[],[4930],{"type":34,"value":4931},"string",{"type":28,"tag":4882,"props":4933,"children":4934},{},[4935],{"type":28,"tag":49,"props":4936,"children":4938},{"className":4937},[],[4939],{"type":34,"value":4940},"'div'",{"type":28,"tag":4882,"props":4942,"children":4943},{},[],{"type":28,"tag":4850,"props":4945,"children":4946},{},[4947,4955,4963,4971],{"type":28,"tag":4882,"props":4948,"children":4949},{},[4950],{"type":28,"tag":49,"props":4951,"children":4953},{"className":4952},[],[4954],{"type":34,"value":120},{"type":28,"tag":4882,"props":4956,"children":4957},{},[4958],{"type":28,"tag":49,"props":4959,"children":4961},{"className":4960},[],[4962],{"type":34,"value":4899},{"type":28,"tag":4882,"props":4964,"children":4965},{},[4966],{"type":28,"tag":49,"props":4967,"children":4969},{"className":4968},[],[4970],{"type":34,"value":1058},{"type":28,"tag":4882,"props":4972,"children":4973},{},[],{"type":28,"tag":4850,"props":4975,"children":4976},{},[4977,4985,4993,5001],{"type":28,"tag":4882,"props":4978,"children":4979},{},[4980],{"type":28,"tag":49,"props":4981,"children":4983},{"className":4982},[],[4984],{"type":34,"value":128},{"type":28,"tag":4882,"props":4986,"children":4987},{},[4988],{"type":28,"tag":49,"props":4989,"children":4991},{"className":4990},[],[4992],{"type":34,"value":4899},{"type":28,"tag":4882,"props":4994,"children":4995},{},[4996],{"type":28,"tag":49,"props":4997,"children":4999},{"className":4998},[],[5000],{"type":34,"value":1058},{"type":28,"tag":4882,"props":5002,"children":5003},{},[],{"type":28,"tag":170,"props":5005,"children":5006},{},[5007],{"type":28,"tag":4842,"props":5008,"children":5009},{},[5010,5032],{"type":28,"tag":4846,"props":5011,"children":5012},{},[5013],{"type":28,"tag":4850,"props":5014,"children":5015},{},[5016,5020,5024,5028],{"type":28,"tag":4854,"props":5017,"children":5018},{},[5019],{"type":34,"value":4858},{"type":28,"tag":4854,"props":5021,"children":5022},{},[5023],{"type":34,"value":4863},{"type":28,"tag":4854,"props":5025,"children":5026},{},[5027],{"type":34,"value":4868},{"type":28,"tag":4854,"props":5029,"children":5030},{},[5031],{"type":34,"value":4873},{"type":28,"tag":4875,"props":5033,"children":5034},{},[5035,5065,5097,5127,5157,5184],{"type":28,"tag":4850,"props":5036,"children":5037},{},[5038,5046,5054,5062],{"type":28,"tag":4882,"props":5039,"children":5040},{},[5041],{"type":28,"tag":49,"props":5042,"children":5044},{"className":5043},[],[5045],{"type":34,"value":183},{"type":28,"tag":4882,"props":5047,"children":5048},{},[5049],{"type":28,"tag":49,"props":5050,"children":5052},{"className":5051},[],[5053],{"type":34,"value":4899},{"type":28,"tag":4882,"props":5055,"children":5056},{},[5057],{"type":28,"tag":49,"props":5058,"children":5060},{"className":5059},[],[5061],{"type":34,"value":1058},{"type":28,"tag":4882,"props":5063,"children":5064},{},[],{"type":28,"tag":4850,"props":5066,"children":5067},{},[5068,5077,5086,5094],{"type":28,"tag":4882,"props":5069,"children":5070},{},[5071],{"type":28,"tag":49,"props":5072,"children":5074},{"className":5073},[],[5075],{"type":34,"value":5076},"as",{"type":28,"tag":4882,"props":5078,"children":5079},{},[5080],{"type":28,"tag":49,"props":5081,"children":5083},{"className":5082},[],[5084],{"type":34,"value":5085},"ReactElement",{"type":28,"tag":4882,"props":5087,"children":5088},{},[5089],{"type":28,"tag":49,"props":5090,"children":5092},{"className":5091},[],[5093],{"type":34,"value":2154},{"type":28,"tag":4882,"props":5095,"children":5096},{},[],{"type":28,"tag":4850,"props":5098,"children":5099},{},[5100,5108,5116,5124],{"type":28,"tag":4882,"props":5101,"children":5102},{},[5103],{"type":28,"tag":49,"props":5104,"children":5106},{"className":5105},[],[5107],{"type":34,"value":120},{"type":28,"tag":4882,"props":5109,"children":5110},{},[5111],{"type":28,"tag":49,"props":5112,"children":5114},{"className":5113},[],[5115],{"type":34,"value":4899},{"type":28,"tag":4882,"props":5117,"children":5118},{},[5119],{"type":28,"tag":49,"props":5120,"children":5122},{"className":5121},[],[5123],{"type":34,"value":1058},{"type":28,"tag":4882,"props":5125,"children":5126},{},[],{"type":28,"tag":4850,"props":5128,"children":5129},{},[5130,5138,5146,5154],{"type":28,"tag":4882,"props":5131,"children":5132},{},[5133],{"type":28,"tag":49,"props":5134,"children":5136},{"className":5135},[],[5137],{"type":34,"value":128},{"type":28,"tag":4882,"props":5139,"children":5140},{},[5141],{"type":28,"tag":49,"props":5142,"children":5144},{"className":5143},[],[5145],{"type":34,"value":4899},{"type":28,"tag":4882,"props":5147,"children":5148},{},[5149],{"type":28,"tag":49,"props":5150,"children":5152},{"className":5151},[],[5153],{"type":34,"value":1058},{"type":28,"tag":4882,"props":5155,"children":5156},{},[],{"type":28,"tag":4850,"props":5158,"children":5159},{},[5160,5169,5178,5181],{"type":28,"tag":4882,"props":5161,"children":5162},{},[5163],{"type":28,"tag":49,"props":5164,"children":5166},{"className":5165},[],[5167],{"type":34,"value":5168},"children",{"type":28,"tag":4882,"props":5170,"children":5171},{},[5172],{"type":28,"tag":49,"props":5173,"children":5175},{"className":5174},[],[5176],{"type":34,"value":5177},"ReactNode",{"type":28,"tag":4882,"props":5179,"children":5180},{},[],{"type":28,"tag":4882,"props":5182,"children":5183},{},[],{"type":28,"tag":4850,"props":5185,"children":5186},{},[5187,5196,5205,5208],{"type":28,"tag":4882,"props":5188,"children":5189},{},[5190],{"type":28,"tag":49,"props":5191,"children":5193},{"className":5192},[],[5194],{"type":34,"value":5195},"onClose",{"type":28,"tag":4882,"props":5197,"children":5198},{},[5199],{"type":28,"tag":49,"props":5200,"children":5202},{"className":5201},[],[5203],{"type":34,"value":5204},"Function",{"type":28,"tag":4882,"props":5206,"children":5207},{},[],{"type":28,"tag":4882,"props":5209,"children":5210},{},[],{"type":28,"tag":154,"props":5212,"children":5213},{},[5214,5220,5259,5265],{"type":28,"tag":140,"props":5215,"children":5217},{"id":5216},"slots",[5218],{"type":34,"value":5219},"Slots",{"type":28,"tag":4842,"props":5221,"children":5222},{},[5223,5239],{"type":28,"tag":4846,"props":5224,"children":5225},{},[5226],{"type":28,"tag":4850,"props":5227,"children":5228},{},[5229,5234],{"type":28,"tag":4854,"props":5230,"children":5231},{},[5232],{"type":34,"value":5233},"Slot name",{"type":28,"tag":4854,"props":5235,"children":5236},{},[5237],{"type":34,"value":5238},"Description",{"type":28,"tag":4875,"props":5240,"children":5241},{},[5242],{"type":28,"tag":4850,"props":5243,"children":5244},{},[5245,5254],{"type":28,"tag":4882,"props":5246,"children":5247},{},[5248],{"type":28,"tag":49,"props":5249,"children":5251},{"className":5250},[],[5252],{"type":34,"value":5253},"default",{"type":28,"tag":4882,"props":5255,"children":5256},{},[5257],{"type":34,"value":5258},"place content of modal",{"type":28,"tag":140,"props":5260,"children":5262},{"id":5261},"events",[5263],{"type":34,"value":5264},"Events",{"type":28,"tag":4842,"props":5266,"children":5267},{},[5268,5284],{"type":28,"tag":4846,"props":5269,"children":5270},{},[5271],{"type":28,"tag":4850,"props":5272,"children":5273},{},[5274,5279],{"type":28,"tag":4854,"props":5275,"children":5276},{},[5277],{"type":34,"value":5278},"Event name",{"type":28,"tag":4854,"props":5280,"children":5281},{},[5282],{"type":34,"value":5283},"Trigger",{"type":28,"tag":4875,"props":5285,"children":5286},{},[5287],{"type":28,"tag":4850,"props":5288,"children":5289},{},[5290,5299],{"type":28,"tag":4882,"props":5291,"children":5292},{},[5293],{"type":28,"tag":49,"props":5294,"children":5296},{"className":5295},[],[5297],{"type":34,"value":5298},"update:modelValue",{"type":28,"tag":4882,"props":5300,"children":5301},{},[5302,5304,5310,5312,5317,5319,5324,5326,5331,5332,5337],{"type":34,"value":5303},"emits when hitting ",{"type":28,"tag":49,"props":5305,"children":5307},{"className":5306},[],[5308],{"type":34,"value":5309},"esc",{"type":34,"value":5311}," key (when ",{"type":28,"tag":49,"props":5313,"children":5315},{"className":5314},[],[5316],{"type":34,"value":128},{"type":34,"value":5318}," is set to ",{"type":28,"tag":49,"props":5320,"children":5322},{"className":5321},[],[5323],{"type":34,"value":1058},{"type":34,"value":5325},") and on click outside (when ",{"type":28,"tag":49,"props":5327,"children":5329},{"className":5328},[],[5330],{"type":34,"value":120},{"type":34,"value":5318},{"type":28,"tag":49,"props":5333,"children":5335},{"className":5334},[],[5336],{"type":34,"value":1058},{"type":34,"value":5338},")",{"type":28,"tag":41,"props":5340,"children":5341},{"v-slot:tab-3":7},[5342,5347,6751],{"type":28,"tag":5343,"props":5344,"children":5346},"partial",{"content":5345},"block-callout",[],{"type":28,"tag":154,"props":5348,"children":5349},{},[5350],{"type":28,"tag":213,"props":5351,"children":5353},{"className":215,"code":5352,"language":217,"meta":7,"style":7},"\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",[5354],{"type":28,"tag":49,"props":5355,"children":5356},{"__ignoreMap":7},[5357,5388,5457,5490,5539,5546,5572,5585,5606,5626,5634,5646,5708,5728,5735,5747,5766,5785,5792,5804,5823,5842,5849,5857,5914,5940,5993,6001,6008,6020,6040,6047,6080,6087,6119,6126,6156,6196,6224,6231,6238,6267,6302,6329,6337,6344,6364,6384,6404,6424,6444,6451,6466,6473,6488,6500,6517,6534,6551,6568,6585,6602,6619,6627,6635,6643,6651,6659,6676,6693,6700,6720,6736],{"type":28,"tag":223,"props":5358,"children":5359},{"class":225,"line":226},[5360,5364,5368,5372,5376,5380,5384],{"type":28,"tag":223,"props":5361,"children":5362},{"style":230},[5363],{"type":34,"value":233},{"type":28,"tag":223,"props":5365,"children":5366},{"style":236},[5367],{"type":34,"value":892},{"type":28,"tag":223,"props":5369,"children":5370},{"style":260},[5371],{"type":34,"value":911},{"type":28,"tag":223,"props":5373,"children":5374},{"style":260},[5375],{"type":34,"value":897},{"type":28,"tag":223,"props":5377,"children":5378},{"style":230},[5379],{"type":34,"value":268},{"type":28,"tag":223,"props":5381,"children":5382},{"style":271},[5383],{"type":34,"value":906},{"type":28,"tag":223,"props":5385,"children":5386},{"style":230},[5387],{"type":34,"value":243},{"type":28,"tag":223,"props":5389,"children":5390},{"class":225,"line":246},[5391,5395,5399,5404,5408,5413,5417,5422,5427,5431,5435,5440,5444,5448,5453],{"type":28,"tag":223,"props":5392,"children":5393},{"style":922},[5394],{"type":34,"value":925},{"type":28,"tag":223,"props":5396,"children":5397},{"style":230},[5398],{"type":34,"value":930},{"type":28,"tag":223,"props":5400,"children":5401},{"style":236},[5402],{"type":34,"value":5403},"ref",{"type":28,"tag":223,"props":5405,"children":5406},{"style":230},[5407],{"type":34,"value":939},{"type":28,"tag":223,"props":5409,"children":5410},{"style":236},[5411],{"type":34,"value":5412},"toRefs",{"type":28,"tag":223,"props":5414,"children":5415},{"style":230},[5416],{"type":34,"value":939},{"type":28,"tag":223,"props":5418,"children":5419},{"style":922},[5420],{"type":34,"value":5421},"type",{"type":28,"tag":223,"props":5423,"children":5424},{"style":236},[5425],{"type":34,"value":5426}," PropType",{"type":28,"tag":223,"props":5428,"children":5429},{"style":230},[5430],{"type":34,"value":939},{"type":28,"tag":223,"props":5432,"children":5433},{"style":922},[5434],{"type":34,"value":5421},{"type":28,"tag":223,"props":5436,"children":5437},{"style":236},[5438],{"type":34,"value":5439}," ConcreteComponent",{"type":28,"tag":223,"props":5441,"children":5442},{"style":230},[5443],{"type":34,"value":964},{"type":28,"tag":223,"props":5445,"children":5446},{"style":922},[5447],{"type":34,"value":969},{"type":28,"tag":223,"props":5449,"children":5450},{"style":271},[5451],{"type":34,"value":5452}," 'vue'",{"type":28,"tag":223,"props":5454,"children":5455},{"style":230},[5456],{"type":34,"value":979},{"type":28,"tag":223,"props":5458,"children":5459},{"class":225,"line":290},[5460,5464,5468,5473,5477,5481,5486],{"type":28,"tag":223,"props":5461,"children":5462},{"style":922},[5463],{"type":34,"value":925},{"type":28,"tag":223,"props":5465,"children":5466},{"style":230},[5467],{"type":34,"value":930},{"type":28,"tag":223,"props":5469,"children":5470},{"style":236},[5471],{"type":34,"value":5472},"onClickOutside",{"type":28,"tag":223,"props":5474,"children":5475},{"style":230},[5476],{"type":34,"value":964},{"type":28,"tag":223,"props":5478,"children":5479},{"style":922},[5480],{"type":34,"value":969},{"type":28,"tag":223,"props":5482,"children":5483},{"style":271},[5484],{"type":34,"value":5485}," '@vueuse\u002Fcore'",{"type":28,"tag":223,"props":5487,"children":5488},{"style":230},[5489],{"type":34,"value":979},{"type":28,"tag":223,"props":5491,"children":5492},{"class":225,"line":299},[5493,5497,5501,5506,5510,5514,5518,5523,5527,5531,5535],{"type":28,"tag":223,"props":5494,"children":5495},{"style":922},[5496],{"type":34,"value":925},{"type":28,"tag":223,"props":5498,"children":5499},{"style":230},[5500],{"type":34,"value":930},{"type":28,"tag":223,"props":5502,"children":5503},{"style":236},[5504],{"type":34,"value":5505},"twMerge",{"type":28,"tag":223,"props":5507,"children":5508},{"style":230},[5509],{"type":34,"value":939},{"type":28,"tag":223,"props":5511,"children":5512},{"style":236},[5513],{"type":34,"value":89},{"type":28,"tag":223,"props":5515,"children":5516},{"style":230},[5517],{"type":34,"value":939},{"type":28,"tag":223,"props":5519,"children":5520},{"style":236},[5521],{"type":34,"value":5522},"useTwMergeRoot",{"type":28,"tag":223,"props":5524,"children":5525},{"style":230},[5526],{"type":34,"value":964},{"type":28,"tag":223,"props":5528,"children":5529},{"style":922},[5530],{"type":34,"value":969},{"type":28,"tag":223,"props":5532,"children":5533},{"style":271},[5534],{"type":34,"value":974},{"type":28,"tag":223,"props":5536,"children":5537},{"style":230},[5538],{"type":34,"value":979},{"type":28,"tag":223,"props":5540,"children":5541},{"class":225,"line":312},[5542],{"type":28,"tag":223,"props":5543,"children":5544},{"emptyLinePlaceholder":9},[5545],{"type":34,"value":296},{"type":28,"tag":223,"props":5547,"children":5548},{"class":225,"line":330},[5549,5553,5558,5562,5567],{"type":28,"tag":223,"props":5550,"children":5551},{"style":922},[5552],{"type":34,"value":996},{"type":28,"tag":223,"props":5554,"children":5555},{"style":1003},[5556],{"type":34,"value":5557}," props",{"type":28,"tag":223,"props":5559,"children":5560},{"style":1030},[5561],{"type":34,"value":3309},{"type":28,"tag":223,"props":5563,"children":5564},{"style":1035},[5565],{"type":34,"value":5566}," defineProps",{"type":28,"tag":223,"props":5568,"children":5569},{"style":230},[5570],{"type":34,"value":5571},"({\n",{"type":28,"tag":223,"props":5573,"children":5574},{"class":225,"line":348},[5575,5580],{"type":28,"tag":223,"props":5576,"children":5577},{"style":236},[5578],{"type":34,"value":5579},"  modelValue",{"type":28,"tag":223,"props":5581,"children":5582},{"style":230},[5583],{"type":34,"value":5584},": {\n",{"type":28,"tag":223,"props":5586,"children":5587},{"class":225,"line":366},[5588,5593,5597,5602],{"type":28,"tag":223,"props":5589,"children":5590},{"style":236},[5591],{"type":34,"value":5592},"    type",{"type":28,"tag":223,"props":5594,"children":5595},{"style":230},[5596],{"type":34,"value":1053},{"type":28,"tag":223,"props":5598,"children":5599},{"style":236},[5600],{"type":34,"value":5601},"Boolean",{"type":28,"tag":223,"props":5603,"children":5604},{"style":230},[5605],{"type":34,"value":3658},{"type":28,"tag":223,"props":5607,"children":5608},{"class":225,"line":384},[5609,5614,5618,5622],{"type":28,"tag":223,"props":5610,"children":5611},{"style":236},[5612],{"type":34,"value":5613},"    default",{"type":28,"tag":223,"props":5615,"children":5616},{"style":230},[5617],{"type":34,"value":1053},{"type":28,"tag":223,"props":5619,"children":5620},{"style":260},[5621],{"type":34,"value":1058},{"type":28,"tag":223,"props":5623,"children":5624},{"style":230},[5625],{"type":34,"value":3658},{"type":28,"tag":223,"props":5627,"children":5628},{"class":225,"line":402},[5629],{"type":28,"tag":223,"props":5630,"children":5631},{"style":230},[5632],{"type":34,"value":5633},"  },\n",{"type":28,"tag":223,"props":5635,"children":5636},{"class":225,"line":420},[5637,5642],{"type":28,"tag":223,"props":5638,"children":5639},{"style":236},[5640],{"type":34,"value":5641},"  tag",{"type":28,"tag":223,"props":5643,"children":5644},{"style":230},[5645],{"type":34,"value":5584},{"type":28,"tag":223,"props":5647,"children":5648},{"class":225,"line":429},[5649,5653,5658,5663,5667,5672,5677,5681,5685,5689,5693,5698,5703],{"type":28,"tag":223,"props":5650,"children":5651},{"style":236},[5652],{"type":34,"value":5592},{"type":28,"tag":223,"props":5654,"children":5655},{"style":230},[5656],{"type":34,"value":5657},": [",{"type":28,"tag":223,"props":5659,"children":5660},{"style":236},[5661],{"type":34,"value":5662},"String",{"type":28,"tag":223,"props":5664,"children":5665},{"style":230},[5666],{"type":34,"value":939},{"type":28,"tag":223,"props":5668,"children":5669},{"style":236},[5670],{"type":34,"value":5671},"Object",{"type":28,"tag":223,"props":5673,"children":5674},{"style":230},[5675],{"type":34,"value":5676},"] ",{"type":28,"tag":223,"props":5678,"children":5679},{"style":922},[5680],{"type":34,"value":5076},{"type":28,"tag":223,"props":5682,"children":5683},{"style":1003},[5684],{"type":34,"value":5426},{"type":28,"tag":223,"props":5686,"children":5687},{"style":230},[5688],{"type":34,"value":233},{"type":28,"tag":223,"props":5690,"children":5691},{"style":1003},[5692],{"type":34,"value":4931},{"type":28,"tag":223,"props":5694,"children":5695},{"style":230},[5696],{"type":34,"value":5697}," | ",{"type":28,"tag":223,"props":5699,"children":5700},{"style":1003},[5701],{"type":34,"value":5702},"ConcreteComponent",{"type":28,"tag":223,"props":5704,"children":5705},{"style":230},[5706],{"type":34,"value":5707},">,\n",{"type":28,"tag":223,"props":5709,"children":5710},{"class":225,"line":447},[5711,5715,5719,5724],{"type":28,"tag":223,"props":5712,"children":5713},{"style":236},[5714],{"type":34,"value":5613},{"type":28,"tag":223,"props":5716,"children":5717},{"style":230},[5718],{"type":34,"value":1053},{"type":28,"tag":223,"props":5720,"children":5721},{"style":271},[5722],{"type":34,"value":5723},"''",{"type":28,"tag":223,"props":5725,"children":5726},{"style":230},[5727],{"type":34,"value":3658},{"type":28,"tag":223,"props":5729,"children":5730},{"class":225,"line":510},[5731],{"type":28,"tag":223,"props":5732,"children":5733},{"style":230},[5734],{"type":34,"value":5633},{"type":28,"tag":223,"props":5736,"children":5737},{"class":225,"line":529},[5738,5743],{"type":28,"tag":223,"props":5739,"children":5740},{"style":236},[5741],{"type":34,"value":5742},"  disableClickAway",{"type":28,"tag":223,"props":5744,"children":5745},{"style":230},[5746],{"type":34,"value":5584},{"type":28,"tag":223,"props":5748,"children":5749},{"class":225,"line":546},[5750,5754,5758,5762],{"type":28,"tag":223,"props":5751,"children":5752},{"style":236},[5753],{"type":34,"value":5592},{"type":28,"tag":223,"props":5755,"children":5756},{"style":230},[5757],{"type":34,"value":1053},{"type":28,"tag":223,"props":5759,"children":5760},{"style":236},[5761],{"type":34,"value":5601},{"type":28,"tag":223,"props":5763,"children":5764},{"style":230},[5765],{"type":34,"value":3658},{"type":28,"tag":223,"props":5767,"children":5768},{"class":225,"line":589},[5769,5773,5777,5781],{"type":28,"tag":223,"props":5770,"children":5771},{"style":236},[5772],{"type":34,"value":5613},{"type":28,"tag":223,"props":5774,"children":5775},{"style":230},[5776],{"type":34,"value":1053},{"type":28,"tag":223,"props":5778,"children":5779},{"style":260},[5780],{"type":34,"value":1058},{"type":28,"tag":223,"props":5782,"children":5783},{"style":230},[5784],{"type":34,"value":3658},{"type":28,"tag":223,"props":5786,"children":5787},{"class":225,"line":598},[5788],{"type":28,"tag":223,"props":5789,"children":5790},{"style":230},[5791],{"type":34,"value":5633},{"type":28,"tag":223,"props":5793,"children":5794},{"class":225,"line":614},[5795,5800],{"type":28,"tag":223,"props":5796,"children":5797},{"style":236},[5798],{"type":34,"value":5799},"  disableEsc",{"type":28,"tag":223,"props":5801,"children":5802},{"style":230},[5803],{"type":34,"value":5584},{"type":28,"tag":223,"props":5805,"children":5806},{"class":225,"line":631},[5807,5811,5815,5819],{"type":28,"tag":223,"props":5808,"children":5809},{"style":236},[5810],{"type":34,"value":5592},{"type":28,"tag":223,"props":5812,"children":5813},{"style":230},[5814],{"type":34,"value":1053},{"type":28,"tag":223,"props":5816,"children":5817},{"style":236},[5818],{"type":34,"value":5601},{"type":28,"tag":223,"props":5820,"children":5821},{"style":230},[5822],{"type":34,"value":3658},{"type":28,"tag":223,"props":5824,"children":5825},{"class":225,"line":673},[5826,5830,5834,5838],{"type":28,"tag":223,"props":5827,"children":5828},{"style":236},[5829],{"type":34,"value":5613},{"type":28,"tag":223,"props":5831,"children":5832},{"style":230},[5833],{"type":34,"value":1053},{"type":28,"tag":223,"props":5835,"children":5836},{"style":260},[5837],{"type":34,"value":1058},{"type":28,"tag":223,"props":5839,"children":5840},{"style":230},[5841],{"type":34,"value":3658},{"type":28,"tag":223,"props":5843,"children":5844},{"class":225,"line":682},[5845],{"type":28,"tag":223,"props":5846,"children":5847},{"style":230},[5848],{"type":34,"value":5633},{"type":28,"tag":223,"props":5850,"children":5851},{"class":225,"line":691},[5852],{"type":28,"tag":223,"props":5853,"children":5854},{"style":230},[5855],{"type":34,"value":5856},"});\n",{"type":28,"tag":223,"props":5858,"children":5859},{"class":225,"line":707},[5860,5864,5868,5872,5876,5880,5884,5888,5892,5896,5901,5906,5910],{"type":28,"tag":223,"props":5861,"children":5862},{"style":922},[5863],{"type":34,"value":996},{"type":28,"tag":223,"props":5865,"children":5866},{"style":230},[5867],{"type":34,"value":930},{"type":28,"tag":223,"props":5869,"children":5870},{"style":1003},[5871],{"type":34,"value":120},{"type":28,"tag":223,"props":5873,"children":5874},{"style":230},[5875],{"type":34,"value":939},{"type":28,"tag":223,"props":5877,"children":5878},{"style":1003},[5879],{"type":34,"value":128},{"type":28,"tag":223,"props":5881,"children":5882},{"style":230},[5883],{"type":34,"value":939},{"type":28,"tag":223,"props":5885,"children":5886},{"style":1003},[5887],{"type":34,"value":4890},{"type":28,"tag":223,"props":5889,"children":5890},{"style":230},[5891],{"type":34,"value":964},{"type":28,"tag":223,"props":5893,"children":5894},{"style":1030},[5895],{"type":34,"value":268},{"type":28,"tag":223,"props":5897,"children":5898},{"style":1035},[5899],{"type":34,"value":5900}," toRefs",{"type":28,"tag":223,"props":5902,"children":5903},{"style":230},[5904],{"type":34,"value":5905},"(",{"type":28,"tag":223,"props":5907,"children":5908},{"style":236},[5909],{"type":34,"value":4834},{"type":28,"tag":223,"props":5911,"children":5912},{"style":230},[5913],{"type":34,"value":3388},{"type":28,"tag":223,"props":5915,"children":5916},{"class":225,"line":737},[5917,5921,5926,5930,5935],{"type":28,"tag":223,"props":5918,"children":5919},{"style":922},[5920],{"type":34,"value":996},{"type":28,"tag":223,"props":5922,"children":5923},{"style":1003},[5924],{"type":34,"value":5925}," emit",{"type":28,"tag":223,"props":5927,"children":5928},{"style":1030},[5929],{"type":34,"value":3309},{"type":28,"tag":223,"props":5931,"children":5932},{"style":1035},[5933],{"type":34,"value":5934}," defineEmits",{"type":28,"tag":223,"props":5936,"children":5937},{"style":230},[5938],{"type":34,"value":5939},"\u003C{\n",{"type":28,"tag":223,"props":5941,"children":5942},{"class":225,"line":787},[5943,5948,5954,5958,5963,5967,5971,5975,5979,5984,5989],{"type":28,"tag":223,"props":5944,"children":5945},{"style":230},[5946],{"type":34,"value":5947},"  (",{"type":28,"tag":223,"props":5949,"children":5951},{"style":5950},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[5952],{"type":34,"value":5953},"event",{"type":28,"tag":223,"props":5955,"children":5956},{"style":230},[5957],{"type":34,"value":1053},{"type":28,"tag":223,"props":5959,"children":5960},{"style":271},[5961],{"type":34,"value":5962},"'update:modelValue'",{"type":28,"tag":223,"props":5964,"children":5965},{"style":230},[5966],{"type":34,"value":939},{"type":28,"tag":223,"props":5968,"children":5969},{"style":5950},[5970],{"type":34,"value":1006},{"type":28,"tag":223,"props":5972,"children":5973},{"style":230},[5974],{"type":34,"value":1053},{"type":28,"tag":223,"props":5976,"children":5977},{"style":1003},[5978],{"type":34,"value":4899},{"type":28,"tag":223,"props":5980,"children":5981},{"style":230},[5982],{"type":34,"value":5983},"): ",{"type":28,"tag":223,"props":5985,"children":5986},{"style":1003},[5987],{"type":34,"value":5988},"void",{"type":28,"tag":223,"props":5990,"children":5991},{"style":230},[5992],{"type":34,"value":979},{"type":28,"tag":223,"props":5994,"children":5995},{"class":225,"line":824},[5996],{"type":28,"tag":223,"props":5997,"children":5998},{"style":230},[5999],{"type":34,"value":6000},"}>();\n",{"type":28,"tag":223,"props":6002,"children":6003},{"class":225,"line":840},[6004],{"type":28,"tag":223,"props":6005,"children":6006},{"emptyLinePlaceholder":9},[6007],{"type":34,"value":296},{"type":28,"tag":223,"props":6009,"children":6010},{"class":225,"line":857},[6011,6016],{"type":28,"tag":223,"props":6012,"children":6013},{"style":1035},[6014],{"type":34,"value":6015},"defineOptions",{"type":28,"tag":223,"props":6017,"children":6018},{"style":230},[6019],{"type":34,"value":5571},{"type":28,"tag":223,"props":6021,"children":6022},{"class":225,"line":874},[6023,6028,6032,6036],{"type":28,"tag":223,"props":6024,"children":6025},{"style":236},[6026],{"type":34,"value":6027},"  inheritAttrs",{"type":28,"tag":223,"props":6029,"children":6030},{"style":230},[6031],{"type":34,"value":1053},{"type":28,"tag":223,"props":6033,"children":6034},{"style":260},[6035],{"type":34,"value":1058},{"type":28,"tag":223,"props":6037,"children":6038},{"style":230},[6039],{"type":34,"value":3658},{"type":28,"tag":223,"props":6041,"children":6042},{"class":225,"line":882},[6043],{"type":28,"tag":223,"props":6044,"children":6045},{"style":230},[6046],{"type":34,"value":5856},{"type":28,"tag":223,"props":6048,"children":6049},{"class":225,"line":918},[6050,6054,6058,6063,6067,6071,6076],{"type":28,"tag":223,"props":6051,"children":6052},{"style":922},[6053],{"type":34,"value":996},{"type":28,"tag":223,"props":6055,"children":6056},{"style":230},[6057],{"type":34,"value":930},{"type":28,"tag":223,"props":6059,"children":6060},{"style":1003},[6061],{"type":34,"value":6062},"attrsWithoutClass",{"type":28,"tag":223,"props":6064,"children":6065},{"style":230},[6066],{"type":34,"value":964},{"type":28,"tag":223,"props":6068,"children":6069},{"style":1030},[6070],{"type":34,"value":268},{"type":28,"tag":223,"props":6072,"children":6073},{"style":1035},[6074],{"type":34,"value":6075}," useTwMergeRoot",{"type":28,"tag":223,"props":6077,"children":6078},{"style":230},[6079],{"type":34,"value":3319},{"type":28,"tag":223,"props":6081,"children":6082},{"class":225,"line":982},[6083],{"type":28,"tag":223,"props":6084,"children":6085},{"emptyLinePlaceholder":9},[6086],{"type":34,"value":296},{"type":28,"tag":223,"props":6088,"children":6089},{"class":225,"line":990},[6090,6094,6098,6102,6106,6110,6114],{"type":28,"tag":223,"props":6091,"children":6092},{"style":922},[6093],{"type":34,"value":996},{"type":28,"tag":223,"props":6095,"children":6096},{"style":1003},[6097],{"type":34,"value":3355},{"type":28,"tag":223,"props":6099,"children":6100},{"style":1030},[6101],{"type":34,"value":3309},{"type":28,"tag":223,"props":6103,"children":6104},{"style":1035},[6105],{"type":34,"value":3735},{"type":28,"tag":223,"props":6107,"children":6108},{"style":230},[6109],{"type":34,"value":233},{"type":28,"tag":223,"props":6111,"children":6112},{"style":1003},[6113],{"type":34,"value":3373},{"type":28,"tag":223,"props":6115,"children":6116},{"style":230},[6117],{"type":34,"value":6118},">();\n",{"type":28,"tag":223,"props":6120,"children":6121},{"class":225,"line":1066},[6122],{"type":28,"tag":223,"props":6123,"children":6124},{"emptyLinePlaceholder":9},[6125],{"type":34,"value":296},{"type":28,"tag":223,"props":6127,"children":6128},{"class":225,"line":1878},[6129,6133,6137,6141,6146,6151],{"type":28,"tag":223,"props":6130,"children":6131},{"style":1035},[6132],{"type":34,"value":5472},{"type":28,"tag":223,"props":6134,"children":6135},{"style":230},[6136],{"type":34,"value":5905},{"type":28,"tag":223,"props":6138,"children":6139},{"style":236},[6140],{"type":34,"value":3859},{"type":28,"tag":223,"props":6142,"children":6143},{"style":230},[6144],{"type":34,"value":6145},", () ",{"type":28,"tag":223,"props":6147,"children":6148},{"style":922},[6149],{"type":34,"value":6150},"=>",{"type":28,"tag":223,"props":6152,"children":6153},{"style":230},[6154],{"type":34,"value":6155}," {\n",{"type":28,"tag":223,"props":6157,"children":6158},{"class":225,"line":1894},[6159,6164,6169,6173,6177,6182,6187,6192],{"type":28,"tag":223,"props":6160,"children":6161},{"style":922},[6162],{"type":34,"value":6163},"  if",{"type":28,"tag":223,"props":6165,"children":6166},{"style":230},[6167],{"type":34,"value":6168}," (",{"type":28,"tag":223,"props":6170,"children":6171},{"style":1003},[6172],{"type":34,"value":120},{"type":28,"tag":223,"props":6174,"children":6175},{"style":230},[6176],{"type":34,"value":138},{"type":28,"tag":223,"props":6178,"children":6179},{"style":236},[6180],{"type":34,"value":6181},"value",{"type":28,"tag":223,"props":6183,"children":6184},{"style":230},[6185],{"type":34,"value":6186},") ",{"type":28,"tag":223,"props":6188,"children":6189},{"style":922},[6190],{"type":34,"value":6191},"return",{"type":28,"tag":223,"props":6193,"children":6194},{"style":230},[6195],{"type":34,"value":979},{"type":28,"tag":223,"props":6197,"children":6198},{"class":225,"line":1910},[6199,6204,6208,6212,6216,6220],{"type":28,"tag":223,"props":6200,"children":6201},{"style":1035},[6202],{"type":34,"value":6203},"  emit",{"type":28,"tag":223,"props":6205,"children":6206},{"style":230},[6207],{"type":34,"value":5905},{"type":28,"tag":223,"props":6209,"children":6210},{"style":271},[6211],{"type":34,"value":5962},{"type":28,"tag":223,"props":6213,"children":6214},{"style":230},[6215],{"type":34,"value":939},{"type":28,"tag":223,"props":6217,"children":6218},{"style":260},[6219],{"type":34,"value":1058},{"type":28,"tag":223,"props":6221,"children":6222},{"style":230},[6223],{"type":34,"value":3388},{"type":28,"tag":223,"props":6225,"children":6226},{"class":225,"line":1919},[6227],{"type":28,"tag":223,"props":6228,"children":6229},{"style":230},[6230],{"type":34,"value":5856},{"type":28,"tag":223,"props":6232,"children":6233},{"class":225,"line":1928},[6234],{"type":28,"tag":223,"props":6235,"children":6236},{"emptyLinePlaceholder":9},[6237],{"type":34,"value":296},{"type":28,"tag":223,"props":6239,"children":6240},{"class":225,"line":2627},[6241,6245,6250,6254,6259,6263],{"type":28,"tag":223,"props":6242,"children":6243},{"style":922},[6244],{"type":34,"value":996},{"type":28,"tag":223,"props":6246,"children":6247},{"style":1035},[6248],{"type":34,"value":6249}," onEscKeyDown",{"type":28,"tag":223,"props":6251,"children":6252},{"style":1030},[6253],{"type":34,"value":3309},{"type":28,"tag":223,"props":6255,"children":6256},{"style":230},[6257],{"type":34,"value":6258}," () ",{"type":28,"tag":223,"props":6260,"children":6261},{"style":922},[6262],{"type":34,"value":6150},{"type":28,"tag":223,"props":6264,"children":6265},{"style":230},[6266],{"type":34,"value":6155},{"type":28,"tag":223,"props":6268,"children":6269},{"class":225,"line":2667},[6270,6274,6278,6282,6286,6290,6294,6298],{"type":28,"tag":223,"props":6271,"children":6272},{"style":922},[6273],{"type":34,"value":6163},{"type":28,"tag":223,"props":6275,"children":6276},{"style":230},[6277],{"type":34,"value":6168},{"type":28,"tag":223,"props":6279,"children":6280},{"style":1003},[6281],{"type":34,"value":128},{"type":28,"tag":223,"props":6283,"children":6284},{"style":230},[6285],{"type":34,"value":138},{"type":28,"tag":223,"props":6287,"children":6288},{"style":236},[6289],{"type":34,"value":6181},{"type":28,"tag":223,"props":6291,"children":6292},{"style":230},[6293],{"type":34,"value":6186},{"type":28,"tag":223,"props":6295,"children":6296},{"style":922},[6297],{"type":34,"value":6191},{"type":28,"tag":223,"props":6299,"children":6300},{"style":230},[6301],{"type":34,"value":979},{"type":28,"tag":223,"props":6303,"children":6304},{"class":225,"line":2676},[6305,6309,6313,6317,6321,6325],{"type":28,"tag":223,"props":6306,"children":6307},{"style":1035},[6308],{"type":34,"value":6203},{"type":28,"tag":223,"props":6310,"children":6311},{"style":230},[6312],{"type":34,"value":5905},{"type":28,"tag":223,"props":6314,"children":6315},{"style":271},[6316],{"type":34,"value":5962},{"type":28,"tag":223,"props":6318,"children":6319},{"style":230},[6320],{"type":34,"value":939},{"type":28,"tag":223,"props":6322,"children":6323},{"style":260},[6324],{"type":34,"value":1058},{"type":28,"tag":223,"props":6326,"children":6327},{"style":230},[6328],{"type":34,"value":3388},{"type":28,"tag":223,"props":6330,"children":6331},{"class":225,"line":2685},[6332],{"type":28,"tag":223,"props":6333,"children":6334},{"style":230},[6335],{"type":34,"value":6336},"};\n",{"type":28,"tag":223,"props":6338,"children":6339},{"class":225,"line":2701},[6340],{"type":28,"tag":223,"props":6341,"children":6342},{"emptyLinePlaceholder":9},[6343],{"type":34,"value":296},{"type":28,"tag":223,"props":6345,"children":6346},{"class":225,"line":2729},[6347,6351,6355,6359],{"type":28,"tag":223,"props":6348,"children":6349},{"style":1035},[6350],{"type":34,"value":89},{"type":28,"tag":223,"props":6352,"children":6353},{"style":230},[6354],{"type":34,"value":5905},{"type":28,"tag":223,"props":6356,"children":6357},{"style":236},[6358],{"type":34,"value":3859},{"type":28,"tag":223,"props":6360,"children":6361},{"style":230},[6362],{"type":34,"value":6363},", {\n",{"type":28,"tag":223,"props":6365,"children":6366},{"class":225,"line":2777},[6367,6372,6376,6380],{"type":28,"tag":223,"props":6368,"children":6369},{"style":236},[6370],{"type":34,"value":6371},"  trapTabs",{"type":28,"tag":223,"props":6373,"children":6374},{"style":230},[6375],{"type":34,"value":1053},{"type":28,"tag":223,"props":6377,"children":6378},{"style":260},[6379],{"type":34,"value":136},{"type":28,"tag":223,"props":6381,"children":6382},{"style":230},[6383],{"type":34,"value":3658},{"type":28,"tag":223,"props":6385,"children":6386},{"class":225,"line":2813},[6387,6392,6396,6400],{"type":28,"tag":223,"props":6388,"children":6389},{"style":236},[6390],{"type":34,"value":6391},"  activeState",{"type":28,"tag":223,"props":6393,"children":6394},{"style":230},[6395],{"type":34,"value":1053},{"type":28,"tag":223,"props":6397,"children":6398},{"style":236},[6399],{"type":34,"value":4890},{"type":28,"tag":223,"props":6401,"children":6402},{"style":230},[6403],{"type":34,"value":3658},{"type":28,"tag":223,"props":6405,"children":6406},{"class":225,"line":2829},[6407,6412,6416,6420],{"type":28,"tag":223,"props":6408,"children":6409},{"style":236},[6410],{"type":34,"value":6411},"  initialFocus",{"type":28,"tag":223,"props":6413,"children":6414},{"style":230},[6415],{"type":34,"value":1053},{"type":28,"tag":223,"props":6417,"children":6418},{"style":260},[6419],{"type":34,"value":1058},{"type":28,"tag":223,"props":6421,"children":6422},{"style":230},[6423],{"type":34,"value":3658},{"type":28,"tag":223,"props":6425,"children":6426},{"class":225,"line":2845},[6427,6432,6436,6440],{"type":28,"tag":223,"props":6428,"children":6429},{"style":236},[6430],{"type":34,"value":6431},"  initialFocusContainerFallback",{"type":28,"tag":223,"props":6433,"children":6434},{"style":230},[6435],{"type":34,"value":1053},{"type":28,"tag":223,"props":6437,"children":6438},{"style":260},[6439],{"type":34,"value":136},{"type":28,"tag":223,"props":6441,"children":6442},{"style":230},[6443],{"type":34,"value":3658},{"type":28,"tag":223,"props":6445,"children":6446},{"class":225,"line":2861},[6447],{"type":28,"tag":223,"props":6448,"children":6449},{"style":230},[6450],{"type":34,"value":5856},{"type":28,"tag":223,"props":6452,"children":6453},{"class":225,"line":2877},[6454,6458,6462],{"type":28,"tag":223,"props":6455,"children":6456},{"style":230},[6457],{"type":34,"value":863},{"type":28,"tag":223,"props":6459,"children":6460},{"style":236},[6461],{"type":34,"value":892},{"type":28,"tag":223,"props":6463,"children":6464},{"style":230},[6465],{"type":34,"value":243},{"type":28,"tag":223,"props":6467,"children":6468},{"class":225,"line":2885},[6469],{"type":28,"tag":223,"props":6470,"children":6471},{"emptyLinePlaceholder":9},[6472],{"type":34,"value":296},{"type":28,"tag":223,"props":6474,"children":6475},{"class":225,"line":2917},[6476,6480,6484],{"type":28,"tag":223,"props":6477,"children":6478},{"style":230},[6479],{"type":34,"value":233},{"type":28,"tag":223,"props":6481,"children":6482},{"style":236},[6483],{"type":34,"value":41},{"type":28,"tag":223,"props":6485,"children":6486},{"style":230},[6487],{"type":34,"value":243},{"type":28,"tag":223,"props":6489,"children":6490},{"class":225,"line":2973},[6491,6495],{"type":28,"tag":223,"props":6492,"children":6493},{"style":230},[6494],{"type":34,"value":252},{"type":28,"tag":223,"props":6496,"children":6497},{"style":236},[6498],{"type":34,"value":6499},"component\n",{"type":28,"tag":223,"props":6501,"children":6502},{"class":225,"line":2981},[6503,6508,6512],{"type":28,"tag":223,"props":6504,"children":6505},{"style":260},[6506],{"type":34,"value":6507},"    v-if",{"type":28,"tag":223,"props":6509,"children":6510},{"style":230},[6511],{"type":34,"value":268},{"type":28,"tag":223,"props":6513,"children":6514},{"style":271},[6515],{"type":34,"value":6516},"\"modelValue\"\n",{"type":28,"tag":223,"props":6518,"children":6519},{"class":225,"line":3045},[6520,6525,6529],{"type":28,"tag":223,"props":6521,"children":6522},{"style":260},[6523],{"type":34,"value":6524},"    :is",{"type":28,"tag":223,"props":6526,"children":6527},{"style":230},[6528],{"type":34,"value":268},{"type":28,"tag":223,"props":6530,"children":6531},{"style":271},[6532],{"type":34,"value":6533},"\"tag || 'div'\"\n",{"type":28,"tag":223,"props":6535,"children":6536},{"class":225,"line":4323},[6537,6542,6546],{"type":28,"tag":223,"props":6538,"children":6539},{"style":260},[6540],{"type":34,"value":6541},"    ref",{"type":28,"tag":223,"props":6543,"children":6544},{"style":230},[6545],{"type":34,"value":268},{"type":28,"tag":223,"props":6547,"children":6548},{"style":271},[6549],{"type":34,"value":6550},"\"modalRef\"\n",{"type":28,"tag":223,"props":6552,"children":6553},{"class":225,"line":4332},[6554,6559,6563],{"type":28,"tag":223,"props":6555,"children":6556},{"style":260},[6557],{"type":34,"value":6558},"    aria-modal",{"type":28,"tag":223,"props":6560,"children":6561},{"style":230},[6562],{"type":34,"value":268},{"type":28,"tag":223,"props":6564,"children":6565},{"style":271},[6566],{"type":34,"value":6567},"\"true\"\n",{"type":28,"tag":223,"props":6569,"children":6570},{"class":225,"line":4348},[6571,6576,6580],{"type":28,"tag":223,"props":6572,"children":6573},{"style":260},[6574],{"type":34,"value":6575},"    data-testid",{"type":28,"tag":223,"props":6577,"children":6578},{"style":230},[6579],{"type":34,"value":268},{"type":28,"tag":223,"props":6581,"children":6582},{"style":271},[6583],{"type":34,"value":6584},"\"modal\"\n",{"type":28,"tag":223,"props":6586,"children":6587},{"class":225,"line":4364},[6588,6593,6597],{"type":28,"tag":223,"props":6589,"children":6590},{"style":260},[6591],{"type":34,"value":6592},"    tabindex",{"type":28,"tag":223,"props":6594,"children":6595},{"style":230},[6596],{"type":34,"value":268},{"type":28,"tag":223,"props":6598,"children":6599},{"style":271},[6600],{"type":34,"value":6601},"\"-1\"\n",{"type":28,"tag":223,"props":6603,"children":6604},{"class":225,"line":4412},[6605,6610,6614],{"type":28,"tag":223,"props":6606,"children":6607},{"style":260},[6608],{"type":34,"value":6609},"    :class",{"type":28,"tag":223,"props":6611,"children":6612},{"style":230},[6613],{"type":34,"value":268},{"type":28,"tag":223,"props":6615,"children":6616},{"style":271},[6617],{"type":34,"value":6618},"\"\n",{"type":28,"tag":223,"props":6620,"children":6621},{"class":225,"line":4421},[6622],{"type":28,"tag":223,"props":6623,"children":6624},{"style":271},[6625],{"type":34,"value":6626},"      twMerge(\n",{"type":28,"tag":223,"props":6628,"children":6629},{"class":225,"line":4430},[6630],{"type":28,"tag":223,"props":6631,"children":6632},{"style":271},[6633],{"type":34,"value":6634},"        '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":28,"tag":223,"props":6636,"children":6637},{"class":225,"line":4446},[6638],{"type":28,"tag":223,"props":6639,"children":6640},{"style":271},[6641],{"type":34,"value":6642},"        $attrs.class,\n",{"type":28,"tag":223,"props":6644,"children":6645},{"class":225,"line":4474},[6646],{"type":28,"tag":223,"props":6647,"children":6648},{"style":271},[6649],{"type":34,"value":6650},"      )\n",{"type":28,"tag":223,"props":6652,"children":6653},{"class":225,"line":4522},[6654],{"type":28,"tag":223,"props":6655,"children":6656},{"style":271},[6657],{"type":34,"value":6658},"    \"\n",{"type":28,"tag":223,"props":6660,"children":6661},{"class":225,"line":4531},[6662,6667,6671],{"type":28,"tag":223,"props":6663,"children":6664},{"style":260},[6665],{"type":34,"value":6666},"    v-bind",{"type":28,"tag":223,"props":6668,"children":6669},{"style":230},[6670],{"type":34,"value":268},{"type":28,"tag":223,"props":6672,"children":6673},{"style":271},[6674],{"type":34,"value":6675},"\"attrsWithoutClass\"\n",{"type":28,"tag":223,"props":6677,"children":6678},{"class":225,"line":4547},[6679,6684,6688],{"type":28,"tag":223,"props":6680,"children":6681},{"style":260},[6682],{"type":34,"value":6683},"    @keydown.esc",{"type":28,"tag":223,"props":6685,"children":6686},{"style":230},[6687],{"type":34,"value":268},{"type":28,"tag":223,"props":6689,"children":6690},{"style":271},[6691],{"type":34,"value":6692},"\"onEscKeyDown\"\n",{"type":28,"tag":223,"props":6694,"children":6695},{"class":225,"line":4591},[6696],{"type":28,"tag":223,"props":6697,"children":6698},{"style":230},[6699],{"type":34,"value":426},{"type":28,"tag":223,"props":6701,"children":6702},{"class":225,"line":4607},[6703,6707,6712,6716],{"type":28,"tag":223,"props":6704,"children":6705},{"style":230},[6706],{"type":34,"value":435},{"type":28,"tag":223,"props":6708,"children":6709},{"style":236},[6710],{"type":34,"value":6711},"slot",{"type":28,"tag":223,"props":6713,"children":6714},{"style":2184},[6715],{"type":34,"value":2187},{"type":28,"tag":223,"props":6717,"children":6718},{"style":230},[6719],{"type":34,"value":243},{"type":28,"tag":223,"props":6721,"children":6722},{"class":225,"line":4623},[6723,6727,6732],{"type":28,"tag":223,"props":6724,"children":6725},{"style":230},[6726],{"type":34,"value":846},{"type":28,"tag":223,"props":6728,"children":6729},{"style":236},[6730],{"type":34,"value":6731},"component",{"type":28,"tag":223,"props":6733,"children":6734},{"style":230},[6735],{"type":34,"value":243},{"type":28,"tag":223,"props":6737,"children":6738},{"class":225,"line":4639},[6739,6743,6747],{"type":28,"tag":223,"props":6740,"children":6741},{"style":230},[6742],{"type":34,"value":863},{"type":28,"tag":223,"props":6744,"children":6745},{"style":236},[6746],{"type":34,"value":41},{"type":28,"tag":223,"props":6748,"children":6749},{"style":230},[6750],{"type":34,"value":243},{"type":28,"tag":170,"props":6752,"children":6753},{},[6754],{"type":28,"tag":213,"props":6755,"children":6757},{"className":1085,"code":6756,"language":1087,"meta":7,"style":7},"'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",[6758],{"type":28,"tag":49,"props":6759,"children":6760},{"__ignoreMap":7},[6761,6773,6804,6837,6907,6914,6939,6946,6994,7086,7121,7152,7180,7208,7221,7229,7236,7244,7289,7343,7354,7362,7452,7460,7467,7487,7507,7527,7547,7567,7574,7581,7603,7615,7661,7685,7697,7708,7720,7736,7752,7768,7789,7813,7820,7835,7851,7873,7880,7887,7894],{"type":28,"tag":223,"props":6762,"children":6763},{"class":225,"line":226},[6764,6769],{"type":28,"tag":223,"props":6765,"children":6766},{"style":271},[6767],{"type":34,"value":6768},"'use client'",{"type":28,"tag":223,"props":6770,"children":6771},{"style":230},[6772],{"type":34,"value":979},{"type":28,"tag":223,"props":6774,"children":6775},{"class":225,"line":246},[6776,6780,6784,6788,6792,6796,6800],{"type":28,"tag":223,"props":6777,"children":6778},{"style":922},[6779],{"type":34,"value":925},{"type":28,"tag":223,"props":6781,"children":6782},{"style":230},[6783],{"type":34,"value":930},{"type":28,"tag":223,"props":6785,"children":6786},{"style":236},[6787],{"type":34,"value":3093},{"type":28,"tag":223,"props":6789,"children":6790},{"style":230},[6791],{"type":34,"value":964},{"type":28,"tag":223,"props":6793,"children":6794},{"style":922},[6795],{"type":34,"value":969},{"type":28,"tag":223,"props":6797,"children":6798},{"style":271},[6799],{"type":34,"value":3106},{"type":28,"tag":223,"props":6801,"children":6802},{"style":230},[6803],{"type":34,"value":979},{"type":28,"tag":223,"props":6805,"children":6806},{"class":225,"line":290},[6807,6811,6815,6820,6824,6828,6833],{"type":28,"tag":223,"props":6808,"children":6809},{"style":922},[6810],{"type":34,"value":925},{"type":28,"tag":223,"props":6812,"children":6813},{"style":230},[6814],{"type":34,"value":930},{"type":28,"tag":223,"props":6816,"children":6817},{"style":236},[6818],{"type":34,"value":6819},"useClickAway",{"type":28,"tag":223,"props":6821,"children":6822},{"style":230},[6823],{"type":34,"value":964},{"type":28,"tag":223,"props":6825,"children":6826},{"style":922},[6827],{"type":34,"value":969},{"type":28,"tag":223,"props":6829,"children":6830},{"style":271},[6831],{"type":34,"value":6832}," 'react-use'",{"type":28,"tag":223,"props":6834,"children":6835},{"style":230},[6836],{"type":34,"value":979},{"type":28,"tag":223,"props":6838,"children":6839},{"class":225,"line":299},[6840,6844,6848,6852,6857,6861,6866,6870,6874,6878,6883,6887,6891,6895,6899,6903],{"type":28,"tag":223,"props":6841,"children":6842},{"style":922},[6843],{"type":34,"value":925},{"type":28,"tag":223,"props":6845,"children":6846},{"style":230},[6847],{"type":34,"value":930},{"type":28,"tag":223,"props":6849,"children":6850},{"style":922},[6851],{"type":34,"value":5421},{"type":28,"tag":223,"props":6853,"children":6854},{"style":236},[6855],{"type":34,"value":6856}," SfModalProps",{"type":28,"tag":223,"props":6858,"children":6859},{"style":230},[6860],{"type":34,"value":939},{"type":28,"tag":223,"props":6862,"children":6863},{"style":236},[6864],{"type":34,"value":6865},"polymorphicForwardRef",{"type":28,"tag":223,"props":6867,"children":6868},{"style":230},[6869],{"type":34,"value":939},{"type":28,"tag":223,"props":6871,"children":6872},{"style":236},[6873],{"type":34,"value":89},{"type":28,"tag":223,"props":6875,"children":6876},{"style":230},[6877],{"type":34,"value":939},{"type":28,"tag":223,"props":6879,"children":6880},{"style":236},[6881],{"type":34,"value":6882},"mergeRefs",{"type":28,"tag":223,"props":6884,"children":6885},{"style":230},[6886],{"type":34,"value":939},{"type":28,"tag":223,"props":6888,"children":6889},{"style":236},[6890],{"type":34,"value":5505},{"type":28,"tag":223,"props":6892,"children":6893},{"style":230},[6894],{"type":34,"value":964},{"type":28,"tag":223,"props":6896,"children":6897},{"style":922},[6898],{"type":34,"value":969},{"type":28,"tag":223,"props":6900,"children":6901},{"style":271},[6902],{"type":34,"value":1143},{"type":28,"tag":223,"props":6904,"children":6905},{"style":230},[6906],{"type":34,"value":979},{"type":28,"tag":223,"props":6908,"children":6909},{"class":225,"line":312},[6910],{"type":28,"tag":223,"props":6911,"children":6912},{"emptyLinePlaceholder":9},[6913],{"type":34,"value":296},{"type":28,"tag":223,"props":6915,"children":6916},{"class":225,"line":330},[6917,6921,6926,6930,6935],{"type":28,"tag":223,"props":6918,"children":6919},{"style":922},[6920],{"type":34,"value":996},{"type":28,"tag":223,"props":6922,"children":6923},{"style":1003},[6924],{"type":34,"value":6925}," defaultModalTag",{"type":28,"tag":223,"props":6927,"children":6928},{"style":1030},[6929],{"type":34,"value":3309},{"type":28,"tag":223,"props":6931,"children":6932},{"style":271},[6933],{"type":34,"value":6934}," 'div'",{"type":28,"tag":223,"props":6936,"children":6937},{"style":230},[6938],{"type":34,"value":979},{"type":28,"tag":223,"props":6940,"children":6941},{"class":225,"line":348},[6942],{"type":28,"tag":223,"props":6943,"children":6944},{"emptyLinePlaceholder":9},[6945],{"type":34,"value":296},{"type":28,"tag":223,"props":6947,"children":6948},{"class":225,"line":366},[6949,6953,6958,6962,6967,6971,6976,6980,6984,6989],{"type":28,"tag":223,"props":6950,"children":6951},{"style":922},[6952],{"type":34,"value":996},{"type":28,"tag":223,"props":6954,"children":6955},{"style":1003},[6956],{"type":34,"value":6957}," SfModal",{"type":28,"tag":223,"props":6959,"children":6960},{"style":1030},[6961],{"type":34,"value":3309},{"type":28,"tag":223,"props":6963,"children":6964},{"style":1035},[6965],{"type":34,"value":6966}," polymorphicForwardRef",{"type":28,"tag":223,"props":6968,"children":6969},{"style":230},[6970],{"type":34,"value":233},{"type":28,"tag":223,"props":6972,"children":6973},{"style":922},[6974],{"type":34,"value":6975},"typeof",{"type":28,"tag":223,"props":6977,"children":6978},{"style":236},[6979],{"type":34,"value":6925},{"type":28,"tag":223,"props":6981,"children":6982},{"style":230},[6983],{"type":34,"value":939},{"type":28,"tag":223,"props":6985,"children":6986},{"style":1003},[6987],{"type":34,"value":6988},"SfModalProps",{"type":28,"tag":223,"props":6990,"children":6991},{"style":230},[6992],{"type":34,"value":6993},">(\n",{"type":28,"tag":223,"props":6995,"children":6996},{"class":225,"line":384},[6997,7002,7006,7010,7014,7018,7022,7026,7030,7034,7038,7042,7047,7051,7055,7060,7065,7070,7074,7078,7082],{"type":28,"tag":223,"props":6998,"children":6999},{"style":230},[7000],{"type":34,"value":7001},"  ({ ",{"type":28,"tag":223,"props":7003,"children":7004},{"style":5950},[7005],{"type":34,"value":5076},{"type":28,"tag":223,"props":7007,"children":7008},{"style":230},[7009],{"type":34,"value":939},{"type":28,"tag":223,"props":7011,"children":7012},{"style":5950},[7013],{"type":34,"value":183},{"type":28,"tag":223,"props":7015,"children":7016},{"style":230},[7017],{"type":34,"value":939},{"type":28,"tag":223,"props":7019,"children":7020},{"style":5950},[7021],{"type":34,"value":120},{"type":28,"tag":223,"props":7023,"children":7024},{"style":230},[7025],{"type":34,"value":939},{"type":28,"tag":223,"props":7027,"children":7028},{"style":5950},[7029],{"type":34,"value":128},{"type":28,"tag":223,"props":7031,"children":7032},{"style":230},[7033],{"type":34,"value":939},{"type":28,"tag":223,"props":7035,"children":7036},{"style":5950},[7037],{"type":34,"value":5195},{"type":28,"tag":223,"props":7039,"children":7040},{"style":230},[7041],{"type":34,"value":939},{"type":28,"tag":223,"props":7043,"children":7044},{"style":5950},[7045],{"type":34,"value":7046},"className",{"type":28,"tag":223,"props":7048,"children":7049},{"style":230},[7050],{"type":34,"value":939},{"type":28,"tag":223,"props":7052,"children":7053},{"style":5950},[7054],{"type":34,"value":5168},{"type":28,"tag":223,"props":7056,"children":7057},{"style":230},[7058],{"type":34,"value":7059},", ...",{"type":28,"tag":223,"props":7061,"children":7062},{"style":5950},[7063],{"type":34,"value":7064},"attributes",{"type":28,"tag":223,"props":7066,"children":7067},{"style":230},[7068],{"type":34,"value":7069}," }, ",{"type":28,"tag":223,"props":7071,"children":7072},{"style":5950},[7073],{"type":34,"value":5403},{"type":28,"tag":223,"props":7075,"children":7076},{"style":230},[7077],{"type":34,"value":6186},{"type":28,"tag":223,"props":7079,"children":7080},{"style":922},[7081],{"type":34,"value":6150},{"type":28,"tag":223,"props":7083,"children":7084},{"style":230},[7085],{"type":34,"value":6155},{"type":28,"tag":223,"props":7087,"children":7088},{"class":225,"line":402},[7089,7094,7099,7103,7108,7113,7117],{"type":28,"tag":223,"props":7090,"children":7091},{"style":922},[7092],{"type":34,"value":7093},"    const",{"type":28,"tag":223,"props":7095,"children":7096},{"style":1003},[7097],{"type":34,"value":7098}," Tag",{"type":28,"tag":223,"props":7100,"children":7101},{"style":1030},[7102],{"type":34,"value":3309},{"type":28,"tag":223,"props":7104,"children":7105},{"style":922},[7106],{"type":34,"value":7107}," as",{"type":28,"tag":223,"props":7109,"children":7110},{"style":1030},[7111],{"type":34,"value":7112}," ||",{"type":28,"tag":223,"props":7114,"children":7115},{"style":236},[7116],{"type":34,"value":6925},{"type":28,"tag":223,"props":7118,"children":7119},{"style":230},[7120],{"type":34,"value":979},{"type":28,"tag":223,"props":7122,"children":7123},{"class":225,"line":420},[7124,7128,7132,7136,7140,7144,7148],{"type":28,"tag":223,"props":7125,"children":7126},{"style":922},[7127],{"type":34,"value":7093},{"type":28,"tag":223,"props":7129,"children":7130},{"style":1003},[7131],{"type":34,"value":3355},{"type":28,"tag":223,"props":7133,"children":7134},{"style":1030},[7135],{"type":34,"value":3309},{"type":28,"tag":223,"props":7137,"children":7138},{"style":1035},[7139],{"type":34,"value":3364},{"type":28,"tag":223,"props":7141,"children":7142},{"style":230},[7143],{"type":34,"value":5905},{"type":28,"tag":223,"props":7145,"children":7146},{"style":260},[7147],{"type":34,"value":3383},{"type":28,"tag":223,"props":7149,"children":7150},{"style":230},[7151],{"type":34,"value":3388},{"type":28,"tag":223,"props":7153,"children":7154},{"class":225,"line":429},[7155,7160,7164,7168,7172,7176],{"type":28,"tag":223,"props":7156,"children":7157},{"style":1035},[7158],{"type":34,"value":7159},"    useClickAway",{"type":28,"tag":223,"props":7161,"children":7162},{"style":230},[7163],{"type":34,"value":5905},{"type":28,"tag":223,"props":7165,"children":7166},{"style":236},[7167],{"type":34,"value":3859},{"type":28,"tag":223,"props":7169,"children":7170},{"style":230},[7171],{"type":34,"value":6145},{"type":28,"tag":223,"props":7173,"children":7174},{"style":922},[7175],{"type":34,"value":6150},{"type":28,"tag":223,"props":7177,"children":7178},{"style":230},[7179],{"type":34,"value":6155},{"type":28,"tag":223,"props":7181,"children":7182},{"class":225,"line":447},[7183,7188,7192,7196,7200,7204],{"type":28,"tag":223,"props":7184,"children":7185},{"style":922},[7186],{"type":34,"value":7187},"      if",{"type":28,"tag":223,"props":7189,"children":7190},{"style":230},[7191],{"type":34,"value":6168},{"type":28,"tag":223,"props":7193,"children":7194},{"style":236},[7195],{"type":34,"value":120},{"type":28,"tag":223,"props":7197,"children":7198},{"style":230},[7199],{"type":34,"value":6186},{"type":28,"tag":223,"props":7201,"children":7202},{"style":922},[7203],{"type":34,"value":6191},{"type":28,"tag":223,"props":7205,"children":7206},{"style":230},[7207],{"type":34,"value":979},{"type":28,"tag":223,"props":7209,"children":7210},{"class":225,"line":510},[7211,7216],{"type":28,"tag":223,"props":7212,"children":7213},{"style":1035},[7214],{"type":34,"value":7215},"      onClose",{"type":28,"tag":223,"props":7217,"children":7218},{"style":230},[7219],{"type":34,"value":7220},"?.();\n",{"type":28,"tag":223,"props":7222,"children":7223},{"class":225,"line":529},[7224],{"type":28,"tag":223,"props":7225,"children":7226},{"style":230},[7227],{"type":34,"value":7228},"    });\n",{"type":28,"tag":223,"props":7230,"children":7231},{"class":225,"line":546},[7232],{"type":28,"tag":223,"props":7233,"children":7234},{"emptyLinePlaceholder":9},[7235],{"type":34,"value":296},{"type":28,"tag":223,"props":7237,"children":7238},{"class":225,"line":589},[7239],{"type":28,"tag":223,"props":7240,"children":7241},{"style":2021},[7242],{"type":34,"value":7243},"    \u002F\u002F eslint-disable-next-line consistent-return\n",{"type":28,"tag":223,"props":7245,"children":7246},{"class":225,"line":598},[7247,7251,7256,7260,7264,7268,7272,7277,7281,7285],{"type":28,"tag":223,"props":7248,"children":7249},{"style":922},[7250],{"type":34,"value":7093},{"type":28,"tag":223,"props":7252,"children":7253},{"style":1035},[7254],{"type":34,"value":7255}," onKeyDown",{"type":28,"tag":223,"props":7257,"children":7258},{"style":1030},[7259],{"type":34,"value":3309},{"type":28,"tag":223,"props":7261,"children":7262},{"style":230},[7263],{"type":34,"value":6168},{"type":28,"tag":223,"props":7265,"children":7266},{"style":5950},[7267],{"type":34,"value":5953},{"type":28,"tag":223,"props":7269,"children":7270},{"style":230},[7271],{"type":34,"value":1053},{"type":28,"tag":223,"props":7273,"children":7274},{"style":1003},[7275],{"type":34,"value":7276},"KeyboardEvent",{"type":28,"tag":223,"props":7278,"children":7279},{"style":230},[7280],{"type":34,"value":6186},{"type":28,"tag":223,"props":7282,"children":7283},{"style":922},[7284],{"type":34,"value":6150},{"type":28,"tag":223,"props":7286,"children":7287},{"style":230},[7288],{"type":34,"value":6155},{"type":28,"tag":223,"props":7290,"children":7291},{"class":225,"line":614},[7292,7296,7300,7305,7309,7314,7319,7323,7328,7333,7338],{"type":28,"tag":223,"props":7293,"children":7294},{"style":922},[7295],{"type":34,"value":7187},{"type":28,"tag":223,"props":7297,"children":7298},{"style":230},[7299],{"type":34,"value":6168},{"type":28,"tag":223,"props":7301,"children":7302},{"style":1030},[7303],{"type":34,"value":7304},"!",{"type":28,"tag":223,"props":7306,"children":7307},{"style":236},[7308],{"type":34,"value":128},{"type":28,"tag":223,"props":7310,"children":7311},{"style":1030},[7312],{"type":34,"value":7313}," &&",{"type":28,"tag":223,"props":7315,"children":7316},{"style":1003},[7317],{"type":34,"value":7318}," event",{"type":28,"tag":223,"props":7320,"children":7321},{"style":230},[7322],{"type":34,"value":138},{"type":28,"tag":223,"props":7324,"children":7325},{"style":236},[7326],{"type":34,"value":7327},"key",{"type":28,"tag":223,"props":7329,"children":7330},{"style":1030},[7331],{"type":34,"value":7332}," ===",{"type":28,"tag":223,"props":7334,"children":7335},{"style":271},[7336],{"type":34,"value":7337}," 'Escape'",{"type":28,"tag":223,"props":7339,"children":7340},{"style":230},[7341],{"type":34,"value":7342},") {\n",{"type":28,"tag":223,"props":7344,"children":7345},{"class":225,"line":631},[7346,7350],{"type":28,"tag":223,"props":7347,"children":7348},{"style":1035},[7349],{"type":34,"value":1371},{"type":28,"tag":223,"props":7351,"children":7352},{"style":230},[7353],{"type":34,"value":7220},{"type":28,"tag":223,"props":7355,"children":7356},{"class":225,"line":673},[7357],{"type":28,"tag":223,"props":7358,"children":7359},{"style":230},[7360],{"type":34,"value":7361},"      }\n",{"type":28,"tag":223,"props":7363,"children":7364},{"class":225,"line":682},[7365,7369,7373,7378,7383,7388,7392,7397,7401,7405,7410,7414,7419,7423,7427,7431,7435,7439,7444,7448],{"type":28,"tag":223,"props":7366,"children":7367},{"style":922},[7368],{"type":34,"value":7187},{"type":28,"tag":223,"props":7370,"children":7371},{"style":230},[7372],{"type":34,"value":6168},{"type":28,"tag":223,"props":7374,"children":7375},{"style":271},[7376],{"type":34,"value":7377},"'onKeyDown'",{"type":28,"tag":223,"props":7379,"children":7380},{"style":922},[7381],{"type":34,"value":7382}," in",{"type":28,"tag":223,"props":7384,"children":7385},{"style":236},[7386],{"type":34,"value":7387}," attributes",{"type":28,"tag":223,"props":7389,"children":7390},{"style":1030},[7391],{"type":34,"value":7313},{"type":28,"tag":223,"props":7393,"children":7394},{"style":922},[7395],{"type":34,"value":7396}," typeof",{"type":28,"tag":223,"props":7398,"children":7399},{"style":1003},[7400],{"type":34,"value":7387},{"type":28,"tag":223,"props":7402,"children":7403},{"style":230},[7404],{"type":34,"value":138},{"type":28,"tag":223,"props":7406,"children":7407},{"style":236},[7408],{"type":34,"value":7409},"onKeyDown",{"type":28,"tag":223,"props":7411,"children":7412},{"style":1030},[7413],{"type":34,"value":7332},{"type":28,"tag":223,"props":7415,"children":7416},{"style":271},[7417],{"type":34,"value":7418}," 'function'",{"type":28,"tag":223,"props":7420,"children":7421},{"style":230},[7422],{"type":34,"value":6186},{"type":28,"tag":223,"props":7424,"children":7425},{"style":922},[7426],{"type":34,"value":6191},{"type":28,"tag":223,"props":7428,"children":7429},{"style":1003},[7430],{"type":34,"value":7387},{"type":28,"tag":223,"props":7432,"children":7433},{"style":230},[7434],{"type":34,"value":138},{"type":28,"tag":223,"props":7436,"children":7437},{"style":1035},[7438],{"type":34,"value":7409},{"type":28,"tag":223,"props":7440,"children":7441},{"style":230},[7442],{"type":34,"value":7443},"?.(",{"type":28,"tag":223,"props":7445,"children":7446},{"style":236},[7447],{"type":34,"value":5953},{"type":28,"tag":223,"props":7449,"children":7450},{"style":230},[7451],{"type":34,"value":3388},{"type":28,"tag":223,"props":7453,"children":7454},{"class":225,"line":691},[7455],{"type":28,"tag":223,"props":7456,"children":7457},{"style":230},[7458],{"type":34,"value":7459},"    };\n",{"type":28,"tag":223,"props":7461,"children":7462},{"class":225,"line":707},[7463],{"type":28,"tag":223,"props":7464,"children":7465},{"emptyLinePlaceholder":9},[7466],{"type":34,"value":296},{"type":28,"tag":223,"props":7468,"children":7469},{"class":225,"line":737},[7470,7475,7479,7483],{"type":28,"tag":223,"props":7471,"children":7472},{"style":1035},[7473],{"type":34,"value":7474},"    useTrapFocus",{"type":28,"tag":223,"props":7476,"children":7477},{"style":230},[7478],{"type":34,"value":5905},{"type":28,"tag":223,"props":7480,"children":7481},{"style":236},[7482],{"type":34,"value":3859},{"type":28,"tag":223,"props":7484,"children":7485},{"style":230},[7486],{"type":34,"value":6363},{"type":28,"tag":223,"props":7488,"children":7489},{"class":225,"line":787},[7490,7495,7499,7503],{"type":28,"tag":223,"props":7491,"children":7492},{"style":236},[7493],{"type":34,"value":7494},"      trapTabs",{"type":28,"tag":223,"props":7496,"children":7497},{"style":230},[7498],{"type":34,"value":1053},{"type":28,"tag":223,"props":7500,"children":7501},{"style":260},[7502],{"type":34,"value":136},{"type":28,"tag":223,"props":7504,"children":7505},{"style":230},[7506],{"type":34,"value":3658},{"type":28,"tag":223,"props":7508,"children":7509},{"class":225,"line":824},[7510,7515,7519,7523],{"type":28,"tag":223,"props":7511,"children":7512},{"style":236},[7513],{"type":34,"value":7514},"      activeState",{"type":28,"tag":223,"props":7516,"children":7517},{"style":230},[7518],{"type":34,"value":1053},{"type":28,"tag":223,"props":7520,"children":7521},{"style":236},[7522],{"type":34,"value":183},{"type":28,"tag":223,"props":7524,"children":7525},{"style":230},[7526],{"type":34,"value":3658},{"type":28,"tag":223,"props":7528,"children":7529},{"class":225,"line":840},[7530,7535,7539,7543],{"type":28,"tag":223,"props":7531,"children":7532},{"style":236},[7533],{"type":34,"value":7534},"      initialFocus",{"type":28,"tag":223,"props":7536,"children":7537},{"style":230},[7538],{"type":34,"value":1053},{"type":28,"tag":223,"props":7540,"children":7541},{"style":260},[7542],{"type":34,"value":1058},{"type":28,"tag":223,"props":7544,"children":7545},{"style":230},[7546],{"type":34,"value":3658},{"type":28,"tag":223,"props":7548,"children":7549},{"class":225,"line":857},[7550,7555,7559,7563],{"type":28,"tag":223,"props":7551,"children":7552},{"style":236},[7553],{"type":34,"value":7554},"      initialFocusContainerFallback",{"type":28,"tag":223,"props":7556,"children":7557},{"style":230},[7558],{"type":34,"value":1053},{"type":28,"tag":223,"props":7560,"children":7561},{"style":260},[7562],{"type":34,"value":136},{"type":28,"tag":223,"props":7564,"children":7565},{"style":230},[7566],{"type":34,"value":3658},{"type":28,"tag":223,"props":7568,"children":7569},{"class":225,"line":874},[7570],{"type":28,"tag":223,"props":7571,"children":7572},{"style":230},[7573],{"type":34,"value":7228},{"type":28,"tag":223,"props":7575,"children":7576},{"class":225,"line":882},[7577],{"type":28,"tag":223,"props":7578,"children":7579},{"emptyLinePlaceholder":9},[7580],{"type":34,"value":296},{"type":28,"tag":223,"props":7582,"children":7583},{"class":225,"line":918},[7584,7589,7594,7599],{"type":28,"tag":223,"props":7585,"children":7586},{"style":922},[7587],{"type":34,"value":7588},"    return",{"type":28,"tag":223,"props":7590,"children":7591},{"style":236},[7592],{"type":34,"value":7593}," open",{"type":28,"tag":223,"props":7595,"children":7596},{"style":922},[7597],{"type":34,"value":7598}," ?",{"type":28,"tag":223,"props":7600,"children":7601},{"style":230},[7602],{"type":34,"value":1265},{"type":28,"tag":223,"props":7604,"children":7605},{"class":225,"line":982},[7606,7610],{"type":28,"tag":223,"props":7607,"children":7608},{"style":230},[7609],{"type":34,"value":453},{"type":28,"tag":223,"props":7611,"children":7612},{"style":1003},[7613],{"type":34,"value":7614},"Tag\n",{"type":28,"tag":223,"props":7616,"children":7617},{"class":225,"line":990},[7618,7623,7627,7631,7635,7640,7644,7648,7652,7657],{"type":28,"tag":223,"props":7619,"children":7620},{"style":1287},[7621],{"type":34,"value":7622},"        ref",{"type":28,"tag":223,"props":7624,"children":7625},{"style":1030},[7626],{"type":34,"value":268},{"type":28,"tag":223,"props":7628,"children":7629},{"style":922},[7630],{"type":34,"value":1299},{"type":28,"tag":223,"props":7632,"children":7633},{"style":1035},[7634],{"type":34,"value":6882},{"type":28,"tag":223,"props":7636,"children":7637},{"style":230},[7638],{"type":34,"value":7639},"([",{"type":28,"tag":223,"props":7641,"children":7642},{"style":236},[7643],{"type":34,"value":3859},{"type":28,"tag":223,"props":7645,"children":7646},{"style":230},[7647],{"type":34,"value":939},{"type":28,"tag":223,"props":7649,"children":7650},{"style":236},[7651],{"type":34,"value":5403},{"type":28,"tag":223,"props":7653,"children":7654},{"style":230},[7655],{"type":34,"value":7656},"])",{"type":28,"tag":223,"props":7658,"children":7659},{"style":922},[7660],{"type":34,"value":1363},{"type":28,"tag":223,"props":7662,"children":7663},{"class":225,"line":1066},[7664,7668,7672,7676,7680],{"type":28,"tag":223,"props":7665,"children":7666},{"style":1287},[7667],{"type":34,"value":1395},{"type":28,"tag":223,"props":7669,"children":7670},{"style":1030},[7671],{"type":34,"value":268},{"type":28,"tag":223,"props":7673,"children":7674},{"style":922},[7675],{"type":34,"value":1299},{"type":28,"tag":223,"props":7677,"children":7678},{"style":1035},[7679],{"type":34,"value":5505},{"type":28,"tag":223,"props":7681,"children":7682},{"style":230},[7683],{"type":34,"value":7684},"(\n",{"type":28,"tag":223,"props":7686,"children":7687},{"class":225,"line":1878},[7688,7693],{"type":28,"tag":223,"props":7689,"children":7690},{"style":271},[7691],{"type":34,"value":7692},"          '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":28,"tag":223,"props":7694,"children":7695},{"style":230},[7696],{"type":34,"value":3658},{"type":28,"tag":223,"props":7698,"children":7699},{"class":225,"line":1894},[7700,7704],{"type":28,"tag":223,"props":7701,"children":7702},{"style":236},[7703],{"type":34,"value":4147},{"type":28,"tag":223,"props":7705,"children":7706},{"style":230},[7707],{"type":34,"value":3658},{"type":28,"tag":223,"props":7709,"children":7710},{"class":225,"line":1910},[7711,7716],{"type":28,"tag":223,"props":7712,"children":7713},{"style":230},[7714],{"type":34,"value":7715},"        )",{"type":28,"tag":223,"props":7717,"children":7718},{"style":922},[7719],{"type":34,"value":1363},{"type":28,"tag":223,"props":7721,"children":7722},{"class":225,"line":1919},[7723,7728,7732],{"type":28,"tag":223,"props":7724,"children":7725},{"style":1287},[7726],{"type":34,"value":7727},"        tabIndex",{"type":28,"tag":223,"props":7729,"children":7730},{"style":1030},[7731],{"type":34,"value":268},{"type":28,"tag":223,"props":7733,"children":7734},{"style":271},[7735],{"type":34,"value":6601},{"type":28,"tag":223,"props":7737,"children":7738},{"class":225,"line":1928},[7739,7744,7748],{"type":28,"tag":223,"props":7740,"children":7741},{"style":1287},[7742],{"type":34,"value":7743},"        aria-modal",{"type":28,"tag":223,"props":7745,"children":7746},{"style":1030},[7747],{"type":34,"value":268},{"type":28,"tag":223,"props":7749,"children":7750},{"style":271},[7751],{"type":34,"value":6567},{"type":28,"tag":223,"props":7753,"children":7754},{"class":225,"line":2627},[7755,7760,7764],{"type":28,"tag":223,"props":7756,"children":7757},{"style":1287},[7758],{"type":34,"value":7759},"        data-testid",{"type":28,"tag":223,"props":7761,"children":7762},{"style":1030},[7763],{"type":34,"value":268},{"type":28,"tag":223,"props":7765,"children":7766},{"style":271},[7767],{"type":34,"value":6584},{"type":28,"tag":223,"props":7769,"children":7770},{"class":225,"line":2667},[7771,7776,7781,7785],{"type":28,"tag":223,"props":7772,"children":7773},{"style":922},[7774],{"type":34,"value":7775},"        {",{"type":28,"tag":223,"props":7777,"children":7778},{"style":230},[7779],{"type":34,"value":7780},"...",{"type":28,"tag":223,"props":7782,"children":7783},{"style":236},[7784],{"type":34,"value":7064},{"type":28,"tag":223,"props":7786,"children":7787},{"style":922},[7788],{"type":34,"value":1363},{"type":28,"tag":223,"props":7790,"children":7791},{"class":225,"line":2676},[7792,7797,7801,7805,7809],{"type":28,"tag":223,"props":7793,"children":7794},{"style":1287},[7795],{"type":34,"value":7796},"        onKeyDown",{"type":28,"tag":223,"props":7798,"children":7799},{"style":1030},[7800],{"type":34,"value":268},{"type":28,"tag":223,"props":7802,"children":7803},{"style":922},[7804],{"type":34,"value":1299},{"type":28,"tag":223,"props":7806,"children":7807},{"style":236},[7808],{"type":34,"value":7409},{"type":28,"tag":223,"props":7810,"children":7811},{"style":922},[7812],{"type":34,"value":1363},{"type":28,"tag":223,"props":7814,"children":7815},{"class":225,"line":2685},[7816],{"type":28,"tag":223,"props":7817,"children":7818},{"style":230},[7819],{"type":34,"value":1475},{"type":28,"tag":223,"props":7821,"children":7822},{"class":225,"line":2701},[7823,7827,7831],{"type":28,"tag":223,"props":7824,"children":7825},{"style":922},[7826],{"type":34,"value":7775},{"type":28,"tag":223,"props":7828,"children":7829},{"style":236},[7830],{"type":34,"value":5168},{"type":28,"tag":223,"props":7832,"children":7833},{"style":922},[7834],{"type":34,"value":1363},{"type":28,"tag":223,"props":7836,"children":7837},{"class":225,"line":2729},[7838,7842,7847],{"type":28,"tag":223,"props":7839,"children":7840},{"style":230},[7841],{"type":34,"value":535},{"type":28,"tag":223,"props":7843,"children":7844},{"style":1003},[7845],{"type":34,"value":7846},"Tag",{"type":28,"tag":223,"props":7848,"children":7849},{"style":230},[7850],{"type":34,"value":243},{"type":28,"tag":223,"props":7852,"children":7853},{"class":225,"line":2777},[7854,7859,7864,7869],{"type":28,"tag":223,"props":7855,"children":7856},{"style":230},[7857],{"type":34,"value":7858},"    ) ",{"type":28,"tag":223,"props":7860,"children":7861},{"style":922},[7862],{"type":34,"value":7863},":",{"type":28,"tag":223,"props":7865,"children":7866},{"style":260},[7867],{"type":34,"value":7868}," null",{"type":28,"tag":223,"props":7870,"children":7871},{"style":230},[7872],{"type":34,"value":979},{"type":28,"tag":223,"props":7874,"children":7875},{"class":225,"line":2813},[7876],{"type":28,"tag":223,"props":7877,"children":7878},{"style":230},[7879],{"type":34,"value":5633},{"type":28,"tag":223,"props":7881,"children":7882},{"class":225,"line":2829},[7883],{"type":28,"tag":223,"props":7884,"children":7885},{"style":230},[7886],{"type":34,"value":3388},{"type":28,"tag":223,"props":7888,"children":7889},{"class":225,"line":2845},[7890],{"type":28,"tag":223,"props":7891,"children":7892},{"emptyLinePlaceholder":9},[7893],{"type":34,"value":296},{"type":28,"tag":223,"props":7895,"children":7896},{"class":225,"line":2861},[7897,7901,7905,7909],{"type":28,"tag":223,"props":7898,"children":7899},{"style":922},[7900],{"type":34,"value":1162},{"type":28,"tag":223,"props":7902,"children":7903},{"style":922},[7904],{"type":34,"value":1167},{"type":28,"tag":223,"props":7906,"children":7907},{"style":236},[7908],{"type":34,"value":6957},{"type":28,"tag":223,"props":7910,"children":7911},{"style":230},[7912],{"type":34,"value":979},{"type":28,"tag":7914,"props":7915,"children":7916},"style",{},[7917],{"type":34,"value":7918},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":7,"searchDepth":312,"depth":246,"links":7920},[7921,7925,7926,7927,7928,7929],{"id":142,"depth":246,"text":145,"children":7922},[7923,7924],{"id":149,"depth":290,"text":152},{"id":1936,"depth":290,"text":1939},{"id":4663,"depth":246,"text":4666},{"id":4820,"depth":246,"text":4823},{"id":4834,"depth":246,"text":4837},{"id":5216,"depth":246,"text":5219},{"id":5261,"depth":246,"text":5264},"markdown","content:_components:modal.md","_components\u002Fmodal.md","_components\u002Fmodal","md",{"nav":7936,"sidebarRoot":122},[7937,7939,7951],{"title":11,"_path":122,"_id":13,"layout":7938,"sidebarRoot":9,"icon":12},"fullscreen",{"title":7940,"_path":7941,"children":7942,"_id":7950,"layout":5253},"Getting Started","\u002Fgetting-started",[7943,7946],{"title":7944,"_path":7941,"_id":7945,"layout":5253},"Installation","content:2.getting-started:1.index.md",{"title":7947,"_path":7948,"_id":7949,"layout":5253},"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":5253},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":7960,"_path":7961,"_id":7962,"layout":5253},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":7964,"_path":7965,"_id":7966,"layout":5253},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":7968,"_path":7969,"_id":7970,"layout":5253},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574914095]