[{"data":1,"prerenderedAt":2017},["ShallowReactive",2],{"navigation":3,"-composables-use-overlay":576,"-composables-use-overlay-surround":2001,"-composables-use-overlay-description":2006},[4,103,121],{"title":5,"path":6,"stem":7,"children":8,"framework":11,"module":11,"icon":24},"Getting Started","/getting-started","1.getting-started/1.index",[9,13,42,46,51,63,68,80,93,98],{"title":10,"path":6,"stem":7,"framework":11,"module":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"framework":11,"module":11,"shadow":15,"path":16,"stem":17,"children":18,"page":41},"Installation",true,"/getting-started/installation","1.getting-started/2.installation",[19,25,29],{"title":14,"path":20,"stem":21,"framework":22,"module":23,"icon":24},"/getting-started/installation/nuxt","1.getting-started/2.installation/1.nuxt","nuxt","ui","i-lucide-square-play",{"title":14,"path":26,"stem":27,"framework":28,"module":23,"icon":24},"/getting-started/installation/vue","1.getting-started/2.installation/2.vue","vue",{"title":30,"framework":11,"module":11,"shadow":15,"path":31,"stem":32,"children":33,"page":41},"Pro","/getting-started/installation/pro","1.getting-started/2.installation/pro",[34,38],{"title":14,"path":35,"stem":36,"framework":22,"module":37,"icon":24},"/getting-started/installation/pro/nuxt","1.getting-started/2.installation/pro/1.nuxt","ui-pro",{"title":14,"path":39,"stem":40,"framework":28,"module":37,"icon":24},"/getting-started/installation/pro/vue","1.getting-started/2.installation/pro/2.vue",false,{"title":43,"path":44,"stem":45,"framework":11,"module":11},"Migration","/getting-started/migration","1.getting-started/2.migration",{"title":47,"path":48,"stem":49,"framework":11,"module":11,"icon":50},"Theme","/getting-started/theme","1.getting-started/3.theme","i-lucide-swatch-book",{"title":52,"framework":11,"module":11,"shadow":15,"path":53,"stem":54,"children":55,"page":41},"Icons","/getting-started/icons","1.getting-started/4.icons",[56,60],{"title":52,"path":57,"stem":58,"framework":22,"module":11,"icon":59},"/getting-started/icons/nuxt","1.getting-started/4.icons/1.nuxt","i-lucide-smile",{"title":52,"path":61,"stem":62,"framework":28,"module":11,"icon":59},"/getting-started/icons/vue","1.getting-started/4.icons/2.vue",{"title":64,"path":65,"stem":66,"framework":22,"module":11,"icon":67},"Fonts","/getting-started/fonts","1.getting-started/5.fonts","i-lucide-a-large-small",{"title":69,"framework":11,"module":11,"shadow":15,"path":70,"stem":71,"children":72,"page":41},"Color Mode","/getting-started/color-mode","1.getting-started/6.color-mode",[73,77],{"title":69,"path":74,"stem":75,"framework":22,"module":11,"icon":76},"/getting-started/color-mode/nuxt","1.getting-started/6.color-mode/1.nuxt","i-lucide-sun-moon",{"title":69,"path":78,"stem":79,"framework":28,"module":11,"icon":76},"/getting-started/color-mode/vue","1.getting-started/6.color-mode/2.vue",{"title":81,"framework":11,"module":11,"shadow":15,"path":82,"stem":83,"children":84,"page":41},"I18n","/getting-started/i18n","1.getting-started/7.i18n",[85,90],{"title":86,"path":87,"stem":88,"framework":22,"module":11,"icon":89},"Internationalization (i18n)","/getting-started/i18n/nuxt","1.getting-started/7.i18n/1.nuxt","i-lucide-languages",{"title":86,"path":91,"stem":92,"framework":28,"module":11,"icon":89},"/getting-started/i18n/vue","1.getting-started/7.i18n/2.vue",{"title":94,"path":95,"stem":96,"framework":22,"module":37,"icon":97},"Content","/getting-started/content","1.getting-started/8.content","i-simple-icons-markdown",{"title":99,"path":100,"stem":101,"framework":22,"module":37,"icon":102},"Typography","/getting-started/typography","1.getting-started/9.typography","i-lucide-type",{"title":104,"framework":11,"module":11,"icon":105,"path":106,"stem":107,"children":108,"page":41},"Composables","i-lucide-square-function","/composables","2.composables",[109,113,117],{"title":110,"path":111,"stem":112,"framework":11,"module":11},"defineShortcuts","/composables/define-shortcuts","2.composables/define-shortcuts",{"title":114,"path":115,"stem":116,"framework":11,"module":11},"useOverlay","/composables/use-overlay","2.composables/use-overlay",{"title":118,"path":119,"stem":120,"framework":11,"module":11},"useToast","/composables/use-toast","2.composables/use-toast",{"title":122,"framework":11,"module":11,"icon":123,"path":124,"stem":125,"children":126,"page":41},"Components","i-lucide-square-code","/components","3.components",[127,131,135,139,143,147,151,155,159,163,167,171,175,179,183,187,191,195,199,203,207,211,215,219,223,227,231,235,239,243,247,251,255,259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,348,352,356,360,364,368,372,376,380,384,388,392,396,400,404,408,412,416,420,424,428,432,436,440,444,448,452,456,460,464,468,472,476,480,484,488,492,496,500,504,508,512,516,520,524,528,532,536,540,544,548,552,556,560,564,568,572],{"title":128,"path":129,"stem":130,"framework":11,"module":11},"App","/components/app","3.components/0.app",{"title":132,"path":133,"stem":134,"framework":11,"module":11},"Accordion","/components/accordion","3.components/accordion",{"title":136,"path":137,"stem":138,"framework":11,"module":11},"Alert","/components/alert","3.components/alert",{"title":140,"path":141,"stem":142,"framework":11,"module":37},"AuthForm","/components/auth-form","3.components/auth-form",{"title":144,"path":145,"stem":146,"framework":11,"module":11},"Avatar","/components/avatar","3.components/avatar",{"title":148,"path":149,"stem":150,"framework":11,"module":11},"AvatarGroup","/components/avatar-group","3.components/avatar-group",{"title":152,"path":153,"stem":154,"framework":11,"module":11},"Badge","/components/badge","3.components/badge",{"title":156,"path":157,"stem":158,"framework":11,"module":37},"Banner","/components/banner","3.components/banner",{"title":160,"path":161,"stem":162,"framework":11,"module":37},"BlogPost","/components/blog-post","3.components/blog-post",{"title":164,"path":165,"stem":166,"framework":11,"module":37},"BlogPosts","/components/blog-posts","3.components/blog-posts",{"title":168,"path":169,"stem":170,"framework":11,"module":11},"Breadcrumb","/components/breadcrumb","3.components/breadcrumb",{"title":172,"path":173,"stem":174,"framework":11,"module":11},"Button","/components/button","3.components/button",{"title":176,"path":177,"stem":178,"framework":11,"module":11},"ButtonGroup","/components/button-group","3.components/button-group",{"title":180,"path":181,"stem":182,"framework":11,"module":11},"Calendar","/components/calendar","3.components/calendar",{"title":184,"path":185,"stem":186,"framework":11,"module":11},"Card","/components/card","3.components/card",{"title":188,"path":189,"stem":190,"framework":11,"module":11},"Carousel","/components/carousel","3.components/carousel",{"title":192,"path":193,"stem":194,"framework":11,"module":37},"ChangelogVersion","/components/changelog-version","3.components/changelog-version",{"title":196,"path":197,"stem":198,"framework":11,"module":37},"ChangelogVersions","/components/changelog-versions","3.components/changelog-versions",{"title":200,"path":201,"stem":202,"framework":11,"module":37},"ChatMessage","/components/chat-message","3.components/chat-message",{"title":204,"path":205,"stem":206,"framework":11,"module":37},"ChatMessages","/components/chat-messages","3.components/chat-messages",{"title":208,"path":209,"stem":210,"framework":11,"module":37},"ChatPalette","/components/chat-palette","3.components/chat-palette",{"title":212,"path":213,"stem":214,"framework":11,"module":37},"ChatPrompt","/components/chat-prompt","3.components/chat-prompt",{"title":216,"path":217,"stem":218,"framework":11,"module":37},"ChatPromptSubmit","/components/chat-prompt-submit","3.components/chat-prompt-submit",{"title":220,"path":221,"stem":222,"framework":11,"module":11},"Checkbox","/components/checkbox","3.components/checkbox",{"title":224,"path":225,"stem":226,"framework":11,"module":11},"CheckboxGroup","/components/checkbox-group","3.components/checkbox-group",{"title":228,"path":229,"stem":230,"framework":11,"module":11},"Chip","/components/chip","3.components/chip",{"title":232,"path":233,"stem":234,"framework":11,"module":11},"Collapsible","/components/collapsible","3.components/collapsible",{"title":236,"path":237,"stem":238,"framework":11,"module":37},"ColorModeAvatar","/components/color-mode-avatar","3.components/color-mode-avatar",{"title":240,"path":241,"stem":242,"framework":11,"module":37},"ColorModeButton","/components/color-mode-button","3.components/color-mode-button",{"title":244,"path":245,"stem":246,"framework":11,"module":37},"ColorModeImage","/components/color-mode-image","3.components/color-mode-image",{"title":248,"path":249,"stem":250,"framework":11,"module":37},"ColorModeSelect","/components/color-mode-select","3.components/color-mode-select",{"title":252,"path":253,"stem":254,"framework":11,"module":37},"ColorModeSwitch","/components/color-mode-switch","3.components/color-mode-switch",{"title":256,"path":257,"stem":258,"framework":11,"module":11},"ColorPicker","/components/color-picker","3.components/color-picker",{"title":260,"path":261,"stem":262,"framework":11,"module":11},"CommandPalette","/components/command-palette","3.components/command-palette",{"title":264,"path":265,"stem":266,"framework":11,"module":11},"Container","/components/container","3.components/container",{"title":268,"path":269,"stem":270,"framework":22,"module":37},"ContentNavigation","/components/content-navigation","3.components/content-navigation",{"title":272,"path":273,"stem":274,"framework":22,"module":37},"ContentSearch","/components/content-search","3.components/content-search",{"title":276,"path":277,"stem":278,"framework":22,"module":37},"ContentSearchButton","/components/content-search-button","3.components/content-search-button",{"title":280,"path":281,"stem":282,"framework":22,"module":37},"ContentSurround","/components/content-surround","3.components/content-surround",{"title":284,"path":285,"stem":286,"framework":22,"module":37},"ContentToc","/components/content-toc","3.components/content-toc",{"title":288,"path":289,"stem":290,"framework":11,"module":11},"ContextMenu","/components/context-menu","3.components/context-menu",{"title":292,"path":293,"stem":294,"framework":11,"module":37},"DashboardGroup","/components/dashboard-group","3.components/dashboard-group",{"title":296,"path":297,"stem":298,"framework":11,"module":37},"DashboardNavbar","/components/dashboard-navbar","3.components/dashboard-navbar",{"title":300,"path":301,"stem":302,"framework":11,"module":37},"DashboardPanel","/components/dashboard-panel","3.components/dashboard-panel",{"title":304,"path":305,"stem":306,"framework":11,"module":37},"DashboardResizeHandle","/components/dashboard-resize-handle","3.components/dashboard-resize-handle",{"title":308,"path":309,"stem":310,"framework":11,"module":37},"DashboardSearch","/components/dashboard-search","3.components/dashboard-search",{"title":312,"path":313,"stem":314,"framework":11,"module":37},"DashboardSearchButton","/components/dashboard-search-button","3.components/dashboard-search-button",{"title":316,"path":317,"stem":318,"framework":11,"module":37},"DashboardSidebar","/components/dashboard-sidebar","3.components/dashboard-sidebar",{"title":320,"path":321,"stem":322,"framework":11,"module":37},"DashboardSidebarCollapse","/components/dashboard-sidebar-collapse","3.components/dashboard-sidebar-collapse",{"title":324,"path":325,"stem":326,"framework":11,"module":37},"DashboardSidebarToggle","/components/dashboard-sidebar-toggle","3.components/dashboard-sidebar-toggle",{"title":328,"path":329,"stem":330,"framework":11,"module":37},"DashboardToolbar","/components/dashboard-toolbar","3.components/dashboard-toolbar",{"title":332,"path":333,"stem":334,"framework":11,"module":11},"Drawer","/components/drawer","3.components/drawer",{"title":336,"path":337,"stem":338,"framework":11,"module":11},"DropdownMenu","/components/dropdown-menu","3.components/dropdown-menu",{"title":340,"path":341,"stem":342,"framework":11,"module":37},"Error","/components/error","3.components/error",{"title":344,"path":345,"stem":346,"framework":11,"module":11,"badge":347},"FileUpload","/components/file-upload","3.components/file-upload","New",{"title":349,"path":350,"stem":351,"framework":11,"module":37},"Footer","/components/footer","3.components/footer",{"title":353,"path":354,"stem":355,"framework":11,"module":37},"FooterColumns","/components/footer-columns","3.components/footer-columns",{"title":357,"path":358,"stem":359,"framework":11,"module":11},"Form","/components/form","3.components/form",{"title":361,"path":362,"stem":363,"framework":11,"module":11},"FormField","/components/form-field","3.components/form-field",{"title":365,"path":366,"stem":367,"framework":11,"module":37},"Header","/components/header","3.components/header",{"title":369,"path":370,"stem":371,"framework":11,"module":11},"Icon","/components/icon","3.components/icon",{"title":373,"path":374,"stem":375,"framework":11,"module":11},"Input","/components/input","3.components/input",{"title":377,"path":378,"stem":379,"framework":11,"module":11},"InputMenu","/components/input-menu","3.components/input-menu",{"title":381,"path":382,"stem":383,"framework":11,"module":11},"InputNumber","/components/input-number","3.components/input-number",{"title":385,"path":386,"stem":387,"framework":11,"module":11},"InputTags","/components/input-tags","3.components/input-tags",{"title":389,"path":390,"stem":391,"framework":11,"module":11},"Kbd","/components/kbd","3.components/kbd",{"title":393,"path":394,"stem":395,"framework":11,"module":11},"Link","/components/link","3.components/link",{"title":397,"path":398,"stem":399,"framework":11,"module":37},"LocaleSelect","/components/locale-select","3.components/locale-select",{"title":401,"path":402,"stem":403,"framework":11,"module":37},"Main","/components/main","3.components/main",{"title":405,"path":406,"stem":407,"framework":11,"module":11},"Modal","/components/modal","3.components/modal",{"title":409,"path":410,"stem":411,"framework":11,"module":11},"NavigationMenu","/components/navigation-menu","3.components/navigation-menu",{"title":413,"path":414,"stem":415,"framework":11,"module":37},"Page","/components/page","3.components/page",{"title":417,"path":418,"stem":419,"framework":11,"module":37},"PageAccordion","/components/page-accordion","3.components/page-accordion",{"title":421,"path":422,"stem":423,"framework":11,"module":37},"PageAnchors","/components/page-anchors","3.components/page-anchors",{"title":425,"path":426,"stem":427,"framework":11,"module":37},"PageAside","/components/page-aside","3.components/page-aside",{"title":429,"path":430,"stem":431,"framework":11,"module":37},"PageBody","/components/page-body","3.components/page-body",{"title":433,"path":434,"stem":435,"framework":11,"module":37},"PageCard","/components/page-card","3.components/page-card",{"title":437,"path":438,"stem":439,"framework":11,"module":37},"PageColumns","/components/page-columns","3.components/page-columns",{"title":441,"path":442,"stem":443,"framework":11,"module":37},"PageCTA","/components/page-cta","3.components/page-cta",{"title":445,"path":446,"stem":447,"framework":11,"module":37},"PageFeature","/components/page-feature","3.components/page-feature",{"title":449,"path":450,"stem":451,"framework":11,"module":37},"PageGrid","/components/page-grid","3.components/page-grid",{"title":453,"path":454,"stem":455,"framework":11,"module":37},"PageHeader","/components/page-header","3.components/page-header",{"title":457,"path":458,"stem":459,"framework":11,"module":37},"PageHero","/components/page-hero","3.components/page-hero",{"title":461,"path":462,"stem":463,"framework":11,"module":37},"PageLinks","/components/page-links","3.components/page-links",{"title":465,"path":466,"stem":467,"framework":11,"module":37},"PageList","/components/page-list","3.components/page-list",{"title":469,"path":470,"stem":471,"framework":11,"module":37},"PageLogos","/components/page-logos","3.components/page-logos",{"title":473,"path":474,"stem":475,"framework":11,"module":37},"PageMarquee","/components/page-marquee","3.components/page-marquee",{"title":477,"path":478,"stem":479,"framework":11,"module":37},"PageSection","/components/page-section","3.components/page-section",{"title":481,"path":482,"stem":483,"framework":11,"module":11},"Pagination","/components/pagination","3.components/pagination",{"title":485,"path":486,"stem":487,"framework":11,"module":11},"PinInput","/components/pin-input","3.components/pin-input",{"title":489,"path":490,"stem":491,"framework":11,"module":11},"Popover","/components/popover","3.components/popover",{"title":493,"path":494,"stem":495,"framework":11,"module":37},"PricingPlan","/components/pricing-plan","3.components/pricing-plan",{"title":497,"path":498,"stem":499,"framework":11,"module":37},"PricingPlans","/components/pricing-plans","3.components/pricing-plans",{"title":501,"path":502,"stem":503,"framework":11,"module":37},"PricingTable","/components/pricing-table","3.components/pricing-table",{"title":505,"path":506,"stem":507,"framework":11,"module":11},"Progress","/components/progress","3.components/progress",{"title":509,"path":510,"stem":511,"framework":11,"module":11},"RadioGroup","/components/radio-group","3.components/radio-group",{"title":513,"path":514,"stem":515,"framework":11,"module":11},"Select","/components/select","3.components/select",{"title":517,"path":518,"stem":519,"framework":11,"module":11},"SelectMenu","/components/select-menu","3.components/select-menu",{"title":521,"path":522,"stem":523,"framework":11,"module":11},"Separator","/components/separator","3.components/separator",{"title":525,"path":526,"stem":527,"framework":11,"module":11},"Skeleton","/components/skeleton","3.components/skeleton",{"title":529,"path":530,"stem":531,"framework":11,"module":11},"Slideover","/components/slideover","3.components/slideover",{"title":533,"path":534,"stem":535,"framework":11,"module":11},"Slider","/components/slider","3.components/slider",{"title":537,"path":538,"stem":539,"framework":11,"module":11},"Stepper","/components/stepper","3.components/stepper",{"title":541,"path":542,"stem":543,"framework":11,"module":11},"Switch","/components/switch","3.components/switch",{"title":545,"path":546,"stem":547,"framework":11,"module":11},"Table","/components/table","3.components/table",{"title":549,"path":550,"stem":551,"framework":11,"module":11},"Tabs","/components/tabs","3.components/tabs",{"title":553,"path":554,"stem":555,"framework":11,"module":11},"Textarea","/components/textarea","3.components/textarea",{"title":557,"path":558,"stem":559,"framework":11,"module":11},"Timeline","/components/timeline","3.components/timeline",{"title":561,"path":562,"stem":563,"framework":11,"module":11},"Toast","/components/toast","3.components/toast",{"title":565,"path":566,"stem":567,"framework":11,"module":11},"Tooltip","/components/tooltip","3.components/tooltip",{"title":569,"path":570,"stem":571,"framework":11,"module":11},"Tree","/components/tree","3.components/tree",{"title":573,"path":574,"stem":575,"framework":11,"module":37},"User","/components/user","3.components/user",{"id":577,"title":114,"body":578,"category":11,"description":1996,"extension":1997,"framework":11,"links":11,"meta":1998,"module":11,"navigation":11,"path":115,"seo":1999,"stem":116,"__hash__":2000},"content/2.composables/use-overlay.md",{"type":579,"value":580,"toc":1975},"minimark",[581,586,601,776,790,809,813,820,823,867,873,879,895,901,906,922,928,933,948,954,959,969,975,980,990,996,999,1003,1009,1012,1022,1167,1173,1176,1186,1192,1195,1205,1400,1404,1410,1796,1802,1806,1810,1824,1831,1971],[582,583,585],"h2",{"id":584},"usage","Usage",[587,588,589,590,593,594,597,598,600],"p",{},"Use the auto-imported ",[591,592,114],"code",{}," composable to programmatically control ",[595,596,405],"a",{"href":406}," and ",[595,599,529],{"href":530}," components.",[602,603,607],"pre",{"className":604,"code":605,"language":28,"meta":606,"style":606},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { LazyModalExample } from '#components'\n\nconst overlay = useOverlay()\n\nconst modal = overlay.create(LazyModalExample)\n\nasync function openModal() {\n  modal.open()\n}\n\u003C/script>\n","",[591,608,609,644,673,679,697,702,724,729,747,760,766],{"__ignoreMap":606},[610,611,614,618,622,626,629,632,635,639,641],"span",{"class":612,"line":613},"line",1,[610,615,617],{"class":616},"sMK4o","\u003C",[610,619,621],{"class":620},"swJcz","script",[610,623,625],{"class":624},"spNyl"," setup",[610,627,628],{"class":624}," lang",[610,630,631],{"class":616},"=",[610,633,634],{"class":616},"\"",[610,636,638],{"class":637},"sfazB","ts",[610,640,634],{"class":616},[610,642,643],{"class":616},">\n",[610,645,647,651,654,658,661,664,667,670],{"class":612,"line":646},2,[610,648,650],{"class":649},"s7zQu","import",[610,652,653],{"class":616}," {",[610,655,657],{"class":656},"sTEyZ"," LazyModalExample",[610,659,660],{"class":616}," }",[610,662,663],{"class":649}," from",[610,665,666],{"class":616}," '",[610,668,669],{"class":637},"#components",[610,671,672],{"class":616},"'\n",[610,674,676],{"class":612,"line":675},3,[610,677,678],{"emptyLinePlaceholder":15},"\n",[610,680,682,685,688,690,694],{"class":612,"line":681},4,[610,683,684],{"class":624},"const",[610,686,687],{"class":656}," overlay ",[610,689,631],{"class":616},[610,691,693],{"class":692},"s2Zo4"," useOverlay",[610,695,696],{"class":656},"()\n",[610,698,700],{"class":612,"line":699},5,[610,701,678],{"emptyLinePlaceholder":15},[610,703,705,707,710,712,715,718,721],{"class":612,"line":704},6,[610,706,684],{"class":624},[610,708,709],{"class":656}," modal ",[610,711,631],{"class":616},[610,713,714],{"class":656}," overlay",[610,716,717],{"class":616},".",[610,719,720],{"class":692},"create",[610,722,723],{"class":656},"(LazyModalExample)\n",[610,725,727],{"class":612,"line":726},7,[610,728,678],{"emptyLinePlaceholder":15},[610,730,732,735,738,741,744],{"class":612,"line":731},8,[610,733,734],{"class":624},"async",[610,736,737],{"class":624}," function",[610,739,740],{"class":692}," openModal",[610,742,743],{"class":616},"()",[610,745,746],{"class":616}," {\n",[610,748,750,753,755,758],{"class":612,"line":749},9,[610,751,752],{"class":656},"  modal",[610,754,717],{"class":616},[610,756,757],{"class":692},"open",[610,759,696],{"class":620},[610,761,763],{"class":612,"line":762},10,[610,764,765],{"class":616},"}\n",[610,767,769,772,774],{"class":612,"line":768},11,[610,770,771],{"class":616},"\u003C/",[610,773,621],{"class":620},[610,775,643],{"class":616},[777,778,779],"ul",{},[780,781,782,783,785,786,789],"li",{},"The ",[591,784,114],{}," composable is created using ",[591,787,788],{},"createSharedComposable",", ensuring that the same overlay state is shared across your entire application.",[791,792,793],"note",{},[587,794,795,796,799,800,808],{},"In order to return a value from the overlay, the ",[591,797,798],{},"overlay.open().instance"," can be awaited. In order for this to work, however, the ",[801,802,803,804,807],"strong",{},"overlay component must emit a ",[591,805,806],{},"close"," event",". See example below for details.",[582,810,812],{"id":811},"api","API",[814,815,817],"h3",{"id":816},"createcomponent-t-options-overlayoptions-overlayinstance",[591,818,819],{},"create(component: T, options: OverlayOptions): OverlayInstance",[587,821,822],{},"Create an overlay, and return a factory instance.",[777,824,825],{},[780,826,827,828],{},"Parameters:\n",[777,829,830,836],{},[780,831,832,835],{},[591,833,834],{},"component",": The overlay component.",[780,837,838,841,842],{},[591,839,840],{},"options",":\n",[777,843,844,853,859],{},[780,845,846,849,850,717],{},[591,847,848],{},"defaultOpen?: boolean"," Open the overlay immediately after being created. Defaults to ",[591,851,852],{},"false",[780,854,855,858],{},[591,856,857],{},"props?: ComponentProps",": An optional object of props to pass to the rendered component.",[780,860,861,864,865,717],{},[591,862,863],{},"destroyOnClose?: boolean"," Removes the overlay from memory when closed. Defaults to ",[591,866,852],{},[814,868,870],{"id":869},"openid-symbol-props-componentpropst-openedoverlayt",[591,871,872],{},"open(id: symbol, props?: ComponentProps\u003CT>): OpenedOverlay\u003CT>",[587,874,875,876,717],{},"Open an overlay by its ",[591,877,878],{},"id",[777,880,881],{},[780,882,827,883],{},[777,884,885,890],{},[780,886,887,889],{},[591,888,878],{},": The identifier of the overlay.",[780,891,892,858],{},[591,893,894],{},"props",[814,896,898],{"id":897},"closeid-symbol-value-any-void",[591,899,900],{},"close(id: symbol, value?: any): void",[587,902,903,904,717],{},"Close an overlay by its ",[591,905,878],{},[777,907,908],{},[780,909,827,910],{},[777,911,912,916],{},[780,913,914,889],{},[591,915,878],{},[780,917,918,921],{},[591,919,920],{},"value",": A value to resolve the overlay promise with.",[814,923,925],{"id":924},"patchid-symbol-props-componentpropst-void",[591,926,927],{},"patch(id: symbol, props: ComponentProps\u003CT>): void",[587,929,930,931,717],{},"Update an overlay by its ",[591,932,878],{},[777,934,935],{},[780,936,827,937],{},[777,938,939,943],{},[780,940,941,889],{},[591,942,878],{},[780,944,945,947],{},[591,946,894],{},": An object of props to update on the rendered component.",[814,949,951],{"id":950},"unmountid-symbol-void",[591,952,953],{},"unmount(id: symbol): void",[587,955,956,957,717],{},"Remove an overlay from the DOM by its ",[591,958,878],{},[777,960,961],{},[780,962,827,963],{},[777,964,965],{},[780,966,967,889],{},[591,968,878],{},[814,970,972],{"id":971},"isopenid-symbol-boolean",[591,973,974],{},"isOpen(id: symbol): boolean",[587,976,977,978,717],{},"Check if an overlay is open using its ",[591,979,878],{},[777,981,982],{},[780,983,827,984],{},[777,985,986],{},[780,987,988,889],{},[591,989,878],{},[814,991,993],{"id":992},"overlays-overlay",[591,994,995],{},"overlays: Overlay[]",[587,997,998],{},"In-memory list of all overlays that were created.",[582,1000,1002],{"id":1001},"instance-api","Instance API",[814,1004,1006],{"id":1005},"openprops-componentpropst-promiseopenedoverlayt",[591,1007,1008],{},"open(props?: ComponentProps\u003CT>): Promise\u003COpenedOverlay\u003CT>>",[587,1010,1011],{},"Open the overlay.",[777,1013,1014],{},[780,1015,827,1016],{},[777,1017,1018],{},[780,1019,1020,858],{},[591,1021,894],{},[602,1023,1025],{"className":604,"code":1024,"language":28,"meta":606,"style":606},"\u003Cscript setup lang=\"ts\">\nimport { LazyModalExample } from '#components'\n\nconst overlay = useOverlay()\n\nconst modal = overlay.create(LazyModalExample)\n\nfunction openModal() {\n  modal.open({\n    title: 'Welcome'\n  })\n}\n\u003C/script>\n",[591,1026,1027,1047,1065,1069,1081,1085,1101,1105,1116,1130,1145,1153,1158],{"__ignoreMap":606},[610,1028,1029,1031,1033,1035,1037,1039,1041,1043,1045],{"class":612,"line":613},[610,1030,617],{"class":616},[610,1032,621],{"class":620},[610,1034,625],{"class":624},[610,1036,628],{"class":624},[610,1038,631],{"class":616},[610,1040,634],{"class":616},[610,1042,638],{"class":637},[610,1044,634],{"class":616},[610,1046,643],{"class":616},[610,1048,1049,1051,1053,1055,1057,1059,1061,1063],{"class":612,"line":646},[610,1050,650],{"class":649},[610,1052,653],{"class":616},[610,1054,657],{"class":656},[610,1056,660],{"class":616},[610,1058,663],{"class":649},[610,1060,666],{"class":616},[610,1062,669],{"class":637},[610,1064,672],{"class":616},[610,1066,1067],{"class":612,"line":675},[610,1068,678],{"emptyLinePlaceholder":15},[610,1070,1071,1073,1075,1077,1079],{"class":612,"line":681},[610,1072,684],{"class":624},[610,1074,687],{"class":656},[610,1076,631],{"class":616},[610,1078,693],{"class":692},[610,1080,696],{"class":656},[610,1082,1083],{"class":612,"line":699},[610,1084,678],{"emptyLinePlaceholder":15},[610,1086,1087,1089,1091,1093,1095,1097,1099],{"class":612,"line":704},[610,1088,684],{"class":624},[610,1090,709],{"class":656},[610,1092,631],{"class":616},[610,1094,714],{"class":656},[610,1096,717],{"class":616},[610,1098,720],{"class":692},[610,1100,723],{"class":656},[610,1102,1103],{"class":612,"line":726},[610,1104,678],{"emptyLinePlaceholder":15},[610,1106,1107,1110,1112,1114],{"class":612,"line":731},[610,1108,1109],{"class":624},"function",[610,1111,740],{"class":692},[610,1113,743],{"class":616},[610,1115,746],{"class":616},[610,1117,1118,1120,1122,1124,1127],{"class":612,"line":749},[610,1119,752],{"class":656},[610,1121,717],{"class":616},[610,1123,757],{"class":692},[610,1125,1126],{"class":620},"(",[610,1128,1129],{"class":616},"{\n",[610,1131,1132,1135,1138,1140,1143],{"class":612,"line":762},[610,1133,1134],{"class":620},"    title",[610,1136,1137],{"class":616},":",[610,1139,666],{"class":616},[610,1141,1142],{"class":637},"Welcome",[610,1144,672],{"class":616},[610,1146,1147,1150],{"class":612,"line":768},[610,1148,1149],{"class":616},"  }",[610,1151,1152],{"class":620},")\n",[610,1154,1156],{"class":612,"line":1155},12,[610,1157,765],{"class":616},[610,1159,1161,1163,1165],{"class":612,"line":1160},13,[610,1162,771],{"class":616},[610,1164,621],{"class":620},[610,1166,643],{"class":616},[814,1168,1170],{"id":1169},"closevalue-any-void",[591,1171,1172],{},"close(value?: any): void",[587,1174,1175],{},"Close the overlay.",[777,1177,1178],{},[780,1179,827,1180],{},[777,1181,1182],{},[780,1183,1184,921],{},[591,1185,920],{},[814,1187,1189],{"id":1188},"patchprops-componentpropst",[591,1190,1191],{},"patch(props: ComponentProps\u003CT>)",[587,1193,1194],{},"Update the props of the overlay.",[777,1196,1197],{},[780,1198,827,1199],{},[777,1200,1201],{},[780,1202,1203,947],{},[591,1204,894],{},[602,1206,1208],{"className":604,"code":1207,"language":28,"meta":606,"style":606},"\u003Cscript setup lang=\"ts\">\nimport { LazyModalExample } from '#components'\n\nconst overlay = useOverlay()\n\nconst modal = overlay.create(LazyModalExample, {\n  title: 'Welcome'\n})\n\nfunction openModal() {\n  modal.open()\n}\n\nfunction updateModalTitle() {\n  modal.patch({ title: 'Updated Title' })\n}\n\u003C/script>\n",[591,1209,1210,1230,1248,1252,1264,1268,1290,1303,1310,1314,1324,1334,1338,1342,1354,1386,1391],{"__ignoreMap":606},[610,1211,1212,1214,1216,1218,1220,1222,1224,1226,1228],{"class":612,"line":613},[610,1213,617],{"class":616},[610,1215,621],{"class":620},[610,1217,625],{"class":624},[610,1219,628],{"class":624},[610,1221,631],{"class":616},[610,1223,634],{"class":616},[610,1225,638],{"class":637},[610,1227,634],{"class":616},[610,1229,643],{"class":616},[610,1231,1232,1234,1236,1238,1240,1242,1244,1246],{"class":612,"line":646},[610,1233,650],{"class":649},[610,1235,653],{"class":616},[610,1237,657],{"class":656},[610,1239,660],{"class":616},[610,1241,663],{"class":649},[610,1243,666],{"class":616},[610,1245,669],{"class":637},[610,1247,672],{"class":616},[610,1249,1250],{"class":612,"line":675},[610,1251,678],{"emptyLinePlaceholder":15},[610,1253,1254,1256,1258,1260,1262],{"class":612,"line":681},[610,1255,684],{"class":624},[610,1257,687],{"class":656},[610,1259,631],{"class":616},[610,1261,693],{"class":692},[610,1263,696],{"class":656},[610,1265,1266],{"class":612,"line":699},[610,1267,678],{"emptyLinePlaceholder":15},[610,1269,1270,1272,1274,1276,1278,1280,1282,1285,1288],{"class":612,"line":704},[610,1271,684],{"class":624},[610,1273,709],{"class":656},[610,1275,631],{"class":616},[610,1277,714],{"class":656},[610,1279,717],{"class":616},[610,1281,720],{"class":692},[610,1283,1284],{"class":656},"(LazyModalExample",[610,1286,1287],{"class":616},",",[610,1289,746],{"class":616},[610,1291,1292,1295,1297,1299,1301],{"class":612,"line":726},[610,1293,1294],{"class":620},"  title",[610,1296,1137],{"class":616},[610,1298,666],{"class":616},[610,1300,1142],{"class":637},[610,1302,672],{"class":616},[610,1304,1305,1308],{"class":612,"line":731},[610,1306,1307],{"class":616},"}",[610,1309,1152],{"class":656},[610,1311,1312],{"class":612,"line":749},[610,1313,678],{"emptyLinePlaceholder":15},[610,1315,1316,1318,1320,1322],{"class":612,"line":762},[610,1317,1109],{"class":624},[610,1319,740],{"class":692},[610,1321,743],{"class":616},[610,1323,746],{"class":616},[610,1325,1326,1328,1330,1332],{"class":612,"line":768},[610,1327,752],{"class":656},[610,1329,717],{"class":616},[610,1331,757],{"class":692},[610,1333,696],{"class":620},[610,1335,1336],{"class":612,"line":1155},[610,1337,765],{"class":616},[610,1339,1340],{"class":612,"line":1160},[610,1341,678],{"emptyLinePlaceholder":15},[610,1343,1345,1347,1350,1352],{"class":612,"line":1344},14,[610,1346,1109],{"class":624},[610,1348,1349],{"class":692}," updateModalTitle",[610,1351,743],{"class":616},[610,1353,746],{"class":616},[610,1355,1357,1359,1361,1364,1366,1369,1372,1374,1376,1379,1382,1384],{"class":612,"line":1356},15,[610,1358,752],{"class":656},[610,1360,717],{"class":616},[610,1362,1363],{"class":692},"patch",[610,1365,1126],{"class":620},[610,1367,1368],{"class":616},"{",[610,1370,1371],{"class":620}," title",[610,1373,1137],{"class":616},[610,1375,666],{"class":616},[610,1377,1378],{"class":637},"Updated Title",[610,1380,1381],{"class":616},"'",[610,1383,660],{"class":616},[610,1385,1152],{"class":620},[610,1387,1389],{"class":612,"line":1388},16,[610,1390,765],{"class":616},[610,1392,1394,1396,1398],{"class":612,"line":1393},17,[610,1395,771],{"class":616},[610,1397,621],{"class":620},[610,1399,643],{"class":616},[582,1401,1403],{"id":1402},"example","Example",[587,1405,1406,1407,1409],{},"Here's a complete example of how to use the ",[591,1408,114],{}," composable:",[602,1411,1413],{"className":604,"code":1412,"language":28,"meta":606,"style":606},"\u003Cscript setup lang=\"ts\">\nimport { ModalA, ModalB, SlideoverA } from '#components'\n\nconst overlay = useOverlay()\n\n// Create with default props\nconst modalA = overlay.create(ModalA, { title: 'Welcome' })\nconst modalB = overlay.create(ModalB)\n\nconst slideoverA = overlay.create(SlideoverA)\n\nconst openModalA = () => {\n  // Open modalA, but override the title prop\n  modalA.open({ title: 'Hello' })\n}\n\nconst openModalB = async () => {\n  // Open modalB, and wait for its result\n  const modalBInstance = modalB.open()\n\n  const input = await modalBInstance\n\n  // Pass the result from modalB to the slideover, and open it\n  slideoverA.open({ input })\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cbutton @click=\"openModalA\">Open Modal\u003C/button>\n\u003C/template>\n",[591,1414,1415,1435,1464,1468,1480,1484,1490,1526,1544,1548,1566,1570,1587,1592,1620,1624,1628,1646,1652,1673,1678,1694,1699,1705,1725,1730,1739,1744,1754,1787],{"__ignoreMap":606},[610,1416,1417,1419,1421,1423,1425,1427,1429,1431,1433],{"class":612,"line":613},[610,1418,617],{"class":616},[610,1420,621],{"class":620},[610,1422,625],{"class":624},[610,1424,628],{"class":624},[610,1426,631],{"class":616},[610,1428,634],{"class":616},[610,1430,638],{"class":637},[610,1432,634],{"class":616},[610,1434,643],{"class":616},[610,1436,1437,1439,1441,1444,1446,1449,1451,1454,1456,1458,1460,1462],{"class":612,"line":646},[610,1438,650],{"class":649},[610,1440,653],{"class":616},[610,1442,1443],{"class":656}," ModalA",[610,1445,1287],{"class":616},[610,1447,1448],{"class":656}," ModalB",[610,1450,1287],{"class":616},[610,1452,1453],{"class":656}," SlideoverA",[610,1455,660],{"class":616},[610,1457,663],{"class":649},[610,1459,666],{"class":616},[610,1461,669],{"class":637},[610,1463,672],{"class":616},[610,1465,1466],{"class":612,"line":675},[610,1467,678],{"emptyLinePlaceholder":15},[610,1469,1470,1472,1474,1476,1478],{"class":612,"line":681},[610,1471,684],{"class":624},[610,1473,687],{"class":656},[610,1475,631],{"class":616},[610,1477,693],{"class":692},[610,1479,696],{"class":656},[610,1481,1482],{"class":612,"line":699},[610,1483,678],{"emptyLinePlaceholder":15},[610,1485,1486],{"class":612,"line":704},[610,1487,1489],{"class":1488},"sHwdD","// Create with default props\n",[610,1491,1492,1494,1497,1499,1501,1503,1505,1508,1510,1512,1514,1516,1518,1520,1522,1524],{"class":612,"line":726},[610,1493,684],{"class":624},[610,1495,1496],{"class":656}," modalA ",[610,1498,631],{"class":616},[610,1500,714],{"class":656},[610,1502,717],{"class":616},[610,1504,720],{"class":692},[610,1506,1507],{"class":656},"(ModalA",[610,1509,1287],{"class":616},[610,1511,653],{"class":616},[610,1513,1371],{"class":620},[610,1515,1137],{"class":616},[610,1517,666],{"class":616},[610,1519,1142],{"class":637},[610,1521,1381],{"class":616},[610,1523,660],{"class":616},[610,1525,1152],{"class":656},[610,1527,1528,1530,1533,1535,1537,1539,1541],{"class":612,"line":731},[610,1529,684],{"class":624},[610,1531,1532],{"class":656}," modalB ",[610,1534,631],{"class":616},[610,1536,714],{"class":656},[610,1538,717],{"class":616},[610,1540,720],{"class":692},[610,1542,1543],{"class":656},"(ModalB)\n",[610,1545,1546],{"class":612,"line":749},[610,1547,678],{"emptyLinePlaceholder":15},[610,1549,1550,1552,1555,1557,1559,1561,1563],{"class":612,"line":762},[610,1551,684],{"class":624},[610,1553,1554],{"class":656}," slideoverA ",[610,1556,631],{"class":616},[610,1558,714],{"class":656},[610,1560,717],{"class":616},[610,1562,720],{"class":692},[610,1564,1565],{"class":656},"(SlideoverA)\n",[610,1567,1568],{"class":612,"line":768},[610,1569,678],{"emptyLinePlaceholder":15},[610,1571,1572,1574,1577,1579,1582,1585],{"class":612,"line":1155},[610,1573,684],{"class":624},[610,1575,1576],{"class":656}," openModalA ",[610,1578,631],{"class":616},[610,1580,1581],{"class":616}," ()",[610,1583,1584],{"class":624}," =>",[610,1586,746],{"class":616},[610,1588,1589],{"class":612,"line":1160},[610,1590,1591],{"class":1488},"  // Open modalA, but override the title prop\n",[610,1593,1594,1597,1599,1601,1603,1605,1607,1609,1611,1614,1616,1618],{"class":612,"line":1344},[610,1595,1596],{"class":656},"  modalA",[610,1598,717],{"class":616},[610,1600,757],{"class":692},[610,1602,1126],{"class":620},[610,1604,1368],{"class":616},[610,1606,1371],{"class":620},[610,1608,1137],{"class":616},[610,1610,666],{"class":616},[610,1612,1613],{"class":637},"Hello",[610,1615,1381],{"class":616},[610,1617,660],{"class":616},[610,1619,1152],{"class":620},[610,1621,1622],{"class":612,"line":1356},[610,1623,765],{"class":616},[610,1625,1626],{"class":612,"line":1388},[610,1627,678],{"emptyLinePlaceholder":15},[610,1629,1630,1632,1635,1637,1640,1642,1644],{"class":612,"line":1393},[610,1631,684],{"class":624},[610,1633,1634],{"class":656}," openModalB ",[610,1636,631],{"class":616},[610,1638,1639],{"class":624}," async",[610,1641,1581],{"class":616},[610,1643,1584],{"class":624},[610,1645,746],{"class":616},[610,1647,1649],{"class":612,"line":1648},18,[610,1650,1651],{"class":1488},"  // Open modalB, and wait for its result\n",[610,1653,1655,1658,1661,1664,1667,1669,1671],{"class":612,"line":1654},19,[610,1656,1657],{"class":624},"  const",[610,1659,1660],{"class":656}," modalBInstance",[610,1662,1663],{"class":616}," =",[610,1665,1666],{"class":656}," modalB",[610,1668,717],{"class":616},[610,1670,757],{"class":692},[610,1672,696],{"class":620},[610,1674,1676],{"class":612,"line":1675},20,[610,1677,678],{"emptyLinePlaceholder":15},[610,1679,1681,1683,1686,1688,1691],{"class":612,"line":1680},21,[610,1682,1657],{"class":624},[610,1684,1685],{"class":656}," input",[610,1687,1663],{"class":616},[610,1689,1690],{"class":649}," await",[610,1692,1693],{"class":656}," modalBInstance\n",[610,1695,1697],{"class":612,"line":1696},22,[610,1698,678],{"emptyLinePlaceholder":15},[610,1700,1702],{"class":612,"line":1701},23,[610,1703,1704],{"class":1488},"  // Pass the result from modalB to the slideover, and open it\n",[610,1706,1708,1711,1713,1715,1717,1719,1721,1723],{"class":612,"line":1707},24,[610,1709,1710],{"class":656},"  slideoverA",[610,1712,717],{"class":616},[610,1714,757],{"class":692},[610,1716,1126],{"class":620},[610,1718,1368],{"class":616},[610,1720,1685],{"class":656},[610,1722,660],{"class":616},[610,1724,1152],{"class":620},[610,1726,1728],{"class":612,"line":1727},25,[610,1729,765],{"class":616},[610,1731,1733,1735,1737],{"class":612,"line":1732},26,[610,1734,771],{"class":616},[610,1736,621],{"class":620},[610,1738,643],{"class":616},[610,1740,1742],{"class":612,"line":1741},27,[610,1743,678],{"emptyLinePlaceholder":15},[610,1745,1747,1749,1752],{"class":612,"line":1746},28,[610,1748,617],{"class":616},[610,1750,1751],{"class":620},"template",[610,1753,643],{"class":616},[610,1755,1757,1760,1763,1766,1768,1770,1773,1775,1778,1781,1783,1785],{"class":612,"line":1756},29,[610,1758,1759],{"class":616},"  \u003C",[610,1761,1762],{"class":620},"button",[610,1764,1765],{"class":624}," @click",[610,1767,631],{"class":616},[610,1769,634],{"class":616},[610,1771,1772],{"class":637},"openModalA",[610,1774,634],{"class":616},[610,1776,1777],{"class":616},">",[610,1779,1780],{"class":656},"Open Modal",[610,1782,771],{"class":616},[610,1784,1762],{"class":620},[610,1786,643],{"class":616},[610,1788,1790,1792,1794],{"class":612,"line":1789},30,[610,1791,771],{"class":616},[610,1793,1751],{"class":620},[610,1795,643],{"class":616},[587,1797,1798,1799,1801],{},"In this example, we're using the ",[591,1800,114],{}," composable to control multiple modals and slideovers.",[582,1803,1805],{"id":1804},"caveats","Caveats",[814,1807,1809],{"id":1808},"provide-inject","Provide / Inject",[587,1811,1812,1813,1816,1817,1820,1821,1823],{},"When opening overlays programmatically (e.g. modals, slideovers, etc), the overlay component can only access injected values from the component containing ",[591,1814,1815],{},"UApp"," (typically ",[591,1818,1819],{},"app.vue"," or layout components). This is because overlays are mounted outside of the page context by the ",[591,1822,1815],{}," component.",[587,1825,1826,1827,1830],{},"As such, using ",[591,1828,1829],{},"provide()"," in pages or parent components isn't supported directly. To pass provided values to overlays, the recommended approach is to use props instead:",[602,1832,1834],{"className":604,"code":1833,"language":28,"meta":606,"style":606},"\u003Cscript setup lang=\"ts\">\nimport { LazyModalExample } from '#components'\n\nconst providedValue = inject('valueProvidedInPage')\n\nconst modal = overlay.create(LazyModalExample, {\n  props: {\n    providedValue,\n    otherData: someValue\n  }\n})\n\u003C/script>\n",[591,1835,1836,1856,1874,1878,1901,1905,1925,1934,1942,1952,1957,1963],{"__ignoreMap":606},[610,1837,1838,1840,1842,1844,1846,1848,1850,1852,1854],{"class":612,"line":613},[610,1839,617],{"class":616},[610,1841,621],{"class":620},[610,1843,625],{"class":624},[610,1845,628],{"class":624},[610,1847,631],{"class":616},[610,1849,634],{"class":616},[610,1851,638],{"class":637},[610,1853,634],{"class":616},[610,1855,643],{"class":616},[610,1857,1858,1860,1862,1864,1866,1868,1870,1872],{"class":612,"line":646},[610,1859,650],{"class":649},[610,1861,653],{"class":616},[610,1863,657],{"class":656},[610,1865,660],{"class":616},[610,1867,663],{"class":649},[610,1869,666],{"class":616},[610,1871,669],{"class":637},[610,1873,672],{"class":616},[610,1875,1876],{"class":612,"line":675},[610,1877,678],{"emptyLinePlaceholder":15},[610,1879,1880,1882,1885,1887,1890,1892,1894,1897,1899],{"class":612,"line":681},[610,1881,684],{"class":624},[610,1883,1884],{"class":656}," providedValue ",[610,1886,631],{"class":616},[610,1888,1889],{"class":692}," inject",[610,1891,1126],{"class":656},[610,1893,1381],{"class":616},[610,1895,1896],{"class":637},"valueProvidedInPage",[610,1898,1381],{"class":616},[610,1900,1152],{"class":656},[610,1902,1903],{"class":612,"line":699},[610,1904,678],{"emptyLinePlaceholder":15},[610,1906,1907,1909,1911,1913,1915,1917,1919,1921,1923],{"class":612,"line":704},[610,1908,684],{"class":624},[610,1910,709],{"class":656},[610,1912,631],{"class":616},[610,1914,714],{"class":656},[610,1916,717],{"class":616},[610,1918,720],{"class":692},[610,1920,1284],{"class":656},[610,1922,1287],{"class":616},[610,1924,746],{"class":616},[610,1926,1927,1930,1932],{"class":612,"line":726},[610,1928,1929],{"class":620},"  props",[610,1931,1137],{"class":616},[610,1933,746],{"class":616},[610,1935,1936,1939],{"class":612,"line":731},[610,1937,1938],{"class":656},"    providedValue",[610,1940,1941],{"class":616},",\n",[610,1943,1944,1947,1949],{"class":612,"line":749},[610,1945,1946],{"class":620},"    otherData",[610,1948,1137],{"class":616},[610,1950,1951],{"class":656}," someValue\n",[610,1953,1954],{"class":612,"line":762},[610,1955,1956],{"class":616},"  }\n",[610,1958,1959,1961],{"class":612,"line":768},[610,1960,1307],{"class":616},[610,1962,1152],{"class":656},[610,1964,1965,1967,1969],{"class":612,"line":1155},[610,1966,771],{"class":616},[610,1968,621],{"class":620},[610,1970,643],{"class":616},[1972,1973,1974],"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 .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 .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":606,"searchDepth":646,"depth":646,"links":1976},[1977,1978,1987,1992,1993],{"id":584,"depth":646,"text":585},{"id":811,"depth":646,"text":812,"children":1979},[1980,1981,1982,1983,1984,1985,1986],{"id":816,"depth":675,"text":819},{"id":869,"depth":675,"text":872},{"id":897,"depth":675,"text":900},{"id":924,"depth":675,"text":927},{"id":950,"depth":675,"text":953},{"id":971,"depth":675,"text":974},{"id":992,"depth":675,"text":995},{"id":1001,"depth":646,"text":1002,"children":1988},[1989,1990,1991],{"id":1005,"depth":675,"text":1008},{"id":1169,"depth":675,"text":1172},{"id":1188,"depth":675,"text":1191},{"id":1402,"depth":646,"text":1403},{"id":1804,"depth":646,"text":1805,"children":1994},[1995],{"id":1808,"depth":675,"text":1809},"A composable to programmatically control overlays.","md",{},{"title":114,"description":1996},"QfaB4Ze8dwbtDoHcUGqiREimdt2qESxXuiXlm3vskP0",[2002,2004],{"title":110,"path":111,"stem":112,"description":2003,"children":-1},"A composable to define keyboard shortcuts in your app.",{"title":118,"path":119,"stem":120,"description":2005,"children":-1},"A composable to display toast notifications in your app.",{"data":2007,"body":2008},{},{"type":2009,"children":2010},"root",[2011],{"type":2012,"tag":587,"props":2013,"children":2014},"element",{},[2015],{"type":2016,"value":1996},"text",1767003433561]