@aerogel/core 0.1.0 → 0.1.1-next.1e4498f367b830c7a83435800066bb8261d179f5

package/dist/aerogel-core.d.ts

@@ -3,20 +3,20 @@ import { AllowedComponentProps } from 'vue';
 import { App as App_2 } from 'vue';
 import { AsTag } from 'reka-ui';
 import { ClassValue } from 'clsx';
-import { ClosureArgs } from '@noeldemartin/utils';
+import { closeModal } from '@noeldemartin/vue-modals';
 import { Component } from 'vue';
 import { ComponentCustomProperties } from 'vue';
 import { ComponentCustomProps } from 'vue';
-import { ComponentExposed } from 'vue-component-type-helpers';
 import { ComponentInternalInstance } from 'vue';
 import { ComponentOptionsBase } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
-import { ComponentProps } from 'vue-component-type-helpers';
 import { ComponentProvideOptions } from 'vue';
 import { ComponentPublicInstance } from 'vue';
 import { ComputedGetter } from 'vue';
+import { ComputedOptions } from 'vue';
 import { ComputedRef } from 'vue';
 import { Constructor } from '@noeldemartin/utils';
+import { createModal } from '@noeldemartin/vue-modals';
 import { cva } from 'class-variance-authority';
 import { DebuggerEvent } from 'vue';
 import { DeepReadonly } from 'vue';
@@ -30,23 +30,33 @@ import { DialogTitleProps } from 'reka-ui';
 import { Directive } from 'vue';
 import { DropdownMenuContentProps } from 'reka-ui';
 import { Facade } from '@noeldemartin/utils';
+import { FocusOutsideEvent } from 'reka-ui';
 import { GetClosureArgs } from '@noeldemartin/utils';
 import { GetClosureResult } from '@noeldemartin/utils';
+import { GetModalProps } from '@noeldemartin/vue-modals';
+import { GetModalResponse } from '@noeldemartin/vue-modals';
 import { _GettersTree } from 'pinia';
 import { GlobalComponents } from 'vue';
 import { GlobalDirectives } from 'vue';
 import { HTMLAttributes } from 'vue';
 import { InjectionKey } from 'vue';
+import { injectModal } from '@noeldemartin/vue-modals';
 import { JSError } from '@noeldemartin/utils';
 import { LabelProps } from 'reka-ui';
 import { Listeners } from '@noeldemartin/utils';
 import { ListenersManager } from '@noeldemartin/utils';
 import { MagicObject } from '@noeldemartin/utils';
 import { MaybeRef } from 'vue';
+import { MethodOptions } from 'vue';
+import { ModalComponent } from '@noeldemartin/vue-modals';
+import { ModalController } from '@noeldemartin/vue-modals';
+import { modals } from '@noeldemartin/vue-modals';
+import { ModalsPortal } from '@noeldemartin/vue-modals';
 import { nextTick } from 'vue';
 import { Nullable } from '@noeldemartin/utils';
 import { OnCleanup } from '@vue/reactivity';
 import { Pinia } from 'pinia';
+import { PointerDownOutsideEvent } from 'reka-ui';
 import { PrimitiveProps } from 'reka-ui';
 import { PromisedValue } from '@noeldemartin/utils';
 import { PropType } from 'vue';
@@ -55,6 +65,7 @@ import { Ref } from 'vue';
 import { SelectContentProps } from 'reka-ui';
 import { SelectItemProps } from 'reka-ui';
 import { ShallowUnwrapRef } from 'vue';
+import { showModal } from '@noeldemartin/vue-modals';
 import { Slot } from 'vue';
 import { StateTree } from 'pinia';
 import { Store } from 'pinia';
