[{"data":1,"prerenderedAt":1895},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Foverlay":207,"\u002Fcomponents\u002Foverlay-surround":1890},[4,28],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Styling","\u002Fgetting-started\u002Fstyling","1.getting-started\u002F3.styling","i-lucide-paintbrush",{"title":23,"path":24,"stem":25,"icon":26},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-sliders",false,{"title":29,"path":30,"stem":31,"children":32,"icon":35},"Components","\u002Fcomponents","2.components\u002F1.index",[33,36,41,46,51,56,61,66,71,76,81,86,91,96,101,106,111,115,120,125,130,135,140,145,150,155,160,165,170,175,180,184,188,193,197,202],{"title":34,"path":30,"stem":31,"icon":35},"All Components","i-lucide-component",{"title":37,"path":38,"stem":39,"icon":40},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002Faccordion","i-lucide-layout-panel-top",{"title":42,"path":43,"stem":44,"icon":45},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","2.components\u002Falert-dialog","i-lucide-triangle-alert",{"title":47,"path":48,"stem":49,"icon":50},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar","i-lucide-circle-user",{"title":52,"path":53,"stem":54,"icon":55},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton","i-lucide-mouse-pointer-click",{"title":57,"path":58,"stem":59,"icon":60},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox","i-lucide-square-check",{"title":62,"path":63,"stem":64,"icon":65},"Checkbox Group","\u002Fcomponents\u002Fcheckbox-group","2.components\u002Fcheckbox-group","i-lucide-list-checks",{"title":67,"path":68,"stem":69,"icon":70},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":72,"path":73,"stem":74,"icon":75},"Combobox","\u002Fcomponents\u002Fcombobox","2.components\u002Fcombobox","i-lucide-search",{"title":77,"path":78,"stem":79,"icon":80},"Context Menu","\u002Fcomponents\u002Fcontext-menu","2.components\u002Fcontext-menu","i-lucide-mouse-pointer-2",{"title":82,"path":83,"stem":84,"icon":85},"Dialog","\u002Fcomponents\u002Fdialog","2.components\u002Fdialog","i-lucide-square",{"title":87,"path":88,"stem":89,"icon":90},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer","i-lucide-panel-right",{"title":92,"path":93,"stem":94,"icon":95},"Field","\u002Fcomponents\u002Ffield","2.components\u002Ffield","i-lucide-text-cursor-input",{"title":97,"path":98,"stem":99,"icon":100},"Fieldset","\u002Fcomponents\u002Ffieldset","2.components\u002Ffieldset","i-lucide-group",{"title":102,"path":103,"stem":104,"icon":105},"Form","\u002Fcomponents\u002Fform","2.components\u002Fform","i-lucide-clipboard-check",{"title":107,"path":108,"stem":109,"icon":110},"Hover Preview Card","\u002Fcomponents\u002Fhover-preview-card","2.components\u002Fhover-preview-card","i-lucide-id-card",{"title":112,"path":113,"stem":114,"icon":95},"Input","\u002Fcomponents\u002Finput","2.components\u002Finput",{"title":116,"path":117,"stem":118,"icon":119},"Menu","\u002Fcomponents\u002Fmenu","2.components\u002Fmenu","i-lucide-list",{"title":121,"path":122,"stem":123,"icon":124},"Menubar","\u002Fcomponents\u002Fmenubar","2.components\u002Fmenubar","i-lucide-panel-top",{"title":126,"path":127,"stem":128,"icon":129},"Meter","\u002Fcomponents\u002Fmeter","2.components\u002Fmeter","i-lucide-gauge",{"title":131,"path":132,"stem":133,"icon":134},"Navigation Menu","\u002Fcomponents\u002Fnavigation-menu","2.components\u002Fnavigation-menu","i-lucide-navigation",{"title":136,"path":137,"stem":138,"icon":139},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field","i-lucide-badge-plus",{"title":141,"path":142,"stem":143,"icon":144},"Overlay Provider","\u002Fcomponents\u002Foverlay","2.components\u002Foverlay","i-lucide-panels-top-left",{"title":146,"path":147,"stem":148,"icon":149},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover","i-lucide-message-square",{"title":151,"path":152,"stem":153,"icon":154},"Progress","\u002Fcomponents\u002Fprogress","2.components\u002Fprogress","i-lucide-loader",{"title":156,"path":157,"stem":158,"icon":159},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group","i-lucide-circle-dot",{"title":161,"path":162,"stem":163,"icon":164},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect","i-lucide-list-filter",{"title":166,"path":167,"stem":168,"icon":169},"Separator","\u002Fcomponents\u002Fseparator","2.components\u002Fseparator","i-lucide-minus",{"title":171,"path":172,"stem":173,"icon":174},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider","i-lucide-sliders-horizontal",{"title":176,"path":177,"stem":178,"icon":179},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch","i-lucide-toggle-left",{"title":181,"path":182,"stem":183,"icon":40},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":185,"path":186,"stem":187,"icon":149},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":189,"path":190,"stem":191,"icon":192},"Toggle","\u002Fcomponents\u002Ftoggle","2.components\u002Ftoggle","i-lucide-toggle-right",{"title":194,"path":195,"stem":196,"icon":65},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","2.components\u002Ftoggle-group",{"title":198,"path":199,"stem":200,"icon":201},"Toolbar","\u002Fcomponents\u002Ftoolbar","2.components\u002Ftoolbar","i-lucide-wrench",{"title":203,"path":204,"stem":205,"icon":206},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip","i-lucide-info",{"id":208,"title":141,"body":209,"description":1883,"extension":1884,"links":1885,"meta":1886,"navigation":1887,"path":142,"seo":1888,"stem":143,"__hash__":1889},"docs\u002F2.components\u002Foverlay.md",{"type":210,"value":211,"toc":1865},"minimark",[212,224,227,232,275,278,579,583,588,591,629,633,636,891,895,912,1039,1043,1049,1227,1231,1245,1597,1601,1607,1644,1648,1723,1727,1813,1817,1832,1836,1861],[213,214,215,219,220,223],"p",{},[216,217,218],"code",{},"OverlayProvider"," renders overlay components created with ",[216,221,222],{},"useOverlay",". Mount one provider near your app root, then open dialogs, drawers, or custom overlay components from anywhere.",[213,225,226],{},"Use it for flows that need to open an overlay outside the current template: command palettes, confirmation dialogs, onboarding drawers, or route-level actions.",[228,229,231],"h2",{"id":230},"anatomy","Anatomy",[233,234,235,244,251,259,267],"ul",{},[236,237,238,243],"li",{},[239,240,241],"strong",{},[216,242,218],{},": Renders programmatic overlay entries and no wrapper element.",[236,245,246,250],{},[239,247,248],{},[216,249,222],{},": Shared composable that creates overlay instances.",[236,252,253,258],{},[239,254,255],{},[216,256,257],{},"open()",": Opens an overlay and returns a result promise.",[236,260,261,266],{},[239,262,263],{},[216,264,265],{},"patch()",": Updates props while the overlay is mounted.",[236,268,269,274],{},[239,270,271],{},[216,272,273],{},"close()",": Closes the overlay and resolves the pending result.",[228,276,23],{"id":277},"usage",[279,280,285],"pre",{"className":281,"code":282,"language":283,"meta":284,"style":284},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Dialog, OverlayProvider, useOverlay } from \"akaza-ui\";\n\nconst overlay = useOverlay();\nconst dialog = overlay.create(Dialog, {\n  props: {\n    title: \"Confirm action\",\n  },\n});\n\nfunction openDialog() {\n  dialog.open();\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cbutton @click=\"openDialog\">Open dialog\u003C\u002Fbutton>\n  \u003COverlayProvider \u002F>\n\u003C\u002Ftemplate>\n","vue","",[216,286,287,322,364,371,390,417,428,446,452,463,468,481,496,502,512,517,527,560,570],{"__ignoreMap":284},[288,289,292,296,300,304,307,310,313,317,319],"span",{"class":290,"line":291},"line",1,[288,293,295],{"class":294},"sMK4o","\u003C",[288,297,299],{"class":298},"swJcz","script",[288,301,303],{"class":302},"spNyl"," setup",[288,305,306],{"class":302}," lang",[288,308,309],{"class":294},"=",[288,311,312],{"class":294},"\"",[288,314,316],{"class":315},"sfazB","ts",[288,318,312],{"class":294},[288,320,321],{"class":294},">\n",[288,323,325,329,332,336,339,342,344,347,350,353,356,359,361],{"class":290,"line":324},2,[288,326,328],{"class":327},"s7zQu","import",[288,330,331],{"class":294}," {",[288,333,335],{"class":334},"sTEyZ"," Dialog",[288,337,338],{"class":294},",",[288,340,341],{"class":334}," OverlayProvider",[288,343,338],{"class":294},[288,345,346],{"class":334}," useOverlay",[288,348,349],{"class":294}," }",[288,351,352],{"class":327}," from",[288,354,355],{"class":294}," \"",[288,357,358],{"class":315},"akaza-ui",[288,360,312],{"class":294},[288,362,363],{"class":294},";\n",[288,365,367],{"class":290,"line":366},3,[288,368,370],{"emptyLinePlaceholder":369},true,"\n",[288,372,374,377,380,382,385,388],{"class":290,"line":373},4,[288,375,376],{"class":302},"const",[288,378,379],{"class":334}," overlay ",[288,381,309],{"class":294},[288,383,346],{"class":384},"s2Zo4",[288,386,387],{"class":334},"()",[288,389,363],{"class":294},[288,391,393,395,398,400,403,406,409,412,414],{"class":290,"line":392},5,[288,394,376],{"class":302},[288,396,397],{"class":334}," dialog ",[288,399,309],{"class":294},[288,401,402],{"class":334}," overlay",[288,404,405],{"class":294},".",[288,407,408],{"class":384},"create",[288,410,411],{"class":334},"(Dialog",[288,413,338],{"class":294},[288,415,416],{"class":294}," {\n",[288,418,420,423,426],{"class":290,"line":419},6,[288,421,422],{"class":298},"  props",[288,424,425],{"class":294},":",[288,427,416],{"class":294},[288,429,431,434,436,438,441,443],{"class":290,"line":430},7,[288,432,433],{"class":298},"    title",[288,435,425],{"class":294},[288,437,355],{"class":294},[288,439,440],{"class":315},"Confirm action",[288,442,312],{"class":294},[288,444,445],{"class":294},",\n",[288,447,449],{"class":290,"line":448},8,[288,450,451],{"class":294},"  },\n",[288,453,455,458,461],{"class":290,"line":454},9,[288,456,457],{"class":294},"}",[288,459,460],{"class":334},")",[288,462,363],{"class":294},[288,464,466],{"class":290,"line":465},10,[288,467,370],{"emptyLinePlaceholder":369},[288,469,471,474,477,479],{"class":290,"line":470},11,[288,472,473],{"class":302},"function",[288,475,476],{"class":384}," openDialog",[288,478,387],{"class":294},[288,480,416],{"class":294},[288,482,484,487,489,492,494],{"class":290,"line":483},12,[288,485,486],{"class":334},"  dialog",[288,488,405],{"class":294},[288,490,491],{"class":384},"open",[288,493,387],{"class":298},[288,495,363],{"class":294},[288,497,499],{"class":290,"line":498},13,[288,500,501],{"class":294},"}\n",[288,503,505,508,510],{"class":290,"line":504},14,[288,506,507],{"class":294},"\u003C\u002F",[288,509,299],{"class":298},[288,511,321],{"class":294},[288,513,515],{"class":290,"line":514},15,[288,516,370],{"emptyLinePlaceholder":369},[288,518,520,522,525],{"class":290,"line":519},16,[288,521,295],{"class":294},[288,523,524],{"class":298},"template",[288,526,321],{"class":294},[288,528,530,533,536,539,541,543,546,548,551,554,556,558],{"class":290,"line":529},17,[288,531,532],{"class":294},"  \u003C",[288,534,535],{"class":298},"button",[288,537,538],{"class":302}," @click",[288,540,309],{"class":294},[288,542,312],{"class":294},[288,544,545],{"class":315},"openDialog",[288,547,312],{"class":294},[288,549,550],{"class":294},">",[288,552,553],{"class":334},"Open dialog",[288,555,507],{"class":294},[288,557,535],{"class":298},[288,559,321],{"class":294},[288,561,563,565,567],{"class":290,"line":562},18,[288,564,532],{"class":294},[288,566,218],{"class":298},[288,568,569],{"class":294}," \u002F>\n",[288,571,573,575,577],{"class":290,"line":572},19,[288,574,507],{"class":294},[288,576,524],{"class":298},[288,578,321],{"class":294},[228,580,582],{"id":581},"examples","Examples",[584,585,587],"h3",{"id":586},"mount-once","Mount once",[213,589,590],{},"Place the provider near the app root. It renders only active overlay components.",[279,592,594],{"className":281,"code":593,"language":283,"meta":284,"style":284},"\u003Ctemplate>\n  \u003CNuxtPage \u002F>\n  \u003COverlayProvider \u002F>\n\u003C\u002Ftemplate>\n",[216,595,596,604,613,621],{"__ignoreMap":284},[288,597,598,600,602],{"class":290,"line":291},[288,599,295],{"class":294},[288,601,524],{"class":298},[288,603,321],{"class":294},[288,605,606,608,611],{"class":290,"line":324},[288,607,532],{"class":294},[288,609,610],{"class":298},"NuxtPage",[288,612,569],{"class":294},[288,614,615,617,619],{"class":290,"line":366},[288,616,532],{"class":294},[288,618,218],{"class":298},[288,620,569],{"class":294},[288,622,623,625,627],{"class":290,"line":373},[288,624,507],{"class":294},[288,626,524],{"class":298},[288,628,321],{"class":294},[584,630,632],{"id":631},"open-with-props","Open with props",[213,634,635],{},"Pass props at creation time and override them when opening the instance.",[279,637,639],{"className":281,"code":638,"language":283,"meta":284,"style":284},"\u003Cscript setup lang=\"ts\">\nimport { Dialog, useOverlay } from \"akaza-ui\";\n\nconst overlay = useOverlay();\nconst confirmDialog = overlay.create(Dialog, {\n  props: {\n    title: \"Delete project\",\n    description: \"This action cannot be undone.\",\n  },\n});\n\nfunction confirmDelete() {\n  confirmDialog.open({\n    description: \"Delete the selected project?\",\n  });\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CButton @click=\"confirmDelete\">Delete\u003C\u002FButton>\n\u003C\u002Ftemplate>\n",[216,640,641,661,685,689,703,724,732,747,763,767,775,779,790,805,820,829,833,841,845,853,882],{"__ignoreMap":284},[288,642,643,645,647,649,651,653,655,657,659],{"class":290,"line":291},[288,644,295],{"class":294},[288,646,299],{"class":298},[288,648,303],{"class":302},[288,650,306],{"class":302},[288,652,309],{"class":294},[288,654,312],{"class":294},[288,656,316],{"class":315},[288,658,312],{"class":294},[288,660,321],{"class":294},[288,662,663,665,667,669,671,673,675,677,679,681,683],{"class":290,"line":324},[288,664,328],{"class":327},[288,666,331],{"class":294},[288,668,335],{"class":334},[288,670,338],{"class":294},[288,672,346],{"class":334},[288,674,349],{"class":294},[288,676,352],{"class":327},[288,678,355],{"class":294},[288,680,358],{"class":315},[288,682,312],{"class":294},[288,684,363],{"class":294},[288,686,687],{"class":290,"line":366},[288,688,370],{"emptyLinePlaceholder":369},[288,690,691,693,695,697,699,701],{"class":290,"line":373},[288,692,376],{"class":302},[288,694,379],{"class":334},[288,696,309],{"class":294},[288,698,346],{"class":384},[288,700,387],{"class":334},[288,702,363],{"class":294},[288,704,705,707,710,712,714,716,718,720,722],{"class":290,"line":392},[288,706,376],{"class":302},[288,708,709],{"class":334}," confirmDialog ",[288,711,309],{"class":294},[288,713,402],{"class":334},[288,715,405],{"class":294},[288,717,408],{"class":384},[288,719,411],{"class":334},[288,721,338],{"class":294},[288,723,416],{"class":294},[288,725,726,728,730],{"class":290,"line":419},[288,727,422],{"class":298},[288,729,425],{"class":294},[288,731,416],{"class":294},[288,733,734,736,738,740,743,745],{"class":290,"line":430},[288,735,433],{"class":298},[288,737,425],{"class":294},[288,739,355],{"class":294},[288,741,742],{"class":315},"Delete project",[288,744,312],{"class":294},[288,746,445],{"class":294},[288,748,749,752,754,756,759,761],{"class":290,"line":448},[288,750,751],{"class":298},"    description",[288,753,425],{"class":294},[288,755,355],{"class":294},[288,757,758],{"class":315},"This action cannot be undone.",[288,760,312],{"class":294},[288,762,445],{"class":294},[288,764,765],{"class":290,"line":454},[288,766,451],{"class":294},[288,768,769,771,773],{"class":290,"line":465},[288,770,457],{"class":294},[288,772,460],{"class":334},[288,774,363],{"class":294},[288,776,777],{"class":290,"line":470},[288,778,370],{"emptyLinePlaceholder":369},[288,780,781,783,786,788],{"class":290,"line":483},[288,782,473],{"class":302},[288,784,785],{"class":384}," confirmDelete",[288,787,387],{"class":294},[288,789,416],{"class":294},[288,791,792,795,797,799,802],{"class":290,"line":498},[288,793,794],{"class":334},"  confirmDialog",[288,796,405],{"class":294},[288,798,491],{"class":384},[288,800,801],{"class":298},"(",[288,803,804],{"class":294},"{\n",[288,806,807,809,811,813,816,818],{"class":290,"line":504},[288,808,751],{"class":298},[288,810,425],{"class":294},[288,812,355],{"class":294},[288,814,815],{"class":315},"Delete the selected project?",[288,817,312],{"class":294},[288,819,445],{"class":294},[288,821,822,825,827],{"class":290,"line":514},[288,823,824],{"class":294},"  }",[288,826,460],{"class":298},[288,828,363],{"class":294},[288,830,831],{"class":290,"line":519},[288,832,501],{"class":294},[288,834,835,837,839],{"class":290,"line":529},[288,836,507],{"class":294},[288,838,299],{"class":298},[288,840,321],{"class":294},[288,842,843],{"class":290,"line":562},[288,844,370],{"emptyLinePlaceholder":369},[288,846,847,849,851],{"class":290,"line":572},[288,848,295],{"class":294},[288,850,524],{"class":298},[288,852,321],{"class":294},[288,854,856,858,860,862,864,866,869,871,873,876,878,880],{"class":290,"line":855},20,[288,857,532],{"class":294},[288,859,52],{"class":298},[288,861,538],{"class":302},[288,863,309],{"class":294},[288,865,312],{"class":294},[288,867,868],{"class":315},"confirmDelete",[288,870,312],{"class":294},[288,872,550],{"class":294},[288,874,875],{"class":334},"Delete",[288,877,507],{"class":294},[288,879,52],{"class":298},[288,881,321],{"class":294},[288,883,885,887,889],{"class":290,"line":884},21,[288,886,507],{"class":294},[288,888,524],{"class":298},[288,890,321],{"class":294},[584,892,894],{"id":893},"await-the-close-result","Await the close result",[213,896,897,899,900,903,904,907,908,911],{},[216,898,257],{}," returns a result promise. Programmatic ",[216,901,902],{},"close(value)"," resolves it with that value. Closing from the mounted component resolves ",[216,905,906],{},"undefined"," unless the component emits ",[216,909,910],{},"close"," with a value.",[279,913,915],{"className":281,"code":914,"language":283,"meta":284,"style":284},"\u003Cscript setup lang=\"ts\">\nasync function ask() {\n  const { result } = confirmDialog.open();\n  const accepted = await result;\n  if (accepted) {\n    await deleteProject();\n  }\n}\n\u003C\u002Fscript>\n",[216,916,917,937,952,978,994,1010,1022,1027,1031],{"__ignoreMap":284},[288,918,919,921,923,925,927,929,931,933,935],{"class":290,"line":291},[288,920,295],{"class":294},[288,922,299],{"class":298},[288,924,303],{"class":302},[288,926,306],{"class":302},[288,928,309],{"class":294},[288,930,312],{"class":294},[288,932,316],{"class":315},[288,934,312],{"class":294},[288,936,321],{"class":294},[288,938,939,942,945,948,950],{"class":290,"line":324},[288,940,941],{"class":302},"async",[288,943,944],{"class":302}," function",[288,946,947],{"class":384}," ask",[288,949,387],{"class":294},[288,951,416],{"class":294},[288,953,954,957,959,962,964,967,970,972,974,976],{"class":290,"line":366},[288,955,956],{"class":302},"  const",[288,958,331],{"class":294},[288,960,961],{"class":334}," result",[288,963,349],{"class":294},[288,965,966],{"class":294}," =",[288,968,969],{"class":334}," confirmDialog",[288,971,405],{"class":294},[288,973,491],{"class":384},[288,975,387],{"class":298},[288,977,363],{"class":294},[288,979,980,982,985,987,990,992],{"class":290,"line":373},[288,981,956],{"class":302},[288,983,984],{"class":334}," accepted",[288,986,966],{"class":294},[288,988,989],{"class":327}," await",[288,991,961],{"class":334},[288,993,363],{"class":294},[288,995,996,999,1002,1005,1008],{"class":290,"line":392},[288,997,998],{"class":327},"  if",[288,1000,1001],{"class":298}," (",[288,1003,1004],{"class":334},"accepted",[288,1006,1007],{"class":298},") ",[288,1009,804],{"class":294},[288,1011,1012,1015,1018,1020],{"class":290,"line":419},[288,1013,1014],{"class":327},"    await",[288,1016,1017],{"class":384}," deleteProject",[288,1019,387],{"class":298},[288,1021,363],{"class":294},[288,1023,1024],{"class":290,"line":430},[288,1025,1026],{"class":294},"  }\n",[288,1028,1029],{"class":290,"line":448},[288,1030,501],{"class":294},[288,1032,1033,1035,1037],{"class":290,"line":454},[288,1034,507],{"class":294},[288,1036,299],{"class":298},[288,1038,321],{"class":294},[584,1040,1042],{"id":1041},"patch-props-while-open","Patch props while open",[213,1044,1045,1046,1048],{},"Use ",[216,1047,265],{}," to update the mounted overlay without closing it.",[279,1050,1052],{"className":281,"code":1051,"language":283,"meta":284,"style":284},"\u003Cscript setup lang=\"ts\">\nimport { Drawer, useOverlay } from \"akaza-ui\";\n\nconst overlay = useOverlay();\nconst progressDrawer = overlay.create(Drawer);\n\nfunction showProgress() {\n  progressDrawer.open({ title: \"Importing\" });\n  progressDrawer.patch({ description: \"Uploading files...\" });\n}\n\u003C\u002Fscript>\n",[216,1053,1054,1074,1099,1103,1117,1137,1141,1152,1184,1215,1219],{"__ignoreMap":284},[288,1055,1056,1058,1060,1062,1064,1066,1068,1070,1072],{"class":290,"line":291},[288,1057,295],{"class":294},[288,1059,299],{"class":298},[288,1061,303],{"class":302},[288,1063,306],{"class":302},[288,1065,309],{"class":294},[288,1067,312],{"class":294},[288,1069,316],{"class":315},[288,1071,312],{"class":294},[288,1073,321],{"class":294},[288,1075,1076,1078,1080,1083,1085,1087,1089,1091,1093,1095,1097],{"class":290,"line":324},[288,1077,328],{"class":327},[288,1079,331],{"class":294},[288,1081,1082],{"class":334}," Drawer",[288,1084,338],{"class":294},[288,1086,346],{"class":334},[288,1088,349],{"class":294},[288,1090,352],{"class":327},[288,1092,355],{"class":294},[288,1094,358],{"class":315},[288,1096,312],{"class":294},[288,1098,363],{"class":294},[288,1100,1101],{"class":290,"line":366},[288,1102,370],{"emptyLinePlaceholder":369},[288,1104,1105,1107,1109,1111,1113,1115],{"class":290,"line":373},[288,1106,376],{"class":302},[288,1108,379],{"class":334},[288,1110,309],{"class":294},[288,1112,346],{"class":384},[288,1114,387],{"class":334},[288,1116,363],{"class":294},[288,1118,1119,1121,1124,1126,1128,1130,1132,1135],{"class":290,"line":392},[288,1120,376],{"class":302},[288,1122,1123],{"class":334}," progressDrawer ",[288,1125,309],{"class":294},[288,1127,402],{"class":334},[288,1129,405],{"class":294},[288,1131,408],{"class":384},[288,1133,1134],{"class":334},"(Drawer)",[288,1136,363],{"class":294},[288,1138,1139],{"class":290,"line":419},[288,1140,370],{"emptyLinePlaceholder":369},[288,1142,1143,1145,1148,1150],{"class":290,"line":430},[288,1144,473],{"class":302},[288,1146,1147],{"class":384}," showProgress",[288,1149,387],{"class":294},[288,1151,416],{"class":294},[288,1153,1154,1157,1159,1161,1163,1166,1169,1171,1173,1176,1178,1180,1182],{"class":290,"line":448},[288,1155,1156],{"class":334},"  progressDrawer",[288,1158,405],{"class":294},[288,1160,491],{"class":384},[288,1162,801],{"class":298},[288,1164,1165],{"class":294},"{",[288,1167,1168],{"class":298}," title",[288,1170,425],{"class":294},[288,1172,355],{"class":294},[288,1174,1175],{"class":315},"Importing",[288,1177,312],{"class":294},[288,1179,349],{"class":294},[288,1181,460],{"class":298},[288,1183,363],{"class":294},[288,1185,1186,1188,1190,1193,1195,1197,1200,1202,1204,1207,1209,1211,1213],{"class":290,"line":454},[288,1187,1156],{"class":334},[288,1189,405],{"class":294},[288,1191,1192],{"class":384},"patch",[288,1194,801],{"class":298},[288,1196,1165],{"class":294},[288,1198,1199],{"class":298}," description",[288,1201,425],{"class":294},[288,1203,355],{"class":294},[288,1205,1206],{"class":315},"Uploading files...",[288,1208,312],{"class":294},[288,1210,349],{"class":294},[288,1212,460],{"class":298},[288,1214,363],{"class":294},[288,1216,1217],{"class":290,"line":465},[288,1218,501],{"class":294},[288,1220,1221,1223,1225],{"class":290,"line":470},[288,1222,507],{"class":294},[288,1224,299],{"class":298},[288,1226,321],{"class":294},[584,1228,1230],{"id":1229},"custom-overlay-component","Custom overlay component",[213,1232,1233,1234,1237,1238,1241,1242,1244],{},"Custom overlay components should accept ",[216,1235,1236],{},"modelValue",", emit ",[216,1239,1240],{},"update:modelValue",", and optionally emit ",[216,1243,910],{}," with a result.",[279,1246,1248],{"className":281,"code":1247,"language":283,"meta":284,"style":284},"\u003Cscript setup lang=\"ts\">\ndefineProps\u003C{\n  modelValue: boolean;\n  message: string;\n}>();\n\nconst emit = defineEmits\u003C{\n  \"update:modelValue\": [value: boolean];\n  close: [value: boolean];\n}>();\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CDialog\n    :model-value=\"modelValue\"\n    title=\"Confirm\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    \u003Ctemplate #body>\n      \u003Cp>{{ message }}\u003C\u002Fp>\n    \u003C\u002Ftemplate>\n    \u003Ctemplate #footer>\n      \u003CButton @click=\"emit('close', false)\">Cancel\u003C\u002FButton>\n      \u003CButton @click=\"emit('close', true)\">Confirm\u003C\u002FButton>\n    \u003C\u002Ftemplate>\n  \u003C\u002FDialog>\n\u003C\u002Ftemplate>\n",[216,1249,1250,1270,1278,1291,1303,1312,1316,1330,1356,1375,1383,1391,1395,1403,1410,1424,1437,1451,1456,1471,1489,1498,1512,1541,1569,1578,1588],{"__ignoreMap":284},[288,1251,1252,1254,1256,1258,1260,1262,1264,1266,1268],{"class":290,"line":291},[288,1253,295],{"class":294},[288,1255,299],{"class":298},[288,1257,303],{"class":302},[288,1259,306],{"class":302},[288,1261,309],{"class":294},[288,1263,312],{"class":294},[288,1265,316],{"class":315},[288,1267,312],{"class":294},[288,1269,321],{"class":294},[288,1271,1272,1275],{"class":290,"line":324},[288,1273,1274],{"class":384},"defineProps",[288,1276,1277],{"class":294},"\u003C{\n",[288,1279,1280,1283,1285,1289],{"class":290,"line":366},[288,1281,1282],{"class":298},"  modelValue",[288,1284,425],{"class":294},[288,1286,1288],{"class":1287},"sBMFI"," boolean",[288,1290,363],{"class":294},[288,1292,1293,1296,1298,1301],{"class":290,"line":373},[288,1294,1295],{"class":298},"  message",[288,1297,425],{"class":294},[288,1299,1300],{"class":1287}," string",[288,1302,363],{"class":294},[288,1304,1305,1308,1310],{"class":290,"line":392},[288,1306,1307],{"class":294},"}>",[288,1309,387],{"class":334},[288,1311,363],{"class":294},[288,1313,1314],{"class":290,"line":419},[288,1315,370],{"emptyLinePlaceholder":369},[288,1317,1318,1320,1323,1325,1328],{"class":290,"line":430},[288,1319,376],{"class":302},[288,1321,1322],{"class":334}," emit ",[288,1324,309],{"class":294},[288,1326,1327],{"class":384}," defineEmits",[288,1329,1277],{"class":294},[288,1331,1332,1335,1337,1339,1341,1344,1347,1349,1351,1354],{"class":290,"line":448},[288,1333,1334],{"class":294},"  \"",[288,1336,1240],{"class":315},[288,1338,312],{"class":294},[288,1340,425],{"class":294},[288,1342,1343],{"class":334}," [",[288,1345,1346],{"class":1287},"value",[288,1348,425],{"class":294},[288,1350,1288],{"class":1287},[288,1352,1353],{"class":334},"]",[288,1355,363],{"class":294},[288,1357,1358,1361,1363,1365,1367,1369,1371,1373],{"class":290,"line":454},[288,1359,1360],{"class":298},"  close",[288,1362,425],{"class":294},[288,1364,1343],{"class":334},[288,1366,1346],{"class":1287},[288,1368,425],{"class":294},[288,1370,1288],{"class":1287},[288,1372,1353],{"class":334},[288,1374,363],{"class":294},[288,1376,1377,1379,1381],{"class":290,"line":465},[288,1378,1307],{"class":294},[288,1380,387],{"class":334},[288,1382,363],{"class":294},[288,1384,1385,1387,1389],{"class":290,"line":470},[288,1386,507],{"class":294},[288,1388,299],{"class":298},[288,1390,321],{"class":294},[288,1392,1393],{"class":290,"line":483},[288,1394,370],{"emptyLinePlaceholder":369},[288,1396,1397,1399,1401],{"class":290,"line":498},[288,1398,295],{"class":294},[288,1400,524],{"class":298},[288,1402,321],{"class":294},[288,1404,1405,1407],{"class":290,"line":504},[288,1406,532],{"class":294},[288,1408,1409],{"class":298},"Dialog\n",[288,1411,1412,1415,1417,1419,1421],{"class":290,"line":514},[288,1413,1414],{"class":302},"    :model-value",[288,1416,309],{"class":294},[288,1418,312],{"class":294},[288,1420,1236],{"class":315},[288,1422,1423],{"class":294},"\"\n",[288,1425,1426,1428,1430,1432,1435],{"class":290,"line":519},[288,1427,433],{"class":302},[288,1429,309],{"class":294},[288,1431,312],{"class":294},[288,1433,1434],{"class":315},"Confirm",[288,1436,1423],{"class":294},[288,1438,1439,1442,1444,1446,1449],{"class":290,"line":529},[288,1440,1441],{"class":302},"    @update:model-value",[288,1443,309],{"class":294},[288,1445,312],{"class":294},[288,1447,1448],{"class":315},"emit('update:modelValue', $event)",[288,1450,1423],{"class":294},[288,1452,1453],{"class":290,"line":562},[288,1454,1455],{"class":294},"  >\n",[288,1457,1458,1461,1463,1466,1469],{"class":290,"line":572},[288,1459,1460],{"class":294},"    \u003C",[288,1462,524],{"class":298},[288,1464,1465],{"class":294}," #",[288,1467,1468],{"class":302},"body",[288,1470,321],{"class":294},[288,1472,1473,1476,1478,1480,1483,1485,1487],{"class":290,"line":855},[288,1474,1475],{"class":294},"      \u003C",[288,1477,213],{"class":298},[288,1479,550],{"class":294},[288,1481,1482],{"class":334},"{{ message }}",[288,1484,507],{"class":294},[288,1486,213],{"class":298},[288,1488,321],{"class":294},[288,1490,1491,1494,1496],{"class":290,"line":884},[288,1492,1493],{"class":294},"    \u003C\u002F",[288,1495,524],{"class":298},[288,1497,321],{"class":294},[288,1499,1501,1503,1505,1507,1510],{"class":290,"line":1500},22,[288,1502,1460],{"class":294},[288,1504,524],{"class":298},[288,1506,1465],{"class":294},[288,1508,1509],{"class":302},"footer",[288,1511,321],{"class":294},[288,1513,1515,1517,1519,1521,1523,1525,1528,1530,1532,1535,1537,1539],{"class":290,"line":1514},23,[288,1516,1475],{"class":294},[288,1518,52],{"class":298},[288,1520,538],{"class":302},[288,1522,309],{"class":294},[288,1524,312],{"class":294},[288,1526,1527],{"class":315},"emit('close', false)",[288,1529,312],{"class":294},[288,1531,550],{"class":294},[288,1533,1534],{"class":334},"Cancel",[288,1536,507],{"class":294},[288,1538,52],{"class":298},[288,1540,321],{"class":294},[288,1542,1544,1546,1548,1550,1552,1554,1557,1559,1561,1563,1565,1567],{"class":290,"line":1543},24,[288,1545,1475],{"class":294},[288,1547,52],{"class":298},[288,1549,538],{"class":302},[288,1551,309],{"class":294},[288,1553,312],{"class":294},[288,1555,1556],{"class":315},"emit('close', true)",[288,1558,312],{"class":294},[288,1560,550],{"class":294},[288,1562,1434],{"class":334},[288,1564,507],{"class":294},[288,1566,52],{"class":298},[288,1568,321],{"class":294},[288,1570,1572,1574,1576],{"class":290,"line":1571},25,[288,1573,1493],{"class":294},[288,1575,524],{"class":298},[288,1577,321],{"class":294},[288,1579,1581,1584,1586],{"class":290,"line":1580},26,[288,1582,1583],{"class":294},"  \u003C\u002F",[288,1585,82],{"class":298},[288,1587,321],{"class":294},[288,1589,1591,1593,1595],{"class":290,"line":1590},27,[288,1592,507],{"class":294},[288,1594,524],{"class":298},[288,1596,321],{"class":294},[228,1598,1600],{"id":1599},"api-reference","API Reference",[584,1602,1604],{"id":1603},"useoverlay",[216,1605,1606],{},"useOverlay()",[1608,1609,1610,1626],"table",{},[1611,1612,1613],"thead",{},[1614,1615,1616,1620,1623],"tr",{},[1617,1618,1619],"th",{},"Method",[1617,1621,1622],{},"Signature",[1617,1624,1625],{},"Description",[1627,1628,1629],"tbody",{},[1614,1630,1631,1636,1641],{},[1632,1633,1634],"td",{},[216,1635,408],{},[1632,1637,1638],{},[216,1639,1640],{},"(component, options?) => OverlayInstance",[1632,1642,1643],{},"Creates a programmatic overlay instance.",[584,1645,1647],{"id":1646},"overlay-options","Overlay options",[1608,1649,1650,1665],{},[1611,1651,1652],{},[1614,1653,1654,1657,1660,1663],{},[1617,1655,1656],{},"Key",[1617,1658,1659],{},"Type",[1617,1661,1662],{},"Default",[1617,1664,1625],{},[1627,1666,1667,1685,1705],{},[1614,1668,1669,1674,1679,1682],{},[1632,1670,1671],{},[216,1672,1673],{},"props",[1632,1675,1676],{},[216,1677,1678],{},"object",[1632,1680,1681],{},"—",[1632,1683,1684],{},"Default props passed to the overlay component.",[1614,1686,1687,1692,1697,1702],{},[1632,1688,1689],{},[216,1690,1691],{},"defaultOpen",[1632,1693,1694],{},[216,1695,1696],{},"boolean",[1632,1698,1699],{},[216,1700,1701],{},"false",[1632,1703,1704],{},"Opens the overlay immediately after creation.",[1614,1706,1707,1712,1716,1720],{},[1632,1708,1709],{},[216,1710,1711],{},"destroyOnClose",[1632,1713,1714],{},[216,1715,1696],{},[1632,1717,1718],{},[216,1719,1701],{},[1632,1721,1722],{},"Removes the overlay entry after close.",[584,1724,1726],{"id":1725},"overlay-instance","Overlay instance",[1608,1728,1729,1739],{},[1611,1730,1731],{},[1614,1732,1733,1735,1737],{},[1617,1734,1619],{},[1617,1736,1622],{},[1617,1738,1625],{},[1627,1740,1741,1755,1769,1783,1798],{},[1614,1742,1743,1747,1752],{},[1632,1744,1745],{},[216,1746,491],{},[1632,1748,1749],{},[216,1750,1751],{},"(props?) => { result: Promise\u003Cunknown> }",[1632,1753,1754],{},"Opens the overlay and optionally merges props.",[1614,1756,1757,1761,1766],{},[1632,1758,1759],{},[216,1760,910],{},[1632,1762,1763],{},[216,1764,1765],{},"(value?) => void",[1632,1767,1768],{},"Closes the overlay and resolves the pending result.",[1614,1770,1771,1775,1780],{},[1632,1772,1773],{},[216,1774,1192],{},[1632,1776,1777],{},[216,1778,1779],{},"(props) => void",[1632,1781,1782],{},"Updates props while mounted.",[1614,1784,1785,1790,1795],{},[1632,1786,1787],{},[216,1788,1789],{},"unmount",[1632,1791,1792],{},[216,1793,1794],{},"() => void",[1632,1796,1797],{},"Removes the overlay entry.",[1614,1799,1800,1805,1810],{},[1632,1801,1802],{},[216,1803,1804],{},"isOpen",[1632,1806,1807],{},[216,1808,1809],{},"() => boolean",[1632,1811,1812],{},"Returns current open state.",[584,1814,1816],{"id":1815},"ui-options","UI Options",[213,1818,1819,1821,1822,1825,1826,1828,1829,1831],{},[216,1820,218],{}," has no ",[216,1823,1824],{},"ui"," prop and renders no wrapper. Style the overlay component it mounts, such as ",[216,1827,82],{},", ",[216,1830,87],{},", or your custom component.",[584,1833,1835],{"id":1834},"styling-hooks","Styling Hooks",[1608,1837,1838,1851],{},[1611,1839,1840],{},[1614,1841,1842,1845,1848],{},[1617,1843,1844],{},"UI key",[1617,1846,1847],{},"CSS class",[1617,1849,1850],{},"Data attrs",[1627,1852,1853],{},[1614,1854,1855,1857,1859],{},[1632,1856,1681],{},[1632,1858,1681],{},[1632,1860,1681],{},[1862,1863,1864],"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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":284,"searchDepth":291,"depth":324,"links":1866},[1867,1868,1869,1876],{"id":230,"depth":324,"text":231},{"id":277,"depth":324,"text":23},{"id":581,"depth":324,"text":582,"children":1870},[1871,1872,1873,1874,1875],{"id":586,"depth":366,"text":587},{"id":631,"depth":366,"text":632},{"id":893,"depth":366,"text":894},{"id":1041,"depth":366,"text":1042},{"id":1229,"depth":366,"text":1230},{"id":1599,"depth":324,"text":1600,"children":1877},[1878,1879,1880,1881,1882],{"id":1603,"depth":366,"text":1606},{"id":1646,"depth":366,"text":1647},{"id":1725,"depth":366,"text":1726},{"id":1815,"depth":366,"text":1816},{"id":1834,"depth":366,"text":1835},"Programmatic overlay mounting with useOverlay.","md",null,{},{"icon":144},{"title":141,"description":1883},"P2Dp77tiBztf2rvVxGjOL71D2egBSqO0MgQ4tMmIaH4",[1891,1893],{"title":136,"path":137,"stem":138,"description":1892,"icon":139,"children":-1},"Spinbutton number input with increment and decrement controls.",{"title":146,"path":147,"stem":148,"description":1894,"icon":149,"children":-1},"A floating panel anchored to a trigger element.",1784667644750]