@vuetify/nightly 3.7.6-dev.2024-12-18 → 3.7.6-master.2024-12-18

package/lib/components/VDialog/index.d.mts

@@ -1,4 +1,3 @@
-import * as _vue_reactivity from '@vue/reactivity';
 import * as vue from 'vue';
 import { ComponentPropsOptions, ExtractPropTypes, ComponentPublicInstance, Ref, EffectScope, Component, nextTick } from 'vue';
 
@@ -94,7 +93,7 @@ declare function blockScrollStrategy(data: ScrollStrategyData, props: StrategyPr
 declare function repositionScrollStrategy(data: ScrollStrategyData, props: StrategyProps, scope: EffectScope): void;
 
 declare const VDialog: {
-    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
         absolute: boolean;
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
@@ -287,7 +286,89 @@ declare const VDialog: {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            absolute: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: Component;
+            });
+            zIndex: string | number;
+            style: vue.StyleValue;
+            eager: boolean;
+            disabled: boolean;
+            persistent: boolean;
+            modelValue: boolean;
+            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
+                updateLocation: (e?: Event) => void;
+            });
+            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
+            activatorProps: Record<string, any>;
+            openOnHover: boolean;
+            closeOnContentClick: boolean;
+            closeOnBack: boolean;
+            contained: boolean;
+            noClickAnimation: boolean;
+            scrim: string | boolean;
+            _disableGlobalStack: boolean;
+        } & {
+            offset?: string | number | number[] | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            opacity?: string | number | undefined;
+            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
+            class?: any;
+            theme?: string | undefined;
+            contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
+            closeDelay?: string | number | undefined;
+            openDelay?: string | number | undefined;
+            openOnClick?: boolean | undefined;
+            openOnFocus?: boolean | undefined;
+            contentProps?: any;
+            attach?: string | boolean | Element | undefined;
+        } & {
+            $children?: vue.VNodeChild | {
+                default?: ((arg: {
+                    isActive: vue.Ref<boolean>;
+                }) => vue.VNodeChild) | undefined;
+                activator?: ((arg: {
+                    isActive: boolean;
+                    props: Record<string, any>;
+                    targetRef: TemplateRef;
+                }) => vue.VNodeChild) | undefined;
+            } | ((arg: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild);
+            'v-slots'?: {
+                default?: false | ((arg: {
+                    isActive: vue.Ref<boolean>;
+                }) => vue.VNodeChild) | undefined;
+                activator?: false | ((arg: {
+                    isActive: boolean;
+                    props: Record<string, any>;
+                    targetRef: TemplateRef;
+                }) => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | ((arg: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
+            "v-slot:activator"?: false | ((arg: {
+                isActive: boolean;
+                props: Record<string, any>;
+                targetRef: TemplateRef;
+            }) => vue.VNodeChild) | undefined;
+        } & {
+            onAfterEnter?: (() => any) | undefined;
+            onAfterLeave?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+        }, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -306,7 +387,6 @@ declare const VDialog: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
-        $host: Element | null;
         $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -392,14 +472,14 @@ declare const VDialog: {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
         }, {
-            activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            activatorEl: vue.Ref<HTMLElement | undefined>;
+            scrimEl: vue.Ref<HTMLElement | undefined>;
             target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
             animateClick: () => void;
-            contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            globalTop: Readonly<vue.Ref<boolean, boolean>>;
+            contentEl: vue.Ref<HTMLElement | undefined>;
+            globalTop: Readonly<vue.Ref<boolean>>;
             localTop: vue.ComputedRef<boolean>;
-            updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+            updateLocation: vue.Ref<((e: Event) => void) | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:outside': (e: MouseEvent) => true;
             'update:modelValue': (value: boolean) => true;
@@ -441,7 +521,7 @@ declare const VDialog: {
                 props: Record<string, any>;
                 targetRef: TemplateRef;
             }) => vue.VNode[];
-        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
+        }>>> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -460,8 +540,8 @@ declare const VDialog: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Readonly<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Omit<{
         absolute: boolean;
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
@@ -479,22 +559,103 @@ declare const VDialog: {
         });
         scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
         activatorProps: Record<string, any>;
-        openOnClick: boolean;
         openOnHover: boolean;
-        openOnFocus: boolean;
         closeOnContentClick: boolean;
         closeOnBack: boolean;
         contained: boolean;
         noClickAnimation: boolean;
         scrim: string | boolean;
         _disableGlobalStack: boolean;
-    }> & Omit<{
+    } & {
+        offset?: string | number | number[] | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        opacity?: string | number | undefined;
+        target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
+        class?: any;
+        theme?: string | undefined;
+        contentClass?: any;
+        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
+        closeDelay?: string | number | undefined;
+        openDelay?: string | number | undefined;
+        openOnClick?: boolean | undefined;
+        openOnFocus?: boolean | undefined;
+        contentProps?: any;
+        attach?: string | boolean | Element | undefined;
+    } & {
+        $children?: vue.VNodeChild | {
+            default?: ((arg: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
+            activator?: ((arg: {
+                isActive: boolean;
+                props: Record<string, any>;
+                targetRef: TemplateRef;
+            }) => vue.VNodeChild) | undefined;
+        } | ((arg: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNodeChild);
+        'v-slots'?: {
+            default?: false | ((arg: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
+            activator?: false | ((arg: {
+                isActive: boolean;
+                props: Record<string, any>;
+                targetRef: TemplateRef;
+            }) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | ((arg: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNodeChild) | undefined;
+        "v-slot:activator"?: false | ((arg: {
+            isActive: boolean;
+            props: Record<string, any>;
+            targetRef: TemplateRef;
+        }) => vue.VNodeChild) | undefined;
+    } & {
+        onAfterEnter?: (() => any) | undefined;
+        onAfterLeave?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+    }, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
+        activatorEl: vue.Ref<HTMLElement | undefined>;
+        scrimEl: vue.Ref<HTMLElement | undefined>;
+        target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
+        animateClick: () => void;
+        contentEl: vue.Ref<HTMLElement | undefined>;
+        globalTop: Readonly<vue.Ref<boolean>>;
+        localTop: vue.ComputedRef<boolean>;
+        updateLocation: vue.Ref<((e: Event) => void) | undefined>;
+    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
+        _allExposed: {
+            activatorEl: vue.Ref<HTMLElement | undefined>;
+            scrimEl: vue.Ref<HTMLElement | undefined>;
+            target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
+            animateClick: () => void;
+            contentEl: vue.Ref<HTMLElement | undefined>;
+            globalTop: Readonly<vue.Ref<boolean>>;
+            localTop: vue.ComputedRef<boolean>;
+            updateLocation: vue.Ref<((e: Event) => void) | undefined>;
+        } | {};
+    }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        'update:modelValue': (value: boolean) => true;
+        afterEnter: () => true;
+        afterLeave: () => true;
+    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         absolute: boolean;
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
         transition: string | boolean | (vue.TransitionProps & {
             component?: Component;
-        });
+        }) | {
+            component: Component;
+        };
         zIndex: string | number;
         style: vue.StyleValue;
         eager: boolean;
@@ -512,7 +673,9 @@ declare const VDialog: {
         contained: boolean;
         noClickAnimation: boolean;
         scrim: string | boolean;
-        _disableGlobalStack: boolean;
+        fullscreen: boolean;
+        retainFocus: boolean;
+        scrollable: boolean;
     } & {
         offset?: string | number | number[] | undefined;
         height?: string | number | undefined;
@@ -569,32 +732,7 @@ declare const VDialog: {
         onAfterEnter?: (() => any) | undefined;
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-    }, "target" | "contentEl" | "activatorEl" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
-        activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
-        animateClick: () => void;
-        contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        globalTop: Readonly<vue.Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
-        updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
-    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
-        _allExposed: {
-            activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
-            animateClick: () => void;
-            contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            globalTop: Readonly<vue.Ref<boolean, boolean>>;
-            localTop: vue.ComputedRef<boolean>;
-            updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
-        } | {};
-    }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-        'update:modelValue': (value: boolean) => true;
-        afterEnter: () => true;
-        afterLeave: () => true;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    }, {
         absolute: boolean;
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
@@ -634,7 +772,7 @@ declare const VDialog: {
             props: Record<string, any>;
             targetRef: TemplateRef;
         }) => vue.VNode[];
-    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+    }>>, {
         P: {};
         B: {};
         D: {};
@@ -834,7 +972,89 @@ declare const VDialog: {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            absolute: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: Component;
+            });
+            zIndex: string | number;
+            style: vue.StyleValue;
+            eager: boolean;
+            disabled: boolean;
+            persistent: boolean;
+            modelValue: boolean;
+            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
+                updateLocation: (e?: Event) => void;
+            });
+            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
+            activatorProps: Record<string, any>;
+            openOnHover: boolean;
+            closeOnContentClick: boolean;
+            closeOnBack: boolean;
+            contained: boolean;
+            noClickAnimation: boolean;
+            scrim: string | boolean;
+            _disableGlobalStack: boolean;
+        } & {
+            offset?: string | number | number[] | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            opacity?: string | number | undefined;
+            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
+            class?: any;
+            theme?: string | undefined;
+            contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
+            closeDelay?: string | number | undefined;
+            openDelay?: string | number | undefined;
+            openOnClick?: boolean | undefined;
+            openOnFocus?: boolean | undefined;
+            contentProps?: any;
+            attach?: string | boolean | Element | undefined;
+        } & {
+            $children?: vue.VNodeChild | {
+                default?: ((arg: {
+                    isActive: vue.Ref<boolean>;
+                }) => vue.VNodeChild) | undefined;
+                activator?: ((arg: {
+                    isActive: boolean;
+                    props: Record<string, any>;
+                    targetRef: TemplateRef;
+                }) => vue.VNodeChild) | undefined;
+            } | ((arg: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild);
+            'v-slots'?: {
+                default?: false | ((arg: {
+                    isActive: vue.Ref<boolean>;
+                }) => vue.VNodeChild) | undefined;
+                activator?: false | ((arg: {
+                    isActive: boolean;
+                    props: Record<string, any>;
+                    targetRef: TemplateRef;
+                }) => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | ((arg: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
+            "v-slot:activator"?: false | ((arg: {
+                isActive: boolean;
+                props: Record<string, any>;
+                targetRef: TemplateRef;
+            }) => vue.VNodeChild) | undefined;
+        } & {
+            onAfterEnter?: (() => any) | undefined;
+            onAfterLeave?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+        }, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -853,7 +1073,6 @@ declare const VDialog: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
-        $host: Element | null;
         $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -939,14 +1158,14 @@ declare const VDialog: {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
         }, {
-            activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            activatorEl: vue.Ref<HTMLElement | undefined>;
+            scrimEl: vue.Ref<HTMLElement | undefined>;
             target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
             animateClick: () => void;
-            contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            globalTop: Readonly<vue.Ref<boolean, boolean>>;
+            contentEl: vue.Ref<HTMLElement | undefined>;
+            globalTop: Readonly<vue.Ref<boolean>>;
             localTop: vue.ComputedRef<boolean>;
-            updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+            updateLocation: vue.Ref<((e: Event) => void) | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:outside': (e: MouseEvent) => true;
             'update:modelValue': (value: boolean) => true;
@@ -988,7 +1207,7 @@ declare const VDialog: {
                 props: Record<string, any>;
                 targetRef: TemplateRef;
             }) => vue.VNode[];
-        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
+        }>>> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -1007,35 +1226,8 @@ declare const VDialog: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Readonly<{
-        absolute: boolean;
-        location: Anchor;
-        origin: "auto" | Anchor | "overlap";
-        transition: string | boolean | (vue.TransitionProps & {
-            component?: Component;
-        });
-        zIndex: string | number;
-        style: vue.StyleValue;
-        eager: boolean;
-        disabled: boolean;
-        persistent: boolean;
-        modelValue: boolean;
-        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
-            updateLocation: (e?: Event) => void;
-        });
-        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
-        activatorProps: Record<string, any>;
-        openOnClick: boolean;
-        openOnHover: boolean;
-        openOnFocus: boolean;
-        closeOnContentClick: boolean;
-        closeOnBack: boolean;
-        contained: boolean;
-        noClickAnimation: boolean;
-        scrim: string | boolean;
-        _disableGlobalStack: boolean;
-    }> & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Omit<{
         absolute: boolean;
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
@@ -1117,25 +1309,25 @@ declare const VDialog: {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-    }, "target" | "contentEl" | "activatorEl" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
-        activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    }, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
+        activatorEl: vue.Ref<HTMLElement | undefined>;
+        scrimEl: vue.Ref<HTMLElement | undefined>;
         target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
         animateClick: () => void;
-        contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        globalTop: Readonly<vue.Ref<boolean, boolean>>;
+        contentEl: vue.Ref<HTMLElement | undefined>;
+        globalTop: Readonly<vue.Ref<boolean>>;
         localTop: vue.ComputedRef<boolean>;
-        updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
-    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
+        updateLocation: vue.Ref<((e: Event) => void) | undefined>;
+    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
         _allExposed: {
-            activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            activatorEl: vue.Ref<HTMLElement | undefined>;
+            scrimEl: vue.Ref<HTMLElement | undefined>;
             target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
             animateClick: () => void;
-            contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            globalTop: Readonly<vue.Ref<boolean, boolean>>;
+            contentEl: vue.Ref<HTMLElement | undefined>;
+            globalTop: Readonly<vue.Ref<boolean>>;
             localTop: vue.ComputedRef<boolean>;
-            updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+            updateLocation: vue.Ref<((e: Event) => void) | undefined>;
         } | {};
     }, {}, {}, {}, {
         absolute: boolean;
@@ -1365,7 +1557,89 @@ declare const VDialog: {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        absolute: boolean;
+        location: Anchor;
+        origin: "auto" | Anchor | "overlap";
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: Component;
+        });
+        zIndex: string | number;
+        style: vue.StyleValue;
+        eager: boolean;
+        disabled: boolean;
+        persistent: boolean;
+        modelValue: boolean;
+        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
+            updateLocation: (e?: Event) => void;
+        });
+        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
+        activatorProps: Record<string, any>;
+        openOnHover: boolean;
+        closeOnContentClick: boolean;
+        closeOnBack: boolean;
+        contained: boolean;
+        noClickAnimation: boolean;
+        scrim: string | boolean;
+        _disableGlobalStack: boolean;
+    } & {
+        offset?: string | number | number[] | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        opacity?: string | number | undefined;
+        target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
+        class?: any;
+        theme?: string | undefined;
+        contentClass?: any;
+        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
+        closeDelay?: string | number | undefined;
+        openDelay?: string | number | undefined;
+        openOnClick?: boolean | undefined;
+        openOnFocus?: boolean | undefined;
+        contentProps?: any;
+        attach?: string | boolean | Element | undefined;
+    } & {
+        $children?: vue.VNodeChild | {
+            default?: ((arg: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
+            activator?: ((arg: {
+                isActive: boolean;
+                props: Record<string, any>;
+                targetRef: TemplateRef;
+            }) => vue.VNodeChild) | undefined;
+        } | ((arg: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNodeChild);
+        'v-slots'?: {
+            default?: false | ((arg: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
+            activator?: false | ((arg: {
+                isActive: boolean;
+                props: Record<string, any>;
+                targetRef: TemplateRef;
+            }) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | ((arg: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNodeChild) | undefined;
+        "v-slot:activator"?: false | ((arg: {
+            isActive: boolean;
+            props: Record<string, any>;
+            targetRef: TemplateRef;
+        }) => vue.VNodeChild) | undefined;
+    } & {
+        onAfterEnter?: (() => any) | undefined;
+        onAfterLeave?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+    }, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1384,7 +1658,6 @@ declare const VDialog: {
     }>;
     $root: vue.ComponentPublicInstance | null;
     $parent: vue.ComponentPublicInstance | null;
-    $host: Element | null;
     $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
     $el: any;
     $options: vue.ComponentOptionsBase<{
@@ -1470,14 +1743,14 @@ declare const VDialog: {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
     }, {
-        activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        activatorEl: vue.Ref<HTMLElement | undefined>;
+        scrimEl: vue.Ref<HTMLElement | undefined>;
         target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
         animateClick: () => void;
-        contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        globalTop: Readonly<vue.Ref<boolean, boolean>>;
+        contentEl: vue.Ref<HTMLElement | undefined>;
+        globalTop: Readonly<vue.Ref<boolean>>;
         localTop: vue.ComputedRef<boolean>;
-        updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+        updateLocation: vue.Ref<((e: Event) => void) | undefined>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'click:outside': (e: MouseEvent) => true;
         'update:modelValue': (value: boolean) => true;
@@ -1519,7 +1792,7 @@ declare const VDialog: {
             props: Record<string, any>;
             targetRef: TemplateRef;
         }) => vue.VNode[];
-    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
+    }>>> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
         beforeMount?: (() => void) | (() => void)[];
@@ -1538,35 +1811,8 @@ declare const VDialog: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-} & Readonly<{
-    absolute: boolean;
-    location: Anchor;
-    origin: "auto" | Anchor | "overlap";
-    transition: string | boolean | (vue.TransitionProps & {
-        component?: Component;
-    });
-    zIndex: string | number;
-    style: vue.StyleValue;
-    eager: boolean;
-    disabled: boolean;
-    persistent: boolean;
-    modelValue: boolean;
-    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
-        updateLocation: (e?: Event) => void;
-    });
-    scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
-    activatorProps: Record<string, any>;
-    openOnClick: boolean;
-    openOnHover: boolean;
-    openOnFocus: boolean;
-    closeOnContentClick: boolean;
-    closeOnBack: boolean;
-    contained: boolean;
-    noClickAnimation: boolean;
-    scrim: string | boolean;
-    _disableGlobalStack: boolean;
-}> & Omit<{
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+} & Omit<{
     absolute: boolean;
     location: Anchor;
     origin: "auto" | Anchor | "overlap";
@@ -1648,25 +1894,25 @@ declare const VDialog: {
     onAfterLeave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-}, "target" | "contentEl" | "activatorEl" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
-    activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+}, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
+    activatorEl: vue.Ref<HTMLElement | undefined>;
+    scrimEl: vue.Ref<HTMLElement | undefined>;
     target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
     animateClick: () => void;
-    contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    globalTop: Readonly<vue.Ref<boolean, boolean>>;
+    contentEl: vue.Ref<HTMLElement | undefined>;
+    globalTop: Readonly<vue.Ref<boolean>>;
     localTop: vue.ComputedRef<boolean>;
-    updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
-}> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
+    updateLocation: vue.Ref<((e: Event) => void) | undefined>;
+}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
     _allExposed: {
-        activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        activatorEl: vue.Ref<HTMLElement | undefined>;
+        scrimEl: vue.Ref<HTMLElement | undefined>;
         target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
         animateClick: () => void;
-        contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        globalTop: Readonly<vue.Ref<boolean, boolean>>;
+        contentEl: vue.Ref<HTMLElement | undefined>;
+        globalTop: Readonly<vue.Ref<boolean>>;
         localTop: vue.ComputedRef<boolean>;
-        updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+        updateLocation: vue.Ref<((e: Event) => void) | undefined>;
     } | {};
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: boolean) => true;
@@ -1712,7 +1958,7 @@ declare const VDialog: {
         props: Record<string, any>;
         targetRef: TemplateRef;
     }) => vue.VNode[];
-}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     transition: Omit<{
         type: vue.PropType<string | boolean | (vue.TransitionProps & {
             component?: Component;