[{"data":1,"prerenderedAt":1214},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fdialog":460,"\u002Fcomponents\u002Fdialog-surround":1209},[4,34,51,301,327,332,337,406],{"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",{"title":407,"path":408,"stem":409,"children":410,"package":11,"icon":412},"Guides","\u002Fguides","8.guides\u002F1.index",[411,413,417,422,427,432,437,441,446,450,455],{"title":407,"path":408,"stem":409,"package":11,"icon":412},"i-lucide-book-open",{"title":414,"path":415,"stem":416,"package":11,"icon":348},"Instant first-frame rendering","\u002Fguides\u002Finstant-first-frame-rendering","8.guides\u002F10.instant-first-frame-rendering",{"title":418,"path":419,"stem":420,"package":11,"icon":421},"Why use Vy UI","\u002Fguides\u002Fwhy-vy-ui","8.guides\u002F11.why-vy-ui","i-lucide-help-circle",{"title":423,"path":424,"stem":425,"package":11,"icon":426},"Lynx UI frameworks","\u002Fguides\u002Flynx-ui-frameworks","8.guides\u002F2.lynx-ui-frameworks","i-lucide-library",{"title":428,"path":429,"stem":430,"package":11,"icon":431},"What is Vue Lynx","\u002Fguides\u002Fvue-lynx","8.guides\u002F3.vue-lynx","i-lucide-component",{"title":433,"path":434,"stem":435,"package":11,"icon":436},"Lynx vs React Native","\u002Fguides\u002Flynx-vs-react-native","8.guides\u002F4.lynx-vs-react-native","i-lucide-git-compare",{"title":438,"path":439,"stem":440,"package":11,"icon":84},"Testing on your phone","\u002Fguides\u002Ftesting-on-device","8.guides\u002F5.testing-on-device",{"title":442,"path":443,"stem":444,"package":11,"icon":445},"Testing with Xcode","\u002Fguides\u002Ftesting-with-xcode","8.guides\u002F6.testing-with-xcode","i-lucide-apple",{"title":447,"path":448,"stem":449,"package":11,"icon":27},"The rspeedy dev server","\u002Fguides\u002Frspeedy-dev-server","8.guides\u002F7.rspeedy-dev-server",{"title":451,"path":452,"stem":453,"package":11,"icon":454},"Tailwind on Lynx","\u002Fguides\u002Ftailwind-on-lynx","8.guides\u002F8.tailwind-on-lynx","i-lucide-wind",{"title":456,"path":457,"stem":458,"package":11,"icon":459},"Theming on Lynx","\u002Fguides\u002Ftheming-on-lynx","8.guides\u002F9.theming-on-lynx","i-lucide-paintbrush",{"id":461,"title":126,"body":462,"description":1197,"extension":1198,"links":1199,"meta":1205,"navigation":1206,"package":79,"path":127,"seo":1207,"stem":128,"__hash__":1208},"docs\u002F3.components\u002Fdialog.md",{"type":463,"value":464,"toc":1182},"minimark",[465,470,489,505,509,599,603,1026,1030,1080,1084,1090,1093,1096,1101,1103,1108,1110,1112,1117,1119,1124,1126,1129,1147,1151,1178],[466,467,469],"h2",{"id":468},"overview","Overview",[471,472,473,476,477,479,480,485,486,488],"p",{},[474,475,126],"code",{}," is a headless ",[474,478,41],{}," primitive for an overlay window layered above the page. It ships behavior only — open\u002Fclose state, portalling, overlay, focus management, and dismissal — and leaves all markup and styling to you. The styled ",[481,482,483],"a",{"href":175},[474,484,174],{}," component in ",[474,487,46],{}," is built on top of it.",[490,491,492],"callout",{"icon":44},[471,493,494,495,497,498,501,502,504],{},"This is a layer of ",[474,496,41],{},". If you want a drop-in styled dialog, reach for ",[474,499,500],{},"VyModal"," in ",[474,503,46],{}," instead and only compose these primitives when you need full control.",[466,506,508],{"id":507},"anatomy","Anatomy",[510,511,516],"pre",{"className":512,"code":513,"language":514,"meta":515,"style":515},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CDialogRoot>\n  \u003CDialogTrigger \u002F>\n  \u003CDialogPortal>\n    \u003CDialogOverlay \u002F>\n    \u003CDialogContent>\n      \u003CDialogTitle \u002F>\n      \u003CDialogDescription \u002F>\n      \u003CDialogClose \u002F>\n    \u003C\u002FDialogContent>\n  \u003C\u002FDialogPortal>\n\u003C\u002FDialogRoot>\n","vue","",[474,517,518,534,541,547,553,559,565,571,577,583,589],{"__ignoreMap":515},[519,520,523,527,531],"span",{"class":521,"line":522},"line",1,[519,524,526],{"class":525},"sMK4o","\u003C",[519,528,530],{"class":529},"swJcz","DialogRoot",[519,532,533],{"class":525},">\n",[519,535,537],{"class":521,"line":536},2,[519,538,540],{"class":539},"sTEyZ","  \u003CDialogTrigger \u002F>\n",[519,542,544],{"class":521,"line":543},3,[519,545,546],{"class":539},"  \u003CDialogPortal>\n",[519,548,550],{"class":521,"line":549},4,[519,551,552],{"class":539},"    \u003CDialogOverlay \u002F>\n",[519,554,556],{"class":521,"line":555},5,[519,557,558],{"class":539},"    \u003CDialogContent>\n",[519,560,562],{"class":521,"line":561},6,[519,563,564],{"class":539},"      \u003CDialogTitle \u002F>\n",[519,566,568],{"class":521,"line":567},7,[519,569,570],{"class":539},"      \u003CDialogDescription \u002F>\n",[519,572,574],{"class":521,"line":573},8,[519,575,576],{"class":539},"      \u003CDialogClose \u002F>\n",[519,578,580],{"class":521,"line":579},9,[519,581,582],{"class":539},"    \u003C\u002FDialogContent>\n",[519,584,586],{"class":521,"line":585},10,[519,587,588],{"class":539},"  \u003C\u002FDialogPortal>\n",[519,590,592,595,597],{"class":521,"line":591},11,[519,593,594],{"class":525},"\u003C\u002F",[519,596,530],{"class":529},[519,598,533],{"class":525},[466,600,602],{"id":601},"usage","Usage",[510,604,606],{"className":512,"code":605,"language":514,"meta":515,"style":515},"\u003Cscript setup lang=\"ts\">\nimport {\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogOverlay,\n  DialogPortal,\n  DialogRoot,\n  DialogTitle,\n  DialogTrigger,\n} from '@vyui\u002Fcore'\n\nconst open = ref(false)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CDialogRoot v-model:open=\"open\">\n    \u003CDialogTrigger>\n      \u003Ctext>Open dialog\u003C\u002Ftext>\n    \u003C\u002FDialogTrigger>\n\n    \u003CDialogPortal>\n      \u003CDialogOverlay \u002F>\n      \u003CDialogContent>\n        \u003CDialogTitle>\n          \u003Ctext>Confirm changes\u003C\u002Ftext>\n        \u003C\u002FDialogTitle>\n        \u003CDialogDescription>\n          \u003Ctext>This updates your workspace settings.\u003C\u002Ftext>\n        \u003C\u002FDialogDescription>\n        \u003CDialogClose>\n          \u003Ctext>Close\u003C\u002Ftext>\n        \u003C\u002FDialogClose>\n      \u003C\u002FDialogContent>\n    \u003C\u002FDialogPortal>\n  \u003C\u002FDialogRoot>\n\u003C\u002Ftemplate>\n",[474,607,608,636,645,653,660,667,674,681,688,695,702,718,725,750,759,764,774,796,807,828,838,843,853,864,874,885,904,914,924,942,951,961,979,988,998,1007,1017],{"__ignoreMap":515},[519,609,610,612,615,619,622,625,628,632,634],{"class":521,"line":522},[519,611,526],{"class":525},[519,613,614],{"class":529},"script",[519,616,618],{"class":617},"spNyl"," setup",[519,620,621],{"class":617}," lang",[519,623,624],{"class":525},"=",[519,626,627],{"class":525},"\"",[519,629,631],{"class":630},"sfazB","ts",[519,633,627],{"class":525},[519,635,533],{"class":525},[519,637,638,642],{"class":521,"line":536},[519,639,641],{"class":640},"s7zQu","import",[519,643,644],{"class":525}," {\n",[519,646,647,650],{"class":521,"line":543},[519,648,649],{"class":539},"  DialogClose",[519,651,652],{"class":525},",\n",[519,654,655,658],{"class":521,"line":549},[519,656,657],{"class":539},"  DialogContent",[519,659,652],{"class":525},[519,661,662,665],{"class":521,"line":555},[519,663,664],{"class":539},"  DialogDescription",[519,666,652],{"class":525},[519,668,669,672],{"class":521,"line":561},[519,670,671],{"class":539},"  DialogOverlay",[519,673,652],{"class":525},[519,675,676,679],{"class":521,"line":567},[519,677,678],{"class":539},"  DialogPortal",[519,680,652],{"class":525},[519,682,683,686],{"class":521,"line":573},[519,684,685],{"class":539},"  DialogRoot",[519,687,652],{"class":525},[519,689,690,693],{"class":521,"line":579},[519,691,692],{"class":539},"  DialogTitle",[519,694,652],{"class":525},[519,696,697,700],{"class":521,"line":585},[519,698,699],{"class":539},"  DialogTrigger",[519,701,652],{"class":525},[519,703,704,707,710,713,715],{"class":521,"line":591},[519,705,706],{"class":525},"}",[519,708,709],{"class":640}," from",[519,711,712],{"class":525}," '",[519,714,41],{"class":630},[519,716,717],{"class":525},"'\n",[519,719,721],{"class":521,"line":720},12,[519,722,724],{"emptyLinePlaceholder":723},true,"\n",[519,726,728,731,734,736,740,743,747],{"class":521,"line":727},13,[519,729,730],{"class":617},"const",[519,732,733],{"class":539}," open ",[519,735,624],{"class":525},[519,737,739],{"class":738},"s2Zo4"," ref",[519,741,742],{"class":539},"(",[519,744,746],{"class":745},"sfNiH","false",[519,748,749],{"class":539},")\n",[519,751,753,755,757],{"class":521,"line":752},14,[519,754,594],{"class":525},[519,756,614],{"class":529},[519,758,533],{"class":525},[519,760,762],{"class":521,"line":761},15,[519,763,724],{"emptyLinePlaceholder":723},[519,765,767,769,772],{"class":521,"line":766},16,[519,768,526],{"class":525},[519,770,771],{"class":529},"template",[519,773,533],{"class":525},[519,775,777,780,782,785,787,789,792,794],{"class":521,"line":776},17,[519,778,779],{"class":525},"  \u003C",[519,781,530],{"class":529},[519,783,784],{"class":617}," v-model:open",[519,786,624],{"class":525},[519,788,627],{"class":525},[519,790,791],{"class":630},"open",[519,793,627],{"class":525},[519,795,533],{"class":525},[519,797,799,802,805],{"class":521,"line":798},18,[519,800,801],{"class":525},"    \u003C",[519,803,804],{"class":529},"DialogTrigger",[519,806,533],{"class":525},[519,808,810,813,816,819,822,824,826],{"class":521,"line":809},19,[519,811,812],{"class":525},"      \u003C",[519,814,815],{"class":529},"text",[519,817,818],{"class":525},">",[519,820,821],{"class":539},"Open dialog",[519,823,594],{"class":525},[519,825,815],{"class":529},[519,827,533],{"class":525},[519,829,831,834,836],{"class":521,"line":830},20,[519,832,833],{"class":525},"    \u003C\u002F",[519,835,804],{"class":529},[519,837,533],{"class":525},[519,839,841],{"class":521,"line":840},21,[519,842,724],{"emptyLinePlaceholder":723},[519,844,846,848,851],{"class":521,"line":845},22,[519,847,801],{"class":525},[519,849,850],{"class":529},"DialogPortal",[519,852,533],{"class":525},[519,854,856,858,861],{"class":521,"line":855},23,[519,857,812],{"class":525},[519,859,860],{"class":529},"DialogOverlay",[519,862,863],{"class":525}," \u002F>\n",[519,865,867,869,872],{"class":521,"line":866},24,[519,868,812],{"class":525},[519,870,871],{"class":529},"DialogContent",[519,873,533],{"class":525},[519,875,877,880,883],{"class":521,"line":876},25,[519,878,879],{"class":525},"        \u003C",[519,881,882],{"class":529},"DialogTitle",[519,884,533],{"class":525},[519,886,888,891,893,895,898,900,902],{"class":521,"line":887},26,[519,889,890],{"class":525},"          \u003C",[519,892,815],{"class":529},[519,894,818],{"class":525},[519,896,897],{"class":539},"Confirm changes",[519,899,594],{"class":525},[519,901,815],{"class":529},[519,903,533],{"class":525},[519,905,907,910,912],{"class":521,"line":906},27,[519,908,909],{"class":525},"        \u003C\u002F",[519,911,882],{"class":529},[519,913,533],{"class":525},[519,915,917,919,922],{"class":521,"line":916},28,[519,918,879],{"class":525},[519,920,921],{"class":529},"DialogDescription",[519,923,533],{"class":525},[519,925,927,929,931,933,936,938,940],{"class":521,"line":926},29,[519,928,890],{"class":525},[519,930,815],{"class":529},[519,932,818],{"class":525},[519,934,935],{"class":539},"This updates your workspace settings.",[519,937,594],{"class":525},[519,939,815],{"class":529},[519,941,533],{"class":525},[519,943,945,947,949],{"class":521,"line":944},30,[519,946,909],{"class":525},[519,948,921],{"class":529},[519,950,533],{"class":525},[519,952,954,956,959],{"class":521,"line":953},31,[519,955,879],{"class":525},[519,957,958],{"class":529},"DialogClose",[519,960,533],{"class":525},[519,962,964,966,968,970,973,975,977],{"class":521,"line":963},32,[519,965,890],{"class":525},[519,967,815],{"class":529},[519,969,818],{"class":525},[519,971,972],{"class":539},"Close",[519,974,594],{"class":525},[519,976,815],{"class":529},[519,978,533],{"class":525},[519,980,982,984,986],{"class":521,"line":981},33,[519,983,909],{"class":525},[519,985,958],{"class":529},[519,987,533],{"class":525},[519,989,991,994,996],{"class":521,"line":990},34,[519,992,993],{"class":525},"      \u003C\u002F",[519,995,871],{"class":529},[519,997,533],{"class":525},[519,999,1001,1003,1005],{"class":521,"line":1000},35,[519,1002,833],{"class":525},[519,1004,850],{"class":529},[519,1006,533],{"class":525},[519,1008,1010,1013,1015],{"class":521,"line":1009},36,[519,1011,1012],{"class":525},"  \u003C\u002F",[519,1014,530],{"class":529},[519,1016,533],{"class":525},[519,1018,1020,1022,1024],{"class":521,"line":1019},37,[519,1021,594],{"class":525},[519,1023,771],{"class":529},[519,1025,533],{"class":525},[466,1027,1029],{"id":1028},"features-and-behavior","Features and behavior",[1031,1032,1033,1048,1061,1066,1075],"ul",{},[1034,1035,1036,1039,1040,1043,1044,1047],"li",{},[474,1037,1038],{},"modal"," defaults to ",[474,1041,1042],{},"true","; interaction with content behind the overlay is blocked. Set ",[474,1045,1046],{},"modal=\"false\""," for a non-modal dialog that leaves the rest of the page interactive.",[1034,1049,1050,1052,1053,1056,1057,1060],{},[474,1051,791],{}," \u002F ",[474,1054,1055],{},"v-model:open"," controls visibility; ",[474,1058,1059],{},"defaultOpen"," seeds uncontrolled state.",[1034,1062,1063,1065],{},[474,1064,871],{}," traps focus while open and restores it to the trigger on close.",[1034,1067,1068,1070,1071,1074],{},[474,1069,958],{}," and pressing dismiss\u002Fback close the dialog and emit ",[474,1072,1073],{},"update:open",".",[1034,1076,1077,1079],{},[474,1078,850],{}," renders the overlay and content at the root of the tree so they layer above sibling content.",[466,1081,1083],{"id":1082},"api","API",[1085,1086,1088],"h3",{"id":1087},"dialogroot",[474,1089,530],{},[1091,1092],"component-props",{"name":530},[1094,1095],"component-emits",{"name":530},[1085,1097,1099],{"id":1098},"dialogtrigger",[474,1100,804],{},[1091,1102],{"name":804},[1085,1104,1106],{"id":1105},"dialogcontent",[474,1107,871],{},[1091,1109],{"name":871},[1094,1111],{"name":871},[1085,1113,1115],{"id":1114},"dialogoverlay",[474,1116,860],{},[1091,1118],{"name":860},[1085,1120,1122],{"id":1121},"dialogclose",[474,1123,958],{},[1091,1125],{"name":958},[466,1127,328],{"id":1128},"accessibility",[1031,1130,1131,1139,1144],{},[1034,1132,1133,1135,1136,1138],{},[474,1134,871],{}," exposes native Lynx dialog semantics and manages a focus trap; always include a ",[474,1137,882],{}," so the dialog is announced.",[1034,1140,1141,1143],{},[474,1142,921],{}," is associated with the content as its accessible description.",[1034,1145,1146],{},"Closing returns focus to the element that opened the dialog.",[466,1148,1150],{"id":1149},"related-components","Related components",[1031,1152,1153,1163,1171],{},[1034,1154,1155,1159,1160,1162],{},[481,1156,1157],{"href":175},[474,1158,174],{}," — the styled ",[474,1161,46],{}," dialog built on this primitive.",[1034,1164,1165,1170],{},[481,1166,1167],{"href":77},[474,1168,1169],{},"AlertDialog"," — a focus-trapping confirmation variant with required action\u002Fcancel.",[1034,1172,1173,1177],{},[481,1174,1175],{"href":240},[474,1176,239],{}," — a drag-snappable bottom sheet alternative.",[1179,1180,1181],"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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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);}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 .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}",{"title":515,"searchDepth":522,"depth":536,"links":1183},[1184,1185,1186,1187,1188,1195,1196],{"id":468,"depth":536,"text":469},{"id":507,"depth":536,"text":508},{"id":601,"depth":536,"text":602},{"id":1028,"depth":536,"text":1029},{"id":1082,"depth":536,"text":1083,"children":1189},[1190,1191,1192,1193,1194],{"id":1087,"depth":543,"text":530},{"id":1098,"depth":543,"text":804},{"id":1105,"depth":543,"text":871},{"id":1114,"depth":543,"text":860},{"id":1121,"depth":543,"text":958},{"id":1128,"depth":536,"text":328},{"id":1149,"depth":536,"text":1150},"Headless modal\u002Fnon-modal dialog primitive — trigger, portal, overlay, and content with full focus and dismiss behavior.","md",[1200],{"label":1201,"icon":1202,"to":1203,"target":1204},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fcore\u002Fsrc\u002Fcomponents\u002FDialog","_blank",{},{"icon":129},{"title":126,"description":1197},"YTmUWnMWjAfphIJQJnMySVZeB2rADWpGQAyNK_HJlbA",[1210,1212],{"title":121,"path":122,"stem":123,"description":1211,"icon":-1,"children":-1,"navigation":-1},"Headless disclosure primitive — a single region that expands and collapses.",{"title":131,"path":132,"stem":133,"description":1213,"icon":-1,"children":-1,"navigation":-1},"Headless 2D pan-gesture primitive with axis locking, bounds, momentum, and reset.",1785060120887]