@@ -153,7 +164,7 @@ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...
 as?: string;
 }> & Readonly<{
 "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
-}>, "id" | "value" | "name" | "description" | "errors" | "label" | "required" | "update"> & ShallowUnwrapRef<    {
+}>, "id" | "value" | "name" | "description" | "errors" | "required" | "label" | "update"> & ShallowUnwrapRef<    {
 id: string;
 name: ComputedRef<string | undefined>;
 label: ComputedRef<string | undefined>;
@@ -207,11 +218,11 @@ declare const __VLS_component_25: DefineComponent<__VLS_Props_14, {}, {}, {}, {}
 
 declare const __VLS_component_26: DefineComponent<__VLS_Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_15> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_27: DefineComponent<__VLS_Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_18> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component_27: DefineComponent<__VLS_Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_17> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_28: DefineComponent<__VLS_Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_19> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component_28: DefineComponent<__VLS_Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_18> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_29: DefineComponent<__VLS_Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component_29: DefineComponent<__VLS_Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_19> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_3: DefineComponent<__VLS_Props, {
 id: string;
@@ -228,7 +239,7 @@ update(value: unknown): void;
 "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_30: DefineComponent<__VLS_Props_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_22> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component_30: DefineComponent<__VLS_Props_21, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_21> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare const __VLS_component_4: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
@@ -240,23 +251,14 @@ $: ComponentInternalInstance;
 $data: {};
 $props: {
 readonly forceMount?: boolean | undefined;
-readonly trapFocus?: boolean | undefined;
 readonly disableOutsidePointerEvents?: boolean | undefined;
 readonly asChild?: boolean | undefined;
 readonly as?: (AsTag | Component) | undefined;
-readonly onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined | undefined;
-readonly onPointerDownOutside?: ((event: CustomEvent<{
-originalEvent: PointerEvent;
-}>) => any) | undefined | undefined;
-readonly onFocusOutside?: ((event: CustomEvent<{
-originalEvent: FocusEvent;
-}>) => any) | undefined | undefined;
-readonly onInteractOutside?: ((event: CustomEvent<{
-originalEvent: PointerEvent;
-}> | CustomEvent<{
-originalEvent: FocusEvent;
-}>) => any) | undefined | undefined;
 readonly onOpenAutoFocus?: ((event: Event) => any) | undefined | undefined;
+readonly onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined | undefined;
+readonly onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined | undefined;
+readonly onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined | undefined;
+readonly onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined | undefined;
 readonly onCloseAutoFocus?: ((event: Event) => any) | undefined | undefined;
 } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
 $attrs: {
@@ -271,45 +273,21 @@ $slots: Readonly<{
 $root: ComponentPublicInstance | null;
 $parent: ComponentPublicInstance | null;
 $host: Element | null;
-$emit: ((event: "escapeKeyDown", event: KeyboardEvent) => void) & ((event: "pointerDownOutside", event: CustomEvent<{
-originalEvent: PointerEvent;
-}>) => void) & ((event: "focusOutside", event: CustomEvent<{
-originalEvent: FocusEvent;
-}>) => void) & ((event: "interactOutside", event: CustomEvent<{
-originalEvent: PointerEvent;
-}> | CustomEvent<{
-originalEvent: FocusEvent;
-}>) => void) & ((event: "openAutoFocus", event: Event) => void) & ((event: "closeAutoFocus", event: Event) => void);
+$emit: ((event: "openAutoFocus", event: Event) => void) & ((event: "escapeKeyDown", event: KeyboardEvent) => void) & ((event: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((event: "focusOutside", event: FocusOutsideEvent) => void) & ((event: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((event: "closeAutoFocus", event: Event) => void);
 $el: any;
 $options: ComponentOptionsBase<Readonly<DialogContentProps> & Readonly<{
-onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-onPointerDownOutside?: ((event: CustomEvent<{
-originalEvent: PointerEvent;
-}>) => any) | undefined;
-onFocusOutside?: ((event: CustomEvent<{
-originalEvent: FocusEvent;
-}>) => any) | undefined;
-onInteractOutside?: ((event: CustomEvent<{
-originalEvent: PointerEvent;
-}> | CustomEvent<{
-originalEvent: FocusEvent;
-}>) => any) | undefined;
 onOpenAutoFocus?: ((event: Event) => any) | undefined;
+onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
 onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-escapeKeyDown: (event: KeyboardEvent) => any;
-pointerDownOutside: (event: CustomEvent<{
-originalEvent: PointerEvent;
-}>) => any;
-focusOutside: (event: CustomEvent<{
-originalEvent: FocusEvent;
-}>) => any;
-interactOutside: (event: CustomEvent<{
-originalEvent: PointerEvent;
-}> | CustomEvent<{
-originalEvent: FocusEvent;
-}>) => any;
 openAutoFocus: (event: Event) => any;
+escapeKeyDown: (event: KeyboardEvent) => any;
+pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+focusOutside: (event: FocusOutsideEvent) => any;
+interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
 closeAutoFocus: (event: Event) => any;
 }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
 beforeCreate?: (() => void) | (() => void)[];
@@ -332,24 +310,17 @@ $forceUpdate: () => void;
 $nextTick: typeof nextTick;
 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
 } & Readonly<{}> & Omit<Readonly<DialogContentProps> & Readonly<{
-onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-onPointerDownOutside?: ((event: CustomEvent<{
-originalEvent: PointerEvent;
-}>) => any) | undefined;
-onFocusOutside?: ((event: CustomEvent<{
-originalEvent: FocusEvent;
-}>) => any) | undefined;
-onInteractOutside?: ((event: CustomEvent<{
-originalEvent: PointerEvent;
-}> | CustomEvent<{
-originalEvent: FocusEvent;
-}>) => any) | undefined;
 onOpenAutoFocus?: ((event: Event) => any) | undefined;
+onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
 onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, never> & ShallowUnwrapRef<    {}> & {} & ComponentCustomProperties & {} & {
 $slots: {
-default?(_: {}): any;
-default?(_: {}): any;
+default?: (props: {}) => any;
+} & {
+default?: (props: {}) => any;
 };
 }) | null;
 }, any>;
@@ -416,26 +387,25 @@ declare type __VLS_Props_15 = {
 };
 
 declare type __VLS_Props_16 = {
-    modal: UIModal;
-    childIndex?: number;
-};
-
-declare type __VLS_Props_17 = {
     filledClass?: string;
     progress?: number;
     job?: Falsifiable<Job>;
 };
 
-declare type __VLS_Props_18 = {
+declare type __VLS_Props_17 = {
     class?: HTMLAttributes['class'];
 };
 
-declare type __VLS_Props_19 = {
+declare type __VLS_Props_18 = {
     value: AcceptableValue;
     class?: HTMLAttributes['class'];
     innerClass?: HTMLAttributes['class'];
 };
 
+declare type __VLS_Props_19 = {
+    class?: HTMLAttributes['class'];
+};
+
 declare type __VLS_Props_2 = {
     type?: string;
 };
@@ -445,10 +415,6 @@ declare type __VLS_Props_20 = {
 };
 
 declare type __VLS_Props_21 = {
-    class?: HTMLAttributes['class'];
-};
-
-declare type __VLS_Props_22 = {
     title: string;
     titleId?: string;
     description?: string;
@@ -456,12 +422,12 @@ declare type __VLS_Props_22 = {
     layout?: 'vertical' | 'horizontal';
 };
 
-declare type __VLS_Props_23 = InputProps & {
+declare type __VLS_Props_22 = InputProps & {
     inputClass?: HTMLAttributes['class'];
     wrapperClass?: HTMLAttributes['class'];
 };
 
-declare type __VLS_Props_24 = ToastProps & {
+declare type __VLS_Props_23 = ToastProps & {
     class?: HTMLAttributes['class'];
 };
 
@@ -649,7 +615,7 @@ declare function __VLS_template_18(): {
             as?: string;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
-        }>, "id" | "value" | "name" | "description" | "errors" | "label" | "required" | "update"> & ShallowUnwrapRef<    {
+        }>, "id" | "value" | "name" | "description" | "errors" | "required" | "label" | "update"> & ShallowUnwrapRef<    {
         id: string;
         name: ComputedRef<string | undefined>;
         label: ComputedRef<string | undefined>;
@@ -832,23 +798,14 @@ declare function __VLS_template_6(): {
             $data: {};
             $props: {
                 readonly forceMount?: boolean | undefined;
-                readonly trapFocus?: boolean | undefined;
                 readonly disableOutsidePointerEvents?: boolean | undefined;
                 readonly asChild?: boolean | undefined;
                 readonly as?: (AsTag | Component) | undefined;
-                readonly onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined | undefined;
-                readonly onPointerDownOutside?: ((event: CustomEvent<{
-                    originalEvent: PointerEvent;
-                }>) => any) | undefined | undefined;
-                readonly onFocusOutside?: ((event: CustomEvent<{
-                    originalEvent: FocusEvent;
-                }>) => any) | undefined | undefined;
-                readonly onInteractOutside?: ((event: CustomEvent<{
-                    originalEvent: PointerEvent;
-                }> | CustomEvent<{
-                    originalEvent: FocusEvent;
-                }>) => any) | undefined | undefined;
                 readonly onOpenAutoFocus?: ((event: Event) => any) | undefined | undefined;
+                readonly onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined | undefined;
+                readonly onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined | undefined;
+                readonly onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined | undefined;
+                readonly onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined | undefined;
                 readonly onCloseAutoFocus?: ((event: Event) => any) | undefined | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
             $attrs: {
@@ -863,45 +820,21 @@ declare function __VLS_template_6(): {
             $root: ComponentPublicInstance | null;
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "escapeKeyDown", event: KeyboardEvent) => void) & ((event: "pointerDownOutside", event: CustomEvent<{
-                originalEvent: PointerEvent;
-            }>) => void) & ((event: "focusOutside", event: CustomEvent<{
-                originalEvent: FocusEvent;
-            }>) => void) & ((event: "interactOutside", event: CustomEvent<{
-                originalEvent: PointerEvent;
-            }> | CustomEvent<{
-                originalEvent: FocusEvent;
-            }>) => void) & ((event: "openAutoFocus", event: Event) => void) & ((event: "closeAutoFocus", event: Event) => void);
+            $emit: ((event: "openAutoFocus", event: Event) => void) & ((event: "escapeKeyDown", event: KeyboardEvent) => void) & ((event: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((event: "focusOutside", event: FocusOutsideEvent) => void) & ((event: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((event: "closeAutoFocus", event: Event) => void);
             $el: any;
             $options: ComponentOptionsBase<Readonly<DialogContentProps> & Readonly<{
-            onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-            onPointerDownOutside?: ((event: CustomEvent<{
-            originalEvent: PointerEvent;
-            }>) => any) | undefined;
-            onFocusOutside?: ((event: CustomEvent<{
-            originalEvent: FocusEvent;
-            }>) => any) | undefined;
-            onInteractOutside?: ((event: CustomEvent<{
-            originalEvent: PointerEvent;
-            }> | CustomEvent<{
-            originalEvent: FocusEvent;
-            }>) => any) | undefined;
             onOpenAutoFocus?: ((event: Event) => any) | undefined;
+            onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+            onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+            onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+            onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
             onCloseAutoFocus?: ((event: Event) => any) | undefined;
             }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-            escapeKeyDown: (event: KeyboardEvent) => any;
-            pointerDownOutside: (event: CustomEvent<{
-            originalEvent: PointerEvent;
-            }>) => any;
-            focusOutside: (event: CustomEvent<{
-            originalEvent: FocusEvent;
-            }>) => any;
-            interactOutside: (event: CustomEvent<{
-            originalEvent: PointerEvent;
-            }> | CustomEvent<{
-            originalEvent: FocusEvent;
-            }>) => any;
             openAutoFocus: (event: Event) => any;
+            escapeKeyDown: (event: KeyboardEvent) => any;
+            pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+            focusOutside: (event: FocusOutsideEvent) => any;
+            interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
             closeAutoFocus: (event: Event) => any;
             }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -924,24 +857,17 @@ declare function __VLS_template_6(): {
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<DialogContentProps> & Readonly<{
-            onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-            onPointerDownOutside?: ((event: CustomEvent<{
-                originalEvent: PointerEvent;
-            }>) => any) | undefined;
-            onFocusOutside?: ((event: CustomEvent<{
-                originalEvent: FocusEvent;
-            }>) => any) | undefined;
-            onInteractOutside?: ((event: CustomEvent<{
-                originalEvent: PointerEvent;
-            }> | CustomEvent<{
-                originalEvent: FocusEvent;
-            }>) => any) | undefined;
             onOpenAutoFocus?: ((event: Event) => any) | undefined;
+            onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+            onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+            onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+            onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
             onCloseAutoFocus?: ((event: Event) => any) | undefined;
         }>, never> & ShallowUnwrapRef<    {}> & {} & ComponentCustomProperties & {} & {
             $slots: {
-                default?(_: {}): any;
-                default?(_: {}): any;
+                default?: (props: {}) => any;
+            } & {
+                default?: (props: {}) => any;
             };
         }) | null;
     };
@@ -1221,6 +1147,13 @@ export declare type AcceptRefs<T> = {
 
 export declare const AdvancedOptions: __VLS_WithTemplateSlots_16<typeof __VLS_component_16, __VLS_TemplateResult_16["slots"]>;
 
+export declare type AerogelDirectives = typeof aerogelDirectives;
+
+export declare const aerogelDirectives: {
+    readonly measure: Directive<any, MeasureDirectiveValue, MeasureDirectiveModifiers>;
+    readonly 'safe-html': Directive<any, string, string>;
+};
+
 export declare type AerogelGlobalEvents = Partial<{
     [Event in EventWithoutPayload]: () => unknown;
 }> & Partial<{
@@ -1238,11 +1171,10 @@ export declare interface AerogelTestingRuntime {
 }
 
 export declare const AlertModal: DefineComponent<AlertModalProps, {
-close(result?: void | undefined): Promise<void>;
 $content: ModalContentInstance;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AlertModalProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare interface AlertModalExpose extends ModalExpose<void> {
+export declare interface AlertModalExpose extends ModalExpose {
 }
 
 export declare interface AlertModalProps {
@@ -1254,8 +1186,6 @@ export declare const App: Facade<AppService>;
 
 export declare const AppLayout: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
-export declare const AppModals: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-
 export declare function appNamespace(): string;
 
 export declare const AppOverlays: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -1324,6 +1254,8 @@ export declare const Checkbox: __VLS_WithTemplateSlots_18<typeof __VLS_component
 
 export declare function classes(...inputs: ClassValue[]): string;
 
+export { closeModal }
+
 export declare type ComponentPropDefinitions<T> = {
     [K in keyof T]: {
         type?: PropType<T[K]>;
@@ -1349,9 +1281,12 @@ export declare type ComputedStateDefinition<TState extends ServiceState, TComput
 }>;
 
 export declare const ConfirmModal: DefineComponent<ConfirmModalProps, {
-close(result?: boolean | [boolean, Record<string, Nullable<boolean>>] | undefined): Promise<void>;
 $content: ModalContentInstance;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ConfirmModalProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+close: (payload: ConfirmModalResult) => any;
+}, string, PublicProps, Readonly<ConfirmModalProps> & Readonly<{
+onClose?: ((payload: ConfirmModalResult) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 export declare type ConfirmModalCheckboxes = Record<string, {
     label: string;
@@ -1359,7 +1294,10 @@ export declare type ConfirmModalCheckboxes = Record<string, {
     required?: boolean;
 }>;
 
-export declare interface ConfirmModalExpose extends ModalExpose<boolean | [boolean, Record<string, Nullable<boolean>>]> {
+export declare interface ConfirmModalEmits extends ModalEmits<ConfirmModalResult> {
+}
+
+export declare interface ConfirmModalExpose extends ModalExpose {
 }
 
 export declare interface ConfirmModalProps {
@@ -1374,6 +1312,8 @@ export declare interface ConfirmModalProps {
     required?: boolean;
 }
 
+export declare type ConfirmModalResult = boolean | [boolean, Record<string, Nullable<boolean>>];
+
 export declare type ConfirmOptions = AcceptRefs<{
     acceptText?: string;
     acceptVariant?: ButtonVariant;
@@ -1387,6 +1327,8 @@ export declare interface ConfirmOptionsWithCheckboxes<T extends ConfirmModalChec
     checkboxes?: T;
 }
 
+export { createModal }
+
 export declare type CVAConfig<T> = NonNullable<GetClosureArgs<typeof cva<T>>[1]>;
 
 export declare type CVAProps<T> = NonNullable<GetClosureArgs<GetClosureResult<typeof cva<T>>>[0]>;
@@ -1442,15 +1384,12 @@ settings: AppSetting[];
 }>>;
 
 declare const _default_4: ServiceWithState<    {
-modals: UIModal[];
 toasts: UIToast[];
 layout: Layout;
 }, {
 desktop: boolean;
 mobile: boolean;
-openModals: UIModal<unknown>[];
 }, Partial<{
-modals: UIModal[];
 toasts: UIToast[];
 layout: Layout;
 }>>;
@@ -1550,7 +1489,6 @@ export declare interface ErrorReportLog {
 }
 
 export declare const ErrorReportModal: DefineComponent<ErrorReportModalProps, {
-close(result?: void | undefined): Promise<void>;
 $content: ModalContentInstance;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ErrorReportModalProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
@@ -1722,6 +1660,10 @@ export declare type GetFormFieldValue<TType, TValueType = unknown> = TType exten
 
 export declare function getMarkdownRouter(): MarkdownRouter | null;
 
+export { GetModalProps }
+
+export { GetModalResponse }
+
 export declare function getPiniaStore(): Pinia;
 
 export declare interface HasSelectOptionLabel {
@@ -1750,7 +1692,7 @@ $textAreaRef: HTMLTextAreaElement;
 
 export declare const HeadlessModal: <T = void>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & ModalProps & Partial<{}>> & PublicProps;
-    expose(exposed: ShallowUnwrapRef<AcceptRefs<ModalExpose<T>>>): void;
+    expose(exposed: ShallowUnwrapRef<AcceptRefs<ModalExpose>>): void;
     attrs: any;
     slots: Readonly<ModalSlots<T>> & ModalSlots<T>;
     emit: {};
@@ -1845,6 +1787,8 @@ export declare const HeadlessSwitch: <T extends boolean = boolean>(__VLS_props:
 
 export declare const HeadlessToast: __VLS_WithTemplateSlots_15<typeof __VLS_component_15, __VLS_TemplateResult_15["slots"]>;
 
+export { injectModal }
+
 export declare function injectOrFail<T>(key: InjectionKey<T> | string, errorMessage?: string): T;
 
 export declare function injectReactive<T extends object>(key: InjectionKey<T> | string): UnwrapNestedRefs<T> | undefined;
@@ -1920,7 +1864,7 @@ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...
 as?: string;
 }> & Readonly<{
 "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
-}>, "id" | "value" | "name" | "description" | "errors" | "label" | "required" | "update"> & ShallowUnwrapRef<    {
+}>, "id" | "value" | "name" | "description" | "errors" | "required" | "label" | "update"> & ShallowUnwrapRef<    {
 id: string;
 name: ComputedRef<string | undefined>;
 label: ComputedRef<string | undefined>;
@@ -2031,7 +1975,6 @@ export declare const Layouts: {
 export declare const Link: __VLS_WithTemplateSlots_25<typeof __VLS_component_25, __VLS_TemplateResult_25["slots"]>;
 
 export declare const LoadingModal: DefineComponent<LoadingModalProps, {
-close(result?: void | undefined): Promise<void>;
 $content: ModalContentInstance;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<LoadingModalProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
@@ -2076,7 +2019,7 @@ export declare const Modal: <T = void>(__VLS_props: NonNullable<Awaited<typeof _
         class?: HTMLAttributes["class"];
         closeHidden?: boolean;
     }) & Partial<{}>> & PublicProps;
-    expose(exposed: ShallowUnwrapRef<AcceptRefs<ModalExpose<T>>>): void;
+    expose(exposed: ShallowUnwrapRef<AcceptRefs<ModalExpose>>): void;
     attrs: any;
     slots: Readonly<ModalSlots<T>> & ModalSlots<T>;
     emit: {};
@@ -2084,18 +2027,19 @@ export declare const Modal: <T = void>(__VLS_props: NonNullable<Awaited<typeof _
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 
+export { ModalComponent }
+
 export declare type ModalContentInstance = Nullable<InstanceType<typeof DialogContent>>;
 
-export declare const ModalContext: DefineComponent<__VLS_Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export { ModalController }
 
-export declare interface ModalExpose<Result = void> {
-    close(result?: Result): Promise<void>;
-    $content: ModalContentInstance;
+export declare interface ModalEmits<Result = never> {
+    (event: 'close', payload: Result): void;
 }
 
-export declare type ModalExposeResult<T> = T extends {
-    close(result?: infer Result): Promise<void>;
-} ? Result : unknown;
+export declare interface ModalExpose {
+    $content: ModalContentInstance;
+}
 
 export declare interface ModalProps {
     persistent?: boolean;
@@ -2105,14 +2049,16 @@ export declare interface ModalProps {
     descriptionHidden?: boolean;
 }
 
-export declare type ModalResult<T> = ModalExposeResult<ComponentExposed<T>>;
+export { modals }
 
-export declare interface ModalSlots<Result = void> {
+export declare interface ModalSlots<Result = never> {
     default(props: {
         close(result?: Result): Promise<void>;
     }): unknown;
 }
 
+export { ModalsPortal }
+
 export declare function numberInput(defaultValue?: number, options?: {
     rules?: string;
 }): FormFieldDefinition<'number'>;
@@ -2139,14 +2085,20 @@ declare interface Plugin_2 {
 }
 export { Plugin_2 as Plugin }
 
-export declare const ProgressBar: DefineComponent<__VLS_Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_17> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export declare const ProgressBar: DefineComponent<__VLS_Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 export declare const PromptModal: DefineComponent<PromptModalProps, {
-close(result?: string | undefined): Promise<void>;
 $content: ModalContentInstance;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PromptModalProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+close: (payload: string) => any;
+}, string, PublicProps, Readonly<PromptModalProps> & Readonly<{
+onClose?: ((payload: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare interface PromptModalEmits extends ModalEmits<PromptModalResult> {
+}
 
-export declare interface PromptModalExpose extends ModalExpose<string> {
+export declare interface PromptModalExpose extends ModalExpose {
 }
 
 export declare interface PromptModalProps {
@@ -2161,6 +2113,8 @@ export declare interface PromptModalProps {
     cancelVariant?: ButtonVariant;
 }
 
+export declare type PromptModalResult = string;
+
 export declare type PromptOptions = AcceptRefs<{
     label?: string;
     defaultValue?: string;
@@ -2172,6 +2126,17 @@ export declare type PromptOptions = AcceptRefs<{
     trim?: boolean;
 }>;
 
+export declare type ReactiveSet<T = unknown> = ReturnType<typeof reactiveSet<T>>;
+
+export declare function reactiveSet<T>(initial?: T[] | Set<T>): {
+    values(): T[];
+    has(item: T): boolean;
+    add(item: T): void;
+    delete(item: T): void;
+    clear(): void;
+    reset(items?: T[] | Set<T>): void;
+};
+
 export declare type RefUnion<T> = T extends infer R ? Ref<R> : never;
 
 export declare function registerErrorHandler(handler: ErrorHandler_2): void;
@@ -2253,7 +2218,7 @@ export declare interface SelectProps<T extends Nullable<FormFieldValue> = Nullab
     side?: SelectContentProps['side'];
 }
 
-export declare const SelectTrigger: DefineComponent<__VLS_Props_21, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_21> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export declare const SelectTrigger: DefineComponent<__VLS_Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 export declare class Service<State extends ServiceState = DefaultServiceState, ComputedState extends ServiceState = {}, ServiceStorage = Partial<State>> extends MagicObject {
     static persist: string[];
@@ -2324,6 +2289,8 @@ export declare const Setting: __VLS_WithTemplateSlots_30<typeof __VLS_component_
 
 export declare const SettingsModal: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export { showModal }
+
 export declare const StartupCrash: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
 export declare type StateWatchers<TService extends Service, TState extends ServiceState> = {
@@ -2345,9 +2312,9 @@ export declare type SubmitFormListener = () => unknown;
 
 export declare const Switch: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const TextArea: DefineComponent<__VLS_Props_23, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TextArea: DefineComponent<__VLS_Props_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: unknown) => any;
-}, string, PublicProps, Readonly<__VLS_Props_23> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_22> & Readonly<{
 "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
 $inputRef: ({
@@ -2414,7 +2381,7 @@ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...
 as?: string;
 }> & Readonly<{
 "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
-}>, "id" | "value" | "name" | "description" | "errors" | "label" | "required" | "update"> & ShallowUnwrapRef<    {
+}>, "id" | "value" | "name" | "description" | "errors" | "required" | "label" | "update"> & ShallowUnwrapRef<    {
 id: string;
 name: ComputedRef<string | undefined>;
 label: ComputedRef<string | undefined>;
@@ -2430,7 +2397,7 @@ default?(_: {}): any;
 }) | null;
 }, any>;
 
-export declare const Toast: DefineComponent<__VLS_Props_24, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_24> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export declare const Toast: DefineComponent<__VLS_Props_23, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_23> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 export declare interface ToastAction {
     label: string;
@@ -2461,39 +2428,22 @@ export declare const translateWithDefault: (key: string, defaultMessage: string,
 
 export declare const UI: Facade<UIService>;
 
-export declare type UIComponent<Props = {}, Exposed = {}> = {
-    new (...args: ClosureArgs): Exposed & {
-        $props: Props;
-    };
-};
+export declare type UIComponent<Props = {}, Exposed = {}, Emits = {}> = Constructor<{
+    $emit?: Emits;
+} & Exposed> & Component<Props, {}, {}, ComputedOptions, MethodOptions, {}, {}>;
 
 export declare interface UIComponents {
     'alert-modal': UIComponent<AlertModalProps, AlertModalExpose>;
-    'confirm-modal': UIComponent<ConfirmModalProps, ConfirmModalExpose>;
+    'confirm-modal': UIComponent<ConfirmModalProps, ConfirmModalExpose, ConfirmModalEmits>;
     'error-report-modal': UIComponent<ErrorReportModalProps, ErrorReportModalExpose>;
     'loading-modal': UIComponent<LoadingModalProps, LoadingModalExpose>;
-    'prompt-modal': UIComponent<PromptModalProps, PromptModalExpose>;
+    'prompt-modal': UIComponent<PromptModalProps, PromptModalExpose, PromptModalEmits>;
     'router-link': UIComponent;
     'startup-crash': UIComponent;
     toast: UIComponent<ToastProps, ToastExpose>;
 }
 
-declare interface UIModal<T = unknown> {
-    id: string;
-    properties: Record<string, unknown>;
-    component: Component;
-    closing: boolean;
-    beforeClose: Promise<T | undefined>;
-    afterClose: Promise<T | undefined>;
-}
-
-export declare interface UIModalContext {
-    modal: UIModal;
-    childIndex?: number;
-}
-
 export declare class UIService extends _default_4 {
-    private modalCallbacks;
     private components;
     registerComponent<T extends keyof UIComponents>(name: T, component: UIComponents[T]): void;
     resolveComponent<T extends keyof UIComponents>(name: T): UIComponents[T] | null;
@@ -2510,13 +2460,10 @@ export declare class UIService extends _default_4 {
     loading<T>(message: string, operation: Promise<T> | (() => T)): Promise<T>;
     loading<T>(options: LoadingOptions, operation: Promise<T> | (() => T)): Promise<T>;
     toast(message: string, options?: ToastOptions): void;
-    modal<T extends Component>(...args: {} extends ComponentProps<T> ? [component: T, props?: AcceptRefs<ComponentProps<T>>] : [component: T, props: AcceptRefs<ComponentProps<T>>]): Promise<UIModal<ModalResult<T>>>;
-    modalForm<T extends Component>(...args: {} extends ComponentProps<T> ? [component: T, props?: AcceptRefs<ComponentProps<T>>] : [component: T, props: AcceptRefs<ComponentProps<T>>]): Promise<ModalResult<T> | undefined>;
-    closeModal(id: string, result?: unknown): Promise<void>;
+    modal<T extends Component>(component: T & object extends GetModalProps<T> ? T : never, props?: GetModalProps<T>): Promise<GetModalResponse<T>>;
+    modal<T extends Component>(component: T & object extends GetModalProps<T> ? never : T, props: GetModalProps<T>): Promise<GetModalResponse<T>>;
     closeAllModals(): Promise<void>;
     protected boot(): Promise<void>;
-    private removeModal;
-    private watchModalEvents;
     private watchMountedEvent;
     private watchViewportBreakpoints;
 }
@@ -2581,6 +2528,13 @@ export declare function useLoadingModal(props: LoadingModalProps): {
     showProgress: ComputedRef<boolean>;
 };
 
+export declare function useModal<T = never>(): {
+    close(result?: T): Promise<void>;
+    id: ComputedRef<string>;
+    visible: ComputedRef<boolean>;
+    child: ComputedRef<ModalController<never> | null>;
+};
+
 export declare function usePromptModal(props: PromptModalProps): {
     form: FormController<    {
     readonly draft: FormFieldDefinition<"string", "required", unknown>;
@@ -2633,8 +2587,7 @@ declare module '@aerogel/core' {
 
 
 declare module 'vue' {
-    interface ComponentCustomDirectives {
-        measure: Directive<string, string>;
+    interface ComponentCustomDirectives extends AerogelDirectives {
     }
 }
 
@@ -2717,21 +2670,3 @@ declare module '@aerogel/core' {
         'purge-storage': void;
     }
 }
-
-
-declare module '@aerogel/core' {
-    interface EventsPayload {
-        'close-modal': {
-            id: string;
-            result?: unknown;
-        };
-        'modal-will-close': {
-            modal: UIModal;
-            result?: unknown;
-        };
-        'modal-has-closed': {
-            modal: UIModal;
-            result?: unknown;
-        };
-    }
-}