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