[{"data":1,"prerenderedAt":2296},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fmodal":406,"\u002Fcomponents\u002Fmodal-surround":2291},[4,34,51,301,327,332,337],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":33},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18,23,28],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles",{"title":24,"path":25,"stem":26,"package":11,"icon":27},"CLI","\u002Fgetting-started\u002Fcli","1.getting-started\u002F4.cli","i-lucide-terminal",{"title":29,"path":30,"stem":31,"package":11,"icon":32},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F5.roadmap","i-lucide-map","i-lucide-rocket",{"title":35,"package":11,"icon":36,"path":37,"stem":38,"children":39,"page":50},"Packages","i-lucide-package","\u002Fpackages","2.packages",[40,45],{"title":41,"path":42,"stem":43,"package":11,"icon":44},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":46,"path":47,"stem":48,"package":11,"icon":49},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":52,"package":11,"icon":53,"path":54,"stem":55,"children":56},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[57,59,65,70,75,80,85,90,95,100,105,110,115,120,125,130,135,140,144,149,153,158,163,168,173,178,183,188,193,198,203,208,213,218,223,228,233,238,242,246,251,256,261,266,271,276,280,284,288,292,296],{"title":52,"path":54,"stem":58,"package":11,"icon":53},"3.components\u002Findex",{"title":60,"path":61,"stem":62,"package":63,"icon":64},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":66,"path":67,"stem":68,"package":63,"icon":69},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":71,"path":72,"stem":73,"package":63,"icon":74},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":76,"path":77,"stem":78,"package":79,"icon":74},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":81,"path":82,"stem":83,"package":63,"icon":84},"App","\u002Fcomponents\u002Fapp","3.components\u002Fapp","i-lucide-smartphone",{"title":86,"path":87,"stem":88,"package":63,"icon":89},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":91,"path":92,"stem":93,"package":63,"icon":94},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":96,"path":97,"stem":98,"package":63,"icon":99},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":101,"path":102,"stem":103,"package":63,"icon":104},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":106,"path":107,"stem":108,"package":63,"icon":109},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":111,"path":112,"stem":113,"package":63,"icon":114},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":116,"path":117,"stem":118,"package":63,"icon":119},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":121,"path":122,"stem":123,"package":79,"icon":124},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":126,"path":127,"stem":128,"package":79,"icon":129},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":131,"path":132,"stem":133,"package":79,"icon":134},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":136,"path":137,"stem":138,"package":63,"icon":139},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":141,"path":142,"stem":143,"package":79,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":145,"path":146,"stem":147,"package":63,"icon":148},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":150,"path":151,"stem":152,"package":63,"icon":69},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":154,"path":155,"stem":156,"package":63,"icon":157},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":159,"path":160,"stem":161,"package":63,"icon":162},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":164,"path":165,"stem":166,"package":63,"icon":167},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":169,"path":170,"stem":171,"package":63,"icon":172},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":174,"path":175,"stem":176,"package":63,"icon":177},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":179,"path":180,"stem":181,"package":79,"icon":182},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":184,"path":185,"stem":186,"package":63,"icon":187},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":189,"path":190,"stem":191,"package":79,"icon":192},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":194,"path":195,"stem":196,"package":63,"icon":197},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":199,"path":200,"stem":201,"package":63,"icon":202},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":204,"path":205,"stem":206,"package":63,"icon":207},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":209,"path":210,"stem":211,"package":63,"icon":212},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":214,"path":215,"stem":216,"package":63,"icon":217},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":219,"path":220,"stem":221,"package":63,"icon":222},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":224,"path":225,"stem":226,"package":79,"icon":227},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":229,"path":230,"stem":231,"package":63,"icon":232},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":234,"path":235,"stem":236,"package":63,"icon":237},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":239,"path":240,"stem":241,"package":79,"icon":69},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":243,"path":244,"stem":245,"package":63,"icon":162},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":247,"path":248,"stem":249,"package":63,"icon":250},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":252,"path":253,"stem":254,"package":63,"icon":255},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":257,"path":258,"stem":259,"package":63,"icon":260},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":262,"path":263,"stem":264,"package":63,"icon":265},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":267,"path":268,"stem":269,"package":63,"icon":270},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":272,"path":273,"stem":274,"package":63,"icon":275},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":277,"path":278,"stem":279,"package":63,"icon":162},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":281,"path":282,"stem":283,"package":63,"icon":148},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":285,"path":286,"stem":287,"package":63,"icon":207},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":289,"path":290,"stem":291,"package":63,"icon":275},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":293,"path":294,"stem":295,"package":63,"icon":162},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":297,"path":298,"stem":299,"package":63,"icon":300},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":302,"path":303,"stem":304,"children":305,"package":11,"icon":307},"Theming","\u002Ftheming","4.theming\u002F1.index",[306,308,312,317,322],{"title":302,"path":303,"stem":304,"package":11,"icon":307},"i-lucide-palette",{"title":309,"path":310,"stem":311,"package":11,"icon":250},"Overrides","\u002Ftheming\u002Foverrides","4.theming\u002F2.overrides",{"title":313,"path":314,"stem":315,"package":11,"icon":316},"Colors","\u002Ftheming\u002Fcolors","4.theming\u002F3.colors","i-lucide-swatch-book",{"title":318,"path":319,"stem":320,"package":11,"icon":321},"Dark Mode","\u002Ftheming\u002Fdark-mode","4.theming\u002F4.dark-mode","i-lucide-moon",{"title":323,"path":324,"stem":325,"package":11,"icon":326},"Fonts","\u002Ftheming\u002Ffonts","4.theming\u002F5.fonts","i-lucide-type",{"title":328,"path":329,"stem":330,"package":11,"icon":331},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":333,"path":334,"stem":335,"package":11,"icon":336},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":338,"path":339,"stem":340,"children":341,"package":11,"icon":343},"Composables","\u002Fcomposables","7.composables\u002F1.index",[342,344,349,354,359,364,369,374,378,383,387,391,396,401],{"title":338,"path":339,"stem":340,"package":11,"icon":343},"i-lucide-square-function",{"title":345,"path":346,"stem":347,"package":11,"icon":348},"useEmitAsProps","\u002Fcomposables\u002Fuse-emit-as-props","7.composables\u002F10.use-emit-as-props","i-lucide-zap",{"title":350,"path":351,"stem":352,"package":11,"icon":353},"useForwardPropsEmits","\u002Fcomposables\u002Fuse-forward-props-emits","7.composables\u002F11.use-forward-props-emits","i-lucide-merge",{"title":355,"path":356,"stem":357,"package":11,"icon":358},"useForwardExpose","\u002Fcomposables\u002Fuse-forward-expose","7.composables\u002F12.use-forward-expose","i-lucide-share-2",{"title":360,"path":361,"stem":362,"package":11,"icon":363},"useStateMachine","\u002Fcomposables\u002Fuse-state-machine","7.composables\u002F13.use-state-machine","i-lucide-workflow",{"title":365,"path":366,"stem":367,"package":11,"icon":368},"usePrimitiveElement","\u002Fcomposables\u002Fuse-primitive-element","7.composables\u002F14.use-primitive-element","i-lucide-crosshair",{"title":370,"path":371,"stem":372,"package":11,"icon":373},"useAppConfig","\u002Fcomposables\u002Fuse-app-config","7.composables\u002F2.use-app-config","i-lucide-settings",{"title":375,"path":376,"stem":377,"package":11,"icon":321},"useColorMode","\u002Fcomposables\u002Fuse-color-mode","7.composables\u002F3.use-color-mode",{"title":379,"path":380,"stem":381,"package":11,"icon":382},"useComponentIcons","\u002Fcomposables\u002Fuse-component-icons","7.composables\u002F4.use-component-icons","i-lucide-shapes",{"title":384,"path":385,"stem":386,"package":11,"icon":69},"useTray","\u002Fcomposables\u002Fuse-tray","7.composables\u002F5.use-tray",{"title":388,"path":389,"stem":390,"package":11,"icon":336},"i18n composables","\u002Fcomposables\u002Fi18n-composables","7.composables\u002F6.i18n-composables",{"title":392,"path":393,"stem":394,"package":11,"icon":395},"useId","\u002Fcomposables\u002Fuse-id","7.composables\u002F7.use-id","i-lucide-hash",{"title":397,"path":398,"stem":399,"package":11,"icon":400},"useFilter","\u002Fcomposables\u002Fuse-filter","7.composables\u002F8.use-filter","i-lucide-filter",{"title":402,"path":403,"stem":404,"package":11,"icon":405},"useForwardProps","\u002Fcomposables\u002Fuse-forward-props","7.composables\u002F9.use-forward-props","i-lucide-arrow-right-left",{"id":407,"title":174,"body":408,"description":2279,"extension":2280,"links":2281,"meta":2287,"navigation":2288,"package":63,"path":175,"seo":2289,"stem":176,"__hash__":2290},"docs\u002F3.components\u002Fmodal.md",{"type":409,"value":410,"toc":2260},"minimark",[411,416,428,433,448,452,881,888,893,900,1036,1040,1047,1176,1179,1183,1189,1280,1284,1293,1418,1425,1429,1508,1512,1558,1562,1840,1844,1889,1893,2018,2023,2027,2036,2132,2142,2152,2155,2158,2172,2175,2179,2222,2226,2256],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,423,424,427],"p",{},[420,421,422],"code",{},"VyModal"," presents a centered dialog over a full-screen backdrop. It is intended for short blocking alerts and confirmations with a title, concise description, and one or two actions. Use ",[420,425,426],{},"VyDrawer"," for forms, pickers, long content, drag-to-dismiss interaction, or full-screen presentations.",[429,430],"component-code",{"height":431,"name":432},"420px","modal-example",[434,435,436],"callout",{"icon":44},[417,437,438,439,444,445,447],{},"Built on the headless ",[440,441,442],"a",{"href":127},[420,443,126],{}," primitive from ",[420,446,41],{},". Drop down to it when you need full control over the markup and styling.",[412,449,451],{"id":450},"usage","Usage",[453,454,459],"pre",{"className":455,"code":456,"language":457,"meta":458,"style":458},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyButton, VyModal } from '@vyui\u002Fkit'\n\nconst open = ref(false)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyModal\n    v-model:open=\"open\"\n    title=\"Discard changes?\"\n    description=\"Your unsaved changes will be lost.\"\n  >\n    \u003CVyButton color=\"error\" variant=\"soft\">Discard draft\u003C\u002FVyButton>\n\n    \u003Ctemplate #footer=\"{ close }\">\n      \u003CVyButton color=\"neutral\" variant=\"ghost\" @tap=\"close\">\n        Keep editing\n      \u003C\u002FVyButton>\n      \u003CVyButton color=\"error\" @tap=\"discardDraft\">\n        Discard\n      \u003C\u002FVyButton>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVyModal>\n\u003C\u002Ftemplate>\n","vue","",[420,460,461,496,524,550,557,581,591,596,606,615,631,646,661,667,712,717,747,791,797,807,837,843,852,862,872],{"__ignoreMap":458},[462,463,466,470,474,478,481,484,487,491,493],"span",{"class":464,"line":465},"line",1,[462,467,469],{"class":468},"sMK4o","\u003C",[462,471,473],{"class":472},"swJcz","script",[462,475,477],{"class":476},"spNyl"," setup",[462,479,480],{"class":476}," lang",[462,482,483],{"class":468},"=",[462,485,486],{"class":468},"\"",[462,488,490],{"class":489},"sfazB","ts",[462,492,486],{"class":468},[462,494,495],{"class":468},">\n",[462,497,499,503,506,510,513,516,519,521],{"class":464,"line":498},2,[462,500,502],{"class":501},"s7zQu","import",[462,504,505],{"class":468}," {",[462,507,509],{"class":508},"sTEyZ"," ref",[462,511,512],{"class":468}," }",[462,514,515],{"class":501}," from",[462,517,518],{"class":468}," '",[462,520,457],{"class":489},[462,522,523],{"class":468},"'\n",[462,525,527,529,531,534,537,540,542,544,546,548],{"class":464,"line":526},3,[462,528,502],{"class":501},[462,530,505],{"class":468},[462,532,533],{"class":508}," VyButton",[462,535,536],{"class":468},",",[462,538,539],{"class":508}," VyModal",[462,541,512],{"class":468},[462,543,515],{"class":501},[462,545,518],{"class":468},[462,547,46],{"class":489},[462,549,523],{"class":468},[462,551,553],{"class":464,"line":552},4,[462,554,556],{"emptyLinePlaceholder":555},true,"\n",[462,558,560,563,566,568,571,574,578],{"class":464,"line":559},5,[462,561,562],{"class":476},"const",[462,564,565],{"class":508}," open ",[462,567,483],{"class":468},[462,569,509],{"class":570},"s2Zo4",[462,572,573],{"class":508},"(",[462,575,577],{"class":576},"sfNiH","false",[462,579,580],{"class":508},")\n",[462,582,584,587,589],{"class":464,"line":583},6,[462,585,586],{"class":468},"\u003C\u002F",[462,588,473],{"class":472},[462,590,495],{"class":468},[462,592,594],{"class":464,"line":593},7,[462,595,556],{"emptyLinePlaceholder":555},[462,597,599,601,604],{"class":464,"line":598},8,[462,600,469],{"class":468},[462,602,603],{"class":472},"template",[462,605,495],{"class":468},[462,607,609,612],{"class":464,"line":608},9,[462,610,611],{"class":468},"  \u003C",[462,613,614],{"class":472},"VyModal\n",[462,616,618,621,623,625,628],{"class":464,"line":617},10,[462,619,620],{"class":476},"    v-model:open",[462,622,483],{"class":468},[462,624,486],{"class":468},[462,626,627],{"class":489},"open",[462,629,630],{"class":468},"\"\n",[462,632,634,637,639,641,644],{"class":464,"line":633},11,[462,635,636],{"class":476},"    title",[462,638,483],{"class":468},[462,640,486],{"class":468},[462,642,643],{"class":489},"Discard changes?",[462,645,630],{"class":468},[462,647,649,652,654,656,659],{"class":464,"line":648},12,[462,650,651],{"class":476},"    description",[462,653,483],{"class":468},[462,655,486],{"class":468},[462,657,658],{"class":489},"Your unsaved changes will be lost.",[462,660,630],{"class":468},[462,662,664],{"class":464,"line":663},13,[462,665,666],{"class":468},"  >\n",[462,668,670,673,676,679,681,683,686,688,691,693,695,698,700,703,706,708,710],{"class":464,"line":669},14,[462,671,672],{"class":468},"    \u003C",[462,674,675],{"class":472},"VyButton",[462,677,678],{"class":476}," color",[462,680,483],{"class":468},[462,682,486],{"class":468},[462,684,685],{"class":489},"error",[462,687,486],{"class":468},[462,689,690],{"class":476}," variant",[462,692,483],{"class":468},[462,694,486],{"class":468},[462,696,697],{"class":489},"soft",[462,699,486],{"class":468},[462,701,702],{"class":468},">",[462,704,705],{"class":508},"Discard draft",[462,707,586],{"class":468},[462,709,675],{"class":472},[462,711,495],{"class":468},[462,713,715],{"class":464,"line":714},15,[462,716,556],{"emptyLinePlaceholder":555},[462,718,720,722,724,727,730,732,734,737,740,743,745],{"class":464,"line":719},16,[462,721,672],{"class":468},[462,723,603],{"class":472},[462,725,726],{"class":468}," #",[462,728,729],{"class":476},"footer",[462,731,483],{"class":468},[462,733,486],{"class":468},[462,735,736],{"class":468},"{",[462,738,739],{"class":508}," close ",[462,741,742],{"class":468},"}",[462,744,486],{"class":468},[462,746,495],{"class":468},[462,748,750,753,755,757,759,761,764,766,768,770,772,775,777,780,782,784,787,789],{"class":464,"line":749},17,[462,751,752],{"class":468},"      \u003C",[462,754,675],{"class":472},[462,756,678],{"class":476},[462,758,483],{"class":468},[462,760,486],{"class":468},[462,762,763],{"class":489},"neutral",[462,765,486],{"class":468},[462,767,690],{"class":476},[462,769,483],{"class":468},[462,771,486],{"class":468},[462,773,774],{"class":489},"ghost",[462,776,486],{"class":468},[462,778,779],{"class":476}," @tap",[462,781,483],{"class":468},[462,783,486],{"class":468},[462,785,786],{"class":489},"close",[462,788,486],{"class":468},[462,790,495],{"class":468},[462,792,794],{"class":464,"line":793},18,[462,795,796],{"class":508},"        Keep editing\n",[462,798,800,803,805],{"class":464,"line":799},19,[462,801,802],{"class":468},"      \u003C\u002F",[462,804,675],{"class":472},[462,806,495],{"class":468},[462,808,810,812,814,816,818,820,822,824,826,828,830,833,835],{"class":464,"line":809},20,[462,811,752],{"class":468},[462,813,675],{"class":472},[462,815,678],{"class":476},[462,817,483],{"class":468},[462,819,486],{"class":468},[462,821,685],{"class":489},[462,823,486],{"class":468},[462,825,779],{"class":476},[462,827,483],{"class":468},[462,829,486],{"class":468},[462,831,832],{"class":489},"discardDraft",[462,834,486],{"class":468},[462,836,495],{"class":468},[462,838,840],{"class":464,"line":839},21,[462,841,842],{"class":508},"        Discard\n",[462,844,846,848,850],{"class":464,"line":845},22,[462,847,802],{"class":468},[462,849,675],{"class":472},[462,851,495],{"class":468},[462,853,855,858,860],{"class":464,"line":854},23,[462,856,857],{"class":468},"    \u003C\u002F",[462,859,603],{"class":472},[462,861,495],{"class":468},[462,863,865,868,870],{"class":464,"line":864},24,[462,866,867],{"class":468},"  \u003C\u002F",[462,869,422],{"class":472},[462,871,495],{"class":468},[462,873,875,877,879],{"class":464,"line":874},25,[462,876,586],{"class":468},[462,878,603],{"class":472},[462,880,495],{"class":468},[417,882,883,884,887],{},"The default slot is wrapped in the core ",[420,885,886],{},"DialogTrigger","; tapping it toggles the modal. Do not also set the open state from a tap handler on the slotted child.",[889,890,892],"h3",{"id":891},"body-content","Body content",[417,894,895,896,899],{},"Use the ",[420,897,898],{},"body"," slot for a short message or compact supporting content.",[453,901,903],{"className":455,"code":902,"language":457,"meta":458,"style":458},"\u003CVyModal\n  v-model=\"open\"\n  title=\"Enable notifications?\"\n  description=\"You can change this later in Settings.\"\n>\n  \u003CVyButton>Open modal\u003C\u002FVyButton>\n\n  \u003Ctemplate #body>\n    \u003Cview class=\"flex flex-row items-center gap-3\">\n      \u003CVyIcon name=\"i-lucide-bell\" color=\"#42b883\" class=\"size-6\" \u002F>\n      \u003Ctext class=\"text-sm text-neutral-600\">\n        Receive account activity and security alerts.\n      \u003C\u002Ftext>\n    \u003C\u002Fview>\n  \u003C\u002Ftemplate>\n\n  \u003Ctemplate #footer=\"{ close }\">\n    \u003CVyButton color=\"neutral\" variant=\"ghost\" @tap=\"close\">Not now\u003C\u002FVyButton>\n    \u003CVyButton @tap=\"enableNotifications\">Enable\u003C\u002FVyButton>\n  \u003C\u002Ftemplate>\n\u003C\u002FVyModal>\n",[420,904,905,911,924,938,952,956,961,965,970,975,980,985,990,995,1000,1005,1009,1014,1019,1024,1028],{"__ignoreMap":458},[462,906,907,909],{"class":464,"line":465},[462,908,469],{"class":468},[462,910,614],{"class":472},[462,912,913,916,918,920,922],{"class":464,"line":498},[462,914,915],{"class":476},"  v-model",[462,917,483],{"class":468},[462,919,486],{"class":468},[462,921,627],{"class":508},[462,923,630],{"class":468},[462,925,926,929,931,933,936],{"class":464,"line":526},[462,927,928],{"class":476},"  title",[462,930,483],{"class":468},[462,932,486],{"class":468},[462,934,935],{"class":489},"Enable notifications?",[462,937,630],{"class":468},[462,939,940,943,945,947,950],{"class":464,"line":552},[462,941,942],{"class":476},"  description",[462,944,483],{"class":468},[462,946,486],{"class":468},[462,948,949],{"class":489},"You can change this later in Settings.",[462,951,630],{"class":468},[462,953,954],{"class":464,"line":559},[462,955,495],{"class":468},[462,957,958],{"class":464,"line":583},[462,959,960],{"class":508},"  \u003CVyButton>Open modal\u003C\u002FVyButton>\n",[462,962,963],{"class":464,"line":593},[462,964,556],{"emptyLinePlaceholder":555},[462,966,967],{"class":464,"line":598},[462,968,969],{"class":508},"  \u003Ctemplate #body>\n",[462,971,972],{"class":464,"line":608},[462,973,974],{"class":508},"    \u003Cview class=\"flex flex-row items-center gap-3\">\n",[462,976,977],{"class":464,"line":617},[462,978,979],{"class":508},"      \u003CVyIcon name=\"i-lucide-bell\" color=\"#42b883\" class=\"size-6\" \u002F>\n",[462,981,982],{"class":464,"line":633},[462,983,984],{"class":508},"      \u003Ctext class=\"text-sm text-neutral-600\">\n",[462,986,987],{"class":464,"line":648},[462,988,989],{"class":508},"        Receive account activity and security alerts.\n",[462,991,992],{"class":464,"line":663},[462,993,994],{"class":508},"      \u003C\u002Ftext>\n",[462,996,997],{"class":464,"line":669},[462,998,999],{"class":508},"    \u003C\u002Fview>\n",[462,1001,1002],{"class":464,"line":714},[462,1003,1004],{"class":508},"  \u003C\u002Ftemplate>\n",[462,1006,1007],{"class":464,"line":719},[462,1008,556],{"emptyLinePlaceholder":555},[462,1010,1011],{"class":464,"line":749},[462,1012,1013],{"class":508},"  \u003Ctemplate #footer=\"{ close }\">\n",[462,1015,1016],{"class":464,"line":793},[462,1017,1018],{"class":508},"    \u003CVyButton color=\"neutral\" variant=\"ghost\" @tap=\"close\">Not now\u003C\u002FVyButton>\n",[462,1020,1021],{"class":464,"line":799},[462,1022,1023],{"class":508},"    \u003CVyButton @tap=\"enableNotifications\">Enable\u003C\u002FVyButton>\n",[462,1025,1026],{"class":464,"line":809},[462,1027,1004],{"class":508},[462,1029,1030,1032,1034],{"class":464,"line":839},[462,1031,586],{"class":468},[462,1033,422],{"class":472},[462,1035,495],{"class":468},[889,1037,1039],{"id":1038},"custom-header","Custom header",[417,1041,1042,1043,1046],{},"The ",[420,1044,1045],{},"header"," slot replaces the complete built-in title, description, and close-button region.",[453,1048,1050],{"className":455,"code":1049,"language":457,"meta":458,"style":458},"\u003CVyModal v-model:open=\"open\">\n  \u003CVyButton>Delete account\u003C\u002FVyButton>\n\n  \u003Ctemplate #header=\"{ close }\">\n    \u003Cview class=\"flex flex-row items-start justify-between gap-3 p-4\">\n      \u003Cview class=\"flex-1\">\n        \u003Ctext class=\"text-lg font-semibold text-error-600\">Delete account\u003C\u002Ftext>\n        \u003Ctext class=\"mt-1 text-sm text-neutral-500\">\n          This action cannot be undone.\n        \u003C\u002Ftext>\n      \u003C\u002Fview>\n      \u003CVyButton\n        icon=\"i-lucide-x\"\n        color=\"neutral\"\n        variant=\"ghost\"\n        accessibility-label=\"Close\"\n        @tap=\"close\"\n      \u002F>\n    \u003C\u002Fview>\n  \u003C\u002Ftemplate>\n\u003C\u002FVyModal>\n",[420,1051,1052,1076,1081,1085,1090,1095,1100,1105,1110,1115,1120,1125,1130,1135,1140,1145,1150,1155,1160,1164,1168],{"__ignoreMap":458},[462,1053,1054,1056,1058,1061,1064,1066,1068,1070,1072,1074],{"class":464,"line":465},[462,1055,469],{"class":468},[462,1057,422],{"class":472},[462,1059,1060],{"class":476}," v-model",[462,1062,1063],{"class":468},":",[462,1065,627],{"class":476},[462,1067,483],{"class":468},[462,1069,486],{"class":468},[462,1071,627],{"class":508},[462,1073,486],{"class":468},[462,1075,495],{"class":468},[462,1077,1078],{"class":464,"line":498},[462,1079,1080],{"class":508},"  \u003CVyButton>Delete account\u003C\u002FVyButton>\n",[462,1082,1083],{"class":464,"line":526},[462,1084,556],{"emptyLinePlaceholder":555},[462,1086,1087],{"class":464,"line":552},[462,1088,1089],{"class":508},"  \u003Ctemplate #header=\"{ close }\">\n",[462,1091,1092],{"class":464,"line":559},[462,1093,1094],{"class":508},"    \u003Cview class=\"flex flex-row items-start justify-between gap-3 p-4\">\n",[462,1096,1097],{"class":464,"line":583},[462,1098,1099],{"class":508},"      \u003Cview class=\"flex-1\">\n",[462,1101,1102],{"class":464,"line":593},[462,1103,1104],{"class":508},"        \u003Ctext class=\"text-lg font-semibold text-error-600\">Delete account\u003C\u002Ftext>\n",[462,1106,1107],{"class":464,"line":598},[462,1108,1109],{"class":508},"        \u003Ctext class=\"mt-1 text-sm text-neutral-500\">\n",[462,1111,1112],{"class":464,"line":608},[462,1113,1114],{"class":508},"          This action cannot be undone.\n",[462,1116,1117],{"class":464,"line":617},[462,1118,1119],{"class":508},"        \u003C\u002Ftext>\n",[462,1121,1122],{"class":464,"line":633},[462,1123,1124],{"class":508},"      \u003C\u002Fview>\n",[462,1126,1127],{"class":464,"line":648},[462,1128,1129],{"class":508},"      \u003CVyButton\n",[462,1131,1132],{"class":464,"line":663},[462,1133,1134],{"class":508},"        icon=\"i-lucide-x\"\n",[462,1136,1137],{"class":464,"line":669},[462,1138,1139],{"class":508},"        color=\"neutral\"\n",[462,1141,1142],{"class":464,"line":714},[462,1143,1144],{"class":508},"        variant=\"ghost\"\n",[462,1146,1147],{"class":464,"line":719},[462,1148,1149],{"class":508},"        accessibility-label=\"Close\"\n",[462,1151,1152],{"class":464,"line":749},[462,1153,1154],{"class":508},"        @tap=\"close\"\n",[462,1156,1157],{"class":464,"line":793},[462,1158,1159],{"class":508},"      \u002F>\n",[462,1161,1162],{"class":464,"line":799},[462,1163,999],{"class":508},[462,1165,1166],{"class":464,"line":809},[462,1167,1004],{"class":508},[462,1169,1170,1172,1174],{"class":464,"line":839},[462,1171,586],{"class":468},[462,1173,422],{"class":472},[462,1175,495],{"class":468},[417,1177,1178],{},"When replacing the header, provide your own clearly labeled close control when dismissal should remain visible.",[889,1180,1182],{"id":1181},"full-content-override","Full content override",[417,1184,1042,1185,1188],{},[420,1186,1187],{},"content"," slot replaces the entire header, body, footer, and built-in close button.",[453,1190,1192],{"className":455,"code":1191,"language":457,"meta":458,"style":458},"\u003CVyModal v-model:open=\"open\">\n  \u003CVyButton>Confirm purchase\u003C\u002FVyButton>\n\n  \u003Ctemplate #content=\"{ close }\">\n    \u003Cview class=\"flex flex-col gap-4 p-5\">\n      \u003Ctext class=\"text-lg font-semibold text-neutral-900\">Confirm purchase\u003C\u002Ftext>\n      \u003Ctext class=\"text-sm text-neutral-500\">One annual subscription for $99.\u003C\u002Ftext>\n      \u003Cview class=\"flex flex-row justify-end gap-2\">\n        \u003CVyButton color=\"neutral\" variant=\"ghost\" @tap=\"close\">Cancel\u003C\u002FVyButton>\n        \u003CVyButton @tap=\"confirmPurchase\">Confirm\u003C\u002FVyButton>\n      \u003C\u002Fview>\n    \u003C\u002Fview>\n  \u003C\u002Ftemplate>\n\u003C\u002FVyModal>\n",[420,1193,1194,1216,1221,1225,1230,1235,1240,1245,1250,1255,1260,1264,1268,1272],{"__ignoreMap":458},[462,1195,1196,1198,1200,1202,1204,1206,1208,1210,1212,1214],{"class":464,"line":465},[462,1197,469],{"class":468},[462,1199,422],{"class":472},[462,1201,1060],{"class":476},[462,1203,1063],{"class":468},[462,1205,627],{"class":476},[462,1207,483],{"class":468},[462,1209,486],{"class":468},[462,1211,627],{"class":508},[462,1213,486],{"class":468},[462,1215,495],{"class":468},[462,1217,1218],{"class":464,"line":498},[462,1219,1220],{"class":508},"  \u003CVyButton>Confirm purchase\u003C\u002FVyButton>\n",[462,1222,1223],{"class":464,"line":526},[462,1224,556],{"emptyLinePlaceholder":555},[462,1226,1227],{"class":464,"line":552},[462,1228,1229],{"class":508},"  \u003Ctemplate #content=\"{ close }\">\n",[462,1231,1232],{"class":464,"line":559},[462,1233,1234],{"class":508},"    \u003Cview class=\"flex flex-col gap-4 p-5\">\n",[462,1236,1237],{"class":464,"line":583},[462,1238,1239],{"class":508},"      \u003Ctext class=\"text-lg font-semibold text-neutral-900\">Confirm purchase\u003C\u002Ftext>\n",[462,1241,1242],{"class":464,"line":593},[462,1243,1244],{"class":508},"      \u003Ctext class=\"text-sm text-neutral-500\">One annual subscription for $99.\u003C\u002Ftext>\n",[462,1246,1247],{"class":464,"line":598},[462,1248,1249],{"class":508},"      \u003Cview class=\"flex flex-row justify-end gap-2\">\n",[462,1251,1252],{"class":464,"line":608},[462,1253,1254],{"class":508},"        \u003CVyButton color=\"neutral\" variant=\"ghost\" @tap=\"close\">Cancel\u003C\u002FVyButton>\n",[462,1256,1257],{"class":464,"line":617},[462,1258,1259],{"class":508},"        \u003CVyButton @tap=\"confirmPurchase\">Confirm\u003C\u002FVyButton>\n",[462,1261,1262],{"class":464,"line":633},[462,1263,1124],{"class":508},[462,1265,1266],{"class":464,"line":648},[462,1267,999],{"class":508},[462,1269,1270],{"class":464,"line":663},[462,1271,1004],{"class":508},[462,1273,1274,1276,1278],{"class":464,"line":669},[462,1275,586],{"class":468},[462,1277,422],{"class":472},[462,1279,495],{"class":468},[889,1281,1283],{"id":1282},"custom-close-button","Custom close button",[417,1285,1286,1287,1289,1290,1292],{},"Pass button props through ",[420,1288,786],{},", or replace the control with the ",[420,1291,786],{}," slot.",[453,1294,1296],{"className":455,"code":1295,"language":457,"meta":458,"style":458},"\u003CVyModal\n  v-model:open=\"open\"\n  title=\"Session expired\"\n  :close=\"{ color: 'error', variant: 'soft', size: 'sm' }\"\n  close-icon=\"i-lucide-log-out\"\n>\n  \u003CVyButton>Show session status\u003C\u002FVyButton>\n\u003C\u002FVyModal>\n",[420,1297,1298,1304,1320,1333,1387,1401,1405,1410],{"__ignoreMap":458},[462,1299,1300,1302],{"class":464,"line":465},[462,1301,469],{"class":468},[462,1303,614],{"class":472},[462,1305,1306,1308,1310,1312,1314,1316,1318],{"class":464,"line":498},[462,1307,915],{"class":476},[462,1309,1063],{"class":468},[462,1311,627],{"class":476},[462,1313,483],{"class":468},[462,1315,486],{"class":468},[462,1317,627],{"class":508},[462,1319,630],{"class":468},[462,1321,1322,1324,1326,1328,1331],{"class":464,"line":526},[462,1323,928],{"class":476},[462,1325,483],{"class":468},[462,1327,486],{"class":468},[462,1329,1330],{"class":489},"Session expired",[462,1332,630],{"class":468},[462,1334,1335,1338,1340,1342,1344,1346,1348,1350,1352,1354,1357,1359,1361,1363,1365,1367,1369,1371,1374,1376,1378,1381,1383,1385],{"class":464,"line":552},[462,1336,1337],{"class":468},"  :",[462,1339,786],{"class":476},[462,1341,483],{"class":468},[462,1343,486],{"class":468},[462,1345,736],{"class":468},[462,1347,678],{"class":472},[462,1349,1063],{"class":468},[462,1351,518],{"class":468},[462,1353,685],{"class":489},[462,1355,1356],{"class":468},"'",[462,1358,536],{"class":468},[462,1360,690],{"class":472},[462,1362,1063],{"class":468},[462,1364,518],{"class":468},[462,1366,697],{"class":489},[462,1368,1356],{"class":468},[462,1370,536],{"class":468},[462,1372,1373],{"class":472}," size",[462,1375,1063],{"class":468},[462,1377,518],{"class":468},[462,1379,1380],{"class":489},"sm",[462,1382,1356],{"class":468},[462,1384,512],{"class":468},[462,1386,630],{"class":468},[462,1388,1389,1392,1394,1396,1399],{"class":464,"line":559},[462,1390,1391],{"class":476},"  close-icon",[462,1393,483],{"class":468},[462,1395,486],{"class":468},[462,1397,1398],{"class":489},"i-lucide-log-out",[462,1400,630],{"class":468},[462,1402,1403],{"class":464,"line":583},[462,1404,495],{"class":468},[462,1406,1407],{"class":464,"line":593},[462,1408,1409],{"class":508},"  \u003CVyButton>Show session status\u003C\u002FVyButton>\n",[462,1411,1412,1414,1416],{"class":464,"line":598},[462,1413,586],{"class":468},[462,1415,422],{"class":472},[462,1417,495],{"class":468},[417,1419,1420,1421,1424],{},"Set ",[420,1422,1423],{},"close=\"false\""," to hide the built-in close button.",[412,1426,1428],{"id":1427},"features-and-behavior","Features and behavior",[1430,1431,1432,1451,1456,1467,1473,1476,1479,1486,1491],"ul",{},[1433,1434,1435,1436,1439,1440,1442,1443,1446,1447,1450],"li",{},"Bind ",[420,1437,1438],{},"v-model:open"," to ",[420,1441,627],{},", or use the ",[420,1444,1445],{},"v-model"," alias backed by ",[420,1448,1449],{},"modelValue",".",[1433,1452,1453,1455],{},[420,1454,627],{}," takes precedence when both controlled props are supplied.",[1433,1457,1458,1459,1462,1463,1466],{},"Both ",[420,1460,1461],{},"update:open"," and ",[420,1464,1465],{},"update:modelValue"," are emitted on every open-state change.",[1433,1468,1469,1472],{},[420,1470,1471],{},"defaultOpen"," initializes uncontrolled dialog state.",[1433,1474,1475],{},"The trigger toggles the dialog and ignores repeated taps while enter or leave animation is active.",[1433,1477,1478],{},"Tapping the backdrop closes the dialog; tapping inside the panel stops propagation.",[1433,1480,1481,1482,1485],{},"The built-in close control uses the core ",[420,1483,1484],{},"DialogClose"," primitive.",[1433,1487,1042,1488,1490],{},[420,1489,1187],{}," slot replaces all default layout regions, including the built-in close button.",[1433,1492,1042,1493,1495,1496,1495,1498,1500,1501,1503,1504,1507],{},[420,1494,1045],{},", ",[420,1497,898],{},[420,1499,729],{},", and ",[420,1502,1187],{}," slots receive a ",[420,1505,1506],{},"close()"," helper.",[889,1509,1511],{"id":1510},"current-api-limitations","Current API limitations",[1430,1513,1514,1529,1535,1544,1550],{},[1433,1515,1516,1519,1520,1523,1524,1526,1527,1450],{},[420,1517,1518],{},"dismissible"," is declared and defaults to ",[420,1521,1522],{},"true",", but the kit component does not currently forward it to the core dialog. Backdrop taps therefore still dismiss when ",[420,1525,1518],{}," is ",[420,1528,577],{},[1433,1530,1531,1534],{},[420,1532,1533],{},"overlay=\"false\""," removes the dimming class, but the full-screen transparent backdrop still renders, blocks interaction behind the modal, and dismisses on tap.",[1433,1536,1537,1540,1541,1450],{},[420,1538,1539],{},"portal"," is retained for API parity, but changing it has no effect. Dialog content is always registered with the Lynx ",[420,1542,1543],{},"OverlayRoot",[1433,1545,1546,1547,1549],{},"In uncontrolled mode, the ",[420,1548,1506],{}," slot helper only emits updates and does not directly change the core dialog's internal state. Prefer controlled state when using the helper. The built-in close control and backdrop still close uncontrolled dialogs.",[1433,1551,1042,1552,1554,1555,1557],{},[420,1553,627],{}," value exposed to the default trigger slot is derived from controlled props; it does not reflect ",[420,1556,1471],{}," changes in uncontrolled mode.",[412,1559,1561],{"id":1560},"props","Props",[1563,1564,1565,1584],"table",{},[1566,1567,1568],"thead",{},[1569,1570,1571,1575,1578,1581],"tr",{},[1572,1573,1574],"th",{},"Prop",[1572,1576,1577],{},"Type",[1572,1579,1580],{},"Default",[1572,1582,1583],{},"Description",[1585,1586,1587,1612,1631,1648,1672,1694,1712,1730,1747,1765,1785,1802,1821],"tbody",{},[1569,1588,1589,1594,1599,1604],{},[1590,1591,1592],"td",{},[420,1593,627],{},[1590,1595,1596],{},[420,1597,1598],{},"boolean",[1590,1600,1601],{},[420,1602,1603],{},"undefined",[1590,1605,1606,1607,1609,1610,1450],{},"Controlled state used by ",[420,1608,1438],{},"; takes precedence over ",[420,1611,1449],{},[1569,1613,1614,1618,1622,1626],{},[1590,1615,1616],{},[420,1617,1449],{},[1590,1619,1620],{},[420,1621,1598],{},[1590,1623,1624],{},[420,1625,1603],{},[1590,1627,1628,1629,1450],{},"Convenience controlled state used by ",[420,1630,1445],{},[1569,1632,1633,1637,1641,1645],{},[1590,1634,1635],{},[420,1636,1471],{},[1590,1638,1639],{},[420,1640,1598],{},[1590,1642,1643],{},[420,1644,577],{},[1590,1646,1647],{},"Initial state when uncontrolled.",[1569,1649,1650,1655,1660,1664],{},[1590,1651,1652],{},[420,1653,1654],{},"title",[1590,1656,1657],{},[420,1658,1659],{},"string",[1590,1661,1662],{},[420,1663,1603],{},[1590,1665,1666,1667,1669,1670,1292],{},"Built-in title text, replaced by the ",[420,1668,1654],{}," or ",[420,1671,1045],{},[1569,1673,1674,1679,1683,1687],{},[1590,1675,1676],{},[420,1677,1678],{},"description",[1590,1680,1681],{},[420,1682,1659],{},[1590,1684,1685],{},[420,1686,1603],{},[1590,1688,1689,1690,1669,1692,1292],{},"Built-in supporting text, replaced by the ",[420,1691,1678],{},[420,1693,1045],{},[1569,1695,1696,1701,1705,1709],{},[1590,1697,1698],{},[420,1699,1700],{},"overlay",[1590,1702,1703],{},[420,1704,1598],{},[1590,1706,1707],{},[420,1708,1522],{},[1590,1710,1711],{},"Applies the dimmed backdrop styling. A transparent dismissal layer remains when false.",[1569,1713,1714,1719,1723,1727],{},[1590,1715,1716],{},[420,1717,1718],{},"transition",[1590,1720,1721],{},[420,1722,1598],{},[1590,1724,1725],{},[420,1726,1522],{},[1590,1728,1729],{},"Applies the kit fade and zoom animation marker classes.",[1569,1731,1732,1736,1740,1744],{},[1590,1733,1734],{},[420,1735,1539],{},[1590,1737,1738],{},[420,1739,1598],{},[1590,1741,1742],{},[420,1743,1522],{},[1590,1745,1746],{},"API-parity prop; currently does not change Lynx overlay registration.",[1569,1748,1749,1753,1758,1762],{},[1590,1750,1751],{},[420,1752,786],{},[1590,1754,1755],{},[420,1756,1757],{},"boolean | Partial\u003CButtonProps>",[1590,1759,1760],{},[420,1761,1522],{},[1590,1763,1764],{},"Shows the built-in close button and optionally forwards button props.",[1569,1766,1767,1772,1776,1782],{},[1590,1768,1769],{},[420,1770,1771],{},"closeIcon",[1590,1773,1774],{},[420,1775,1659],{},[1590,1777,1778,1779],{},"App icon \u002F ",[420,1780,1781],{},"i-lucide-x",[1590,1783,1784],{},"Iconify name for the built-in close button.",[1569,1786,1787,1791,1795,1799],{},[1590,1788,1789],{},[420,1790,1518],{},[1590,1792,1793],{},[420,1794,1598],{},[1590,1796,1797],{},[420,1798,1522],{},[1590,1800,1801],{},"Declared API prop; currently not wired, so backdrop dismissal remains enabled.",[1569,1803,1804,1809,1814,1818],{},[1590,1805,1806],{},[420,1807,1808],{},"class",[1590,1810,1811],{},[420,1812,1813],{},"any",[1590,1815,1816],{},[420,1817,1603],{},[1590,1819,1820],{},"Classes merged onto the trigger wrapper, not the modal panel.",[1569,1822,1823,1828,1833,1837],{},[1590,1824,1825],{},[420,1826,1827],{},"ui",[1590,1829,1830],{},[420,1831,1832],{},"Partial\u003CRecord\u003CModalSlot, any>>",[1590,1834,1835],{},[420,1836,1603],{},[1590,1838,1839],{},"Per-instance theme slot overrides.",[412,1841,1843],{"id":1842},"emits","Emits",[1563,1845,1846,1858],{},[1566,1847,1848],{},[1569,1849,1850,1853,1856],{},[1572,1851,1852],{},"Event",[1572,1854,1855],{},"Payload",[1572,1857,1583],{},[1585,1859,1860,1875],{},[1569,1861,1862,1866,1870],{},[1590,1863,1864],{},[420,1865,1461],{},[1590,1867,1868],{},[420,1869,1598],{},[1590,1871,1872,1873,1450],{},"Open-state update for ",[420,1874,1438],{},[1569,1876,1877,1881,1885],{},[1590,1878,1879],{},[420,1880,1465],{},[1590,1882,1883],{},[420,1884,1598],{},[1590,1886,1872,1887,1450],{},[420,1888,1445],{},[412,1890,1892],{"id":1891},"slots","Slots",[1563,1894,1895,1906],{},[1566,1896,1897],{},[1569,1898,1899,1902,1904],{},[1572,1900,1901],{},"Slot",[1572,1903,1561],{},[1572,1905,1583],{},[1585,1907,1908,1926,1940,1953,1966,1979,1991,2002],{},[1569,1909,1910,1915,1920],{},[1590,1911,1912],{},[420,1913,1914],{},"default",[1590,1916,1917],{},[420,1918,1919],{},"{ open: boolean }",[1590,1921,1922,1923,1925],{},"Trigger content wrapped by ",[420,1924,886],{},". The value reflects controlled props.",[1569,1927,1928,1932,1937],{},[1590,1929,1930],{},[420,1931,1187],{},[1590,1933,1934],{},[420,1935,1936],{},"{ close: () => void }",[1590,1938,1939],{},"Replaces the complete default panel layout.",[1569,1941,1942,1946,1950],{},[1590,1943,1944],{},[420,1945,1045],{},[1590,1947,1948],{},[420,1949,1936],{},[1590,1951,1952],{},"Replaces title, description, and built-in close button.",[1569,1954,1955,1959,1963],{},[1590,1956,1957],{},[420,1958,898],{},[1590,1960,1961],{},[420,1962,1936],{},[1590,1964,1965],{},"Main scrollable content region.",[1569,1967,1968,1972,1976],{},[1590,1969,1970],{},[420,1971,729],{},[1590,1973,1974],{},[420,1975,1936],{},[1590,1977,1978],{},"Bottom action region.",[1569,1980,1981,1985,1988],{},[1590,1982,1983],{},[420,1984,1654],{},[1590,1986,1987],{},"—",[1590,1989,1990],{},"Replaces the built-in title text.",[1569,1992,1993,1997,1999],{},[1590,1994,1995],{},[420,1996,1678],{},[1590,1998,1987],{},[1590,2000,2001],{},"Replaces the built-in description text.",[1569,2003,2004,2008,2013],{},[1590,2005,2006],{},[420,2007,786],{},[1590,2009,2010],{},[420,2011,2012],{},"{ ui }",[1590,2014,2015,2016,1450],{},"Replaces the built-in close button inside ",[420,2017,1484],{},[417,2019,1042,2020,2022],{},[420,2021,1827],{}," close-slot prop is the resolved Tailwind Variants slot object.",[412,2024,2026],{"id":2025},"styling-and-theming","Styling and theming",[417,2028,2029,2030,2033,2034,1450],{},"Override globally through ",[420,2031,2032],{},"appConfig.ui.modal"," or locally with ",[420,2035,1827],{},[1563,2037,2038,2048],{},[1566,2039,2040],{},[1569,2041,2042,2045],{},[1572,2043,2044],{},"UI slot",[1572,2046,2047],{},"Purpose",[1585,2049,2050,2059,2068,2077,2087,2096,2105,2114,2123],{},[1569,2051,2052,2056],{},[1590,2053,2054],{},[420,2055,1700],{},[1590,2057,2058],{},"Full-screen backdrop color and transition marker.",[1569,2060,2061,2065],{},[1590,2062,2063],{},[420,2064,1187],{},[1590,2066,2067],{},"Centered panel width, maximum height, border, radius, surface, and transition marker.",[1569,2069,2070,2074],{},[1590,2071,2072],{},[420,2073,1045],{},[1590,2075,2076],{},"Header row and spacing.",[1569,2078,2079,2084],{},[1590,2080,2081],{},[420,2082,2083],{},"wrapper",[1590,2085,2086],{},"Title and description wrapper.",[1569,2088,2089,2093],{},[1590,2090,2091],{},[420,2092,898],{},[1590,2094,2095],{},"Scrollable main content region.",[1569,2097,2098,2102],{},[1590,2099,2100],{},[420,2101,729],{},[1590,2103,2104],{},"Wrapping action row.",[1569,2106,2107,2111],{},[1590,2108,2109],{},[420,2110,1654],{},[1590,2112,2113],{},"Built-in title typography.",[1569,2115,2116,2120],{},[1590,2117,2118],{},[420,2119,1678],{},[1590,2121,2122],{},"Built-in supporting text and spacing.",[1569,2124,2125,2129],{},[1590,2126,2127],{},[420,2128,786],{},[1590,2130,2131],{},"Built-in close-button positioning.",[417,2133,2134,2135,2137,2138,2141],{},"The only theme variant is ",[420,2136,1718],{},". When enabled, the backdrop fades and the panel zooms during the core Presence lifecycle. The panel is capped at ",[420,2139,2140],{},"calc(100dvh - 1rem)",", and the body scrolls when its content exceeds the available height.",[417,2143,2144,2145,2148,2149,2151],{},"The root theme uses ",[420,2146,2147],{},"divide-y",", so the default header, body, and footer regions produce separators even when a region has no slot content. Use the ",[420,2150,1187],{}," slot when you need complete control over structure and dividers.",[412,2153,328],{"id":2154},"accessibility",[417,2156,2157],{},"The trigger exposes native button semantics and announces collapsed or expanded state. The panel exposes dialog semantics through a native role description and requests exclusive accessibility focus while open. The built-in title exposes heading semantics, and the built-in close control exposes button semantics with the label “Close.”",[417,2159,2160,2161,2163,2164,1669,2166,2168,2169,1450],{},"Keep ",[420,2162,1654],{}," concise and ensure the purpose and consequences are clear in visible text. When using ",[420,2165,1045],{},[420,2167,1187],{},", preserve a heading and provide every icon-only action with an ",[420,2170,2171],{},"accessibility-label",[417,2173,2174],{},"The native panel is treated as an accessibility container rather than one combined accessibility element, allowing its child controls to remain navigable. However, Lynx has no DOM focus trap, and hardware Escape handling is not currently wired. Test focus order, background isolation, and dismissal with VoiceOver and TalkBack on each target platform.",[412,2176,2178],{"id":2177},"platform-notes","Platform notes",[1430,2180,2181,2191,2194,2197,2200,2215],{},[1433,2182,2183,2184,2186,2187,2190],{},"Modal content is painted through the app-root ",[420,2185,1543],{},"; ",[420,2188,2189],{},"DialogPortal"," itself is a transparent pass-through on Lynx.",[1433,2192,2193],{},"Outside interaction is a native tap on the full-screen backdrop rather than a DOM pointer event.",[1433,2195,2196],{},"The default transition uses Presence lifecycle classes and Lynx animation bindings, with a 250ms enter and 200ms leave.",[1433,2198,2199],{},"Core dialog focus callbacks and DOM-style focus trapping are API-parity no-ops on Lynx.",[1433,2201,2202,2203,2206,2207,2210,2211,2214],{},"The default theme uses the ",[420,2204,2205],{},"bg-default"," surface and ",[420,2208,2209],{},"border-default"," border tokens, so it adapts automatically under dark mode (see ",[440,2212,2213],{"href":319},"Theming → Dark Mode",").",[1433,2216,2217,2218,2221],{},"Use ",[420,2219,2220],{},"\u003CVyDrawer :snap-points=\"[1]\">"," instead of a full-screen modal.",[412,2223,2225],{"id":2224},"related-components","Related components",[1430,2227,2228,2236,2242,2251],{},[1433,2229,2230,2235],{},[440,2231,2232],{"href":67},[420,2233,2234],{},"ActionSheet"," for a mobile list of actions.",[1433,2237,2238,2241],{},[420,2239,2240],{},"Drawer"," for forms, long content, drag gestures, and full-screen presentation.",[1433,2243,2244,2247,2248,2250],{},[420,2245,2246],{},"AlertDialog"," primitives from ",[420,2249,41],{}," when alert-dialog semantics are required.",[1433,2252,2253,2255],{},[420,2254,204],{}," for non-blocking contextual content.",[2257,2258,2259],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":458,"searchDepth":465,"depth":498,"links":2261},[2262,2263,2269,2272,2273,2274,2275,2276,2277,2278],{"id":414,"depth":498,"text":415},{"id":450,"depth":498,"text":451,"children":2264},[2265,2266,2267,2268],{"id":891,"depth":526,"text":892},{"id":1038,"depth":526,"text":1039},{"id":1181,"depth":526,"text":1182},{"id":1282,"depth":526,"text":1283},{"id":1427,"depth":498,"text":1428,"children":2270},[2271],{"id":1510,"depth":526,"text":1511},{"id":1560,"depth":498,"text":1561},{"id":1842,"depth":498,"text":1843},{"id":1891,"depth":498,"text":1892},{"id":2025,"depth":498,"text":2026},{"id":2154,"depth":498,"text":328},{"id":2177,"depth":498,"text":2178},{"id":2224,"depth":498,"text":2225},"Present a short blocking alert or confirmation dialog.","md",[2282],{"label":2283,"icon":2284,"to":2285,"target":2286},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FModal.vue","_blank",{},{"icon":177},{"title":174,"description":2279},"M2SEr3M3BZ5AdOlfeu4HyxSiAVYu0CvLLnQWiwr3NQ0",[2292,2294],{"title":169,"path":170,"stem":171,"description":2293,"icon":-1,"children":-1,"navigation":-1},"Render visible text for a form control.",{"title":179,"path":180,"stem":181,"description":2295,"icon":-1,"children":-1,"navigation":-1},"Headless stack-navigation primitive — push\u002Fpop pages with iOS\u002FMaterial-style slide transitions.",1783534415187]