@vuetify/nightly 4.0.0-dev-20230511.0 → 4.0.0-dev-20230512.0

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

@@ -1,27 +1,11 @@
 import * as vue from 'vue';
-import { Ref, EffectScope, ComponentPropsOptions, ExtractPropTypes, nextTick } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, Ref, EffectScope, Component, nextTick } from 'vue';
 
-interface ScrollStrategyData {
-    root: Ref<HTMLElement | undefined>;
-    contentEl: Ref<HTMLElement | undefined>;
-    activatorEl: Ref<HTMLElement | undefined>;
-    isActive: Ref<boolean>;
-    updateLocation: Ref<((e: Event) => void) | undefined>;
-}
-type ScrollStrategyFn = (data: ScrollStrategyData, props: StrategyProps$1, scope: EffectScope) => void;
-declare const scrollStrategies: {
-    none: null;
-    close: typeof closeScrollStrategy;
-    block: typeof blockScrollStrategy;
-    reposition: typeof repositionScrollStrategy;
-};
-interface StrategyProps$1 {
-    scrollStrategy: keyof typeof scrollStrategies | ScrollStrategyFn;
-    contained: boolean | undefined;
-}
-declare function closeScrollStrategy(data: ScrollStrategyData): void;
-declare function blockScrollStrategy(data: ScrollStrategyData, props: StrategyProps$1): void;
-declare function repositionScrollStrategy(data: ScrollStrategyData, props: StrategyProps$1, scope: EffectScope): void;
+declare const block: readonly ["top", "bottom"];
+declare const inline: readonly ["start", "end", "left", "right"];
+type Tblock = typeof block[number];
+type Tinline = typeof inline[number];
+type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
 
 declare class Box {
     x: number;
@@ -40,12 +24,6 @@ declare class Box {
     get right(): number;
 }
 
-declare const block: readonly ["top", "bottom"];
-declare const inline: readonly ["start", "end", "left", "right"];
-type Tblock = typeof block[number];
-type Tinline = typeof inline[number];
-type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
-
 interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
 }
@@ -56,14 +34,14 @@ interface LocationStrategyData {
     isActive: Ref<boolean>;
     isRtl: Ref<boolean>;
 }
-type LocationStrategyFn = (data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
+type LocationStrategyFn = (data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref<Record<string, string>>) => undefined | {
     updateLocation: (e: Event) => void;
 };
 declare const locationStrategies: {
     static: typeof staticLocationStrategy;
     connected: typeof connectedLocationStrategy;
 };
-interface StrategyProps {
+interface StrategyProps$1 {
     locationStrategy: keyof typeof locationStrategies | LocationStrategyFn;
     location: Anchor;
     origin: Anchor | 'auto' | 'overlap';
@@ -74,7 +52,7 @@ interface StrategyProps {
     minWidth?: number | string;
 }
 declare function staticLocationStrategy(): void;
-declare function connectedLocationStrategy(data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>): {
+declare function connectedLocationStrategy(data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref<Record<string, string>>): {
     updateLocation: () => {
         available: {
             x: number;
@@ -84,252 +62,65 @@ declare function connectedLocationStrategy(data: LocationStrategyData, props: St
     } | undefined;
 };
 
+interface ScrollStrategyData {
+    root: Ref<HTMLElement | undefined>;
+    contentEl: Ref<HTMLElement | undefined>;
+    activatorEl: Ref<HTMLElement | undefined>;
+    isActive: Ref<boolean>;
+    updateLocation: Ref<((e: Event) => void) | undefined>;
+}
+type ScrollStrategyFn = (data: ScrollStrategyData, props: StrategyProps, scope: EffectScope) => void;
+declare const scrollStrategies: {
+    none: null;
+    close: typeof closeScrollStrategy;
+    block: typeof blockScrollStrategy;
+    reposition: typeof repositionScrollStrategy;
+};
+interface StrategyProps {
+    scrollStrategy: keyof typeof scrollStrategies | ScrollStrategyFn;
+    contained: boolean | undefined;
+}
+declare function closeScrollStrategy(data: ScrollStrategyData): void;
+declare function blockScrollStrategy(data: ScrollStrategyData, props: StrategyProps): void;
+declare function repositionScrollStrategy(data: ScrollStrategyData, props: StrategyProps, scope: EffectScope): void;
+
 declare const VDialog: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            absolute: boolean;
-            location: Anchor;
-            origin: NonNullable<"auto" | Anchor | "overlap">;
-            transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component | undefined;
+        $props: {
+            absolute?: boolean | undefined;
+            location?: Anchor | undefined;
+            origin?: NonNullable<"auto" | Anchor | "overlap"> | undefined;
+            transition?: NonNullable<string | boolean | (vue.TransitionProps & {
+                component?: Component | undefined;
             })> | {
-                component: {
-                    new (...args: any[]): {
-                        $: vue.ComponentInternalInstance;
-                        $data: {};
-                        $props: Partial<{}> & Omit<{} & {
-                            target?: HTMLElement | undefined;
-                        } & {
-                            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            };
-                            'v-slots'?: {
-                                default?: false | (() => vue.VNodeChild) | undefined;
-                            } | undefined;
-                        } & {
-                            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, never>;
-                        $attrs: {
-                            [x: string]: unknown;
-                        };
-                        $refs: {
-                            [x: string]: unknown;
-                        };
-                        $slots: Readonly<{
-                            [name: string]: vue.Slot | undefined;
-                        }>;
-                        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                        $emit: (event: string, ...args: any[]) => void;
-                        $el: any;
-                        $options: vue.ComponentOptionsBase<{} & {
-                            target?: HTMLElement | undefined;
-                        } & {
-                            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            };
-                            'v-slots'?: {
-                                default?: false | (() => vue.VNodeChild) | undefined;
-                            } | undefined;
-                        } & {
-                            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & {
-                            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                            created?: ((() => void) | (() => void)[]) | undefined;
-                            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                            mounted?: ((() => void) | (() => void)[]) | undefined;
-                            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                            updated?: ((() => void) | (() => void)[]) | undefined;
-                            activated?: ((() => void) | (() => void)[]) | undefined;
-                            deactivated?: ((() => void) | (() => void)[]) | undefined;
-                            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                            destroyed?: ((() => void) | (() => void)[]) | undefined;
-                            unmounted?: ((() => void) | (() => void)[]) | undefined;
-                            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-                        };
-                        $forceUpdate: () => void;
-                        $nextTick: typeof nextTick;
-                        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-                    } & {} & {
-                        target?: HTMLElement | undefined;
-                    } & {
-                        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        };
-                        'v-slots'?: {
-                            default?: false | (() => vue.VNodeChild) | undefined;
-                        } | undefined;
-                    } & {
-                        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                    } & vue.ShallowUnwrapRef<() => JSX.Element> & {} & vue.ComponentCustomProperties & {};
-                    __isFragment?: undefined;
-                    __isTeleport?: undefined;
-                    __isSuspense?: undefined;
-                } & vue.ComponentOptionsBase<{} & {
-                    target?: HTMLElement | undefined;
-                } & {
-                    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    };
-                    'v-slots'?: {
-                        default?: false | (() => vue.VNodeChild) | undefined;
-                    } | undefined;
-                } & {
-                    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-                    target: vue.PropType<HTMLElement>;
-                }, vue.ExtractPropTypes<{
-                    target: vue.PropType<HTMLElement>;
-                }>>;
-            };
-            zIndex: NonNullable<string | number>;
-            style: vue.StyleValue;
-            eager: boolean;
-            disabled: boolean;
-            modelValue: boolean;
-            activatorProps: Record<string, any>;
-            openOnClick: boolean;
-            openOnHover: boolean;
-            openOnFocus: boolean;
-            closeOnContentClick: boolean;
-            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
-            } | undefined);
-            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
-            closeOnBack: boolean;
-            contained: boolean;
-            noClickAnimation: boolean;
-            persistent: boolean;
-            scrim: string | boolean;
-            fullscreen: boolean;
-            scrollable: boolean;
-            retainFocus: boolean;
-        }> & Omit<{
-            absolute: boolean;
-            location: Anchor;
-            origin: NonNullable<"auto" | Anchor | "overlap">;
-            transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component | undefined;
-            })> | {
-                component: {
-                    new (...args: any[]): {
-                        $: vue.ComponentInternalInstance;
-                        $data: {};
-                        $props: Partial<{}> & Omit<{} & {
-                            target?: HTMLElement | undefined;
-                        } & {
-                            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            };
-                            'v-slots'?: {
-                                default?: false | (() => vue.VNodeChild) | undefined;
-                            } | undefined;
-                        } & {
-                            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, never>;
-                        $attrs: {
-                            [x: string]: unknown;
-                        };
-                        $refs: {
-                            [x: string]: unknown;
-                        };
-                        $slots: Readonly<{
-                            [name: string]: vue.Slot | undefined;
-                        }>;
-                        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                        $emit: (event: string, ...args: any[]) => void;
-                        $el: any;
-                        $options: vue.ComponentOptionsBase<{} & {
-                            target?: HTMLElement | undefined;
-                        } & {
-                            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            };
-                            'v-slots'?: {
-                                default?: false | (() => vue.VNodeChild) | undefined;
-                            } | undefined;
-                        } & {
-                            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & {
-                            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                            created?: ((() => void) | (() => void)[]) | undefined;
-                            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                            mounted?: ((() => void) | (() => void)[]) | undefined;
-                            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                            updated?: ((() => void) | (() => void)[]) | undefined;
-                            activated?: ((() => void) | (() => void)[]) | undefined;
-                            deactivated?: ((() => void) | (() => void)[]) | undefined;
-                            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                            destroyed?: ((() => void) | (() => void)[]) | undefined;
-                            unmounted?: ((() => void) | (() => void)[]) | undefined;
-                            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-                        };
-                        $forceUpdate: () => void;
-                        $nextTick: typeof nextTick;
-                        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-                    } & {} & {
-                        target?: HTMLElement | undefined;
-                    } & {
-                        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        };
-                        'v-slots'?: {
-                            default?: false | (() => vue.VNodeChild) | undefined;
-                        } | undefined;
-                    } & {
-                        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                    } & vue.ShallowUnwrapRef<() => JSX.Element> & {} & vue.ComponentCustomProperties & {};
-                    __isFragment?: undefined;
-                    __isTeleport?: undefined;
-                    __isSuspense?: undefined;
-                } & vue.ComponentOptionsBase<{} & {
-                    target?: HTMLElement | undefined;
-                } & {
-                    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    };
-                    'v-slots'?: {
-                        default?: false | (() => vue.VNodeChild) | undefined;
-                    } | undefined;
-                } & {
-                    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-                    target: vue.PropType<HTMLElement>;
-                }, vue.ExtractPropTypes<{
-                    target: vue.PropType<HTMLElement>;
-                }>>;
-            };
-            zIndex: NonNullable<string | number>;
-            style: vue.StyleValue;
-            eager: boolean;
-            disabled: boolean;
-            modelValue: boolean;
-            activatorProps: Record<string, any>;
-            openOnHover: boolean;
-            closeOnContentClick: boolean;
-            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                component: Component;
+            } | undefined;
+            zIndex?: NonNullable<string | number> | undefined;
+            style?: vue.StyleValue | undefined;
+            eager?: boolean | undefined;
+            disabled?: boolean | undefined;
+            modelValue?: boolean | undefined;
+            activatorProps?: Record<string, any> | undefined;
+            openOnClick?: boolean | undefined;
+            openOnHover?: boolean | undefined;
+            openOnFocus?: boolean | undefined;
+            closeOnContentClick?: boolean | undefined;
+            locationStrategy?: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
-            } | undefined);
-            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
-            closeOnBack: boolean;
-            contained: boolean;
-            noClickAnimation: boolean;
-            persistent: boolean;
-            scrim: string | boolean;
-            fullscreen: boolean;
-            scrollable: boolean;
-            retainFocus: boolean;
-        } & {
+            } | undefined) | undefined;
+            scrollStrategy?: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition"> | undefined;
+            closeOnBack?: boolean | undefined;
+            contained?: boolean | undefined;
+            noClickAnimation?: boolean | undefined;
+            persistent?: boolean | undefined;
+            scrim?: string | boolean | undefined;
+            fullscreen?: boolean | undefined;
+            retainFocus?: boolean | undefined;
+            scrollable?: boolean | undefined;
             offset?: string | number | number[] | undefined;
+            key?: string | number | symbol | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
             maxHeight?: string | number | undefined;
@@ -337,16 +128,6 @@ declare const VDialog: {
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
             class?: any;
-            theme?: string | undefined;
-            contentClass?: any;
-            activator?: string | Element | 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?: ((args_0: {
                     isActive: vue.Ref<boolean>;
@@ -358,6 +139,13 @@ declare const VDialog: {
             } | ((args_0: {
                 isActive: vue.Ref<boolean>;
             }) => vue.VNodeChild);
+            ref?: vue.VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            theme?: string | undefined;
+            "v-slot:default"?: false | ((args_0: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
             'v-slots'?: {
                 default?: false | ((args_0: {
                     isActive: vue.Ref<boolean>;
@@ -367,17 +155,56 @@ declare const VDialog: {
                     props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
             } | undefined;
-        } & {
-            "v-slot:default"?: false | ((args_0: {
-                isActive: vue.Ref<boolean>;
-            }) => vue.VNodeChild) | undefined;
+            contentClass?: any;
+            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            activator?: string | Element | vue.ComponentPublicInstance | undefined;
             "v-slot:activator"?: false | ((args_0: {
                 isActive: boolean;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
-        } & {
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "fullscreen" | "scrollable" | "retainFocus">;
+            closeDelay?: string | number | undefined;
+            openDelay?: string | number | undefined;
+            contentProps?: any;
+            attach?: string | boolean | Element | undefined;
+        };
         $attrs: {
             [x: string]: unknown;
         };
@@ -385,10 +212,20 @@ declare const VDialog: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: vue.Slot | undefined;
+            default?: ((args_0: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            activator?: ((args_0: {
+                isActive: boolean;
+                props: Record<string, any>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
         }>;
-        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: (event: "update:modelValue", value: boolean) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -396,99 +233,9 @@ declare const VDialog: {
             location: Anchor;
             origin: NonNullable<"auto" | Anchor | "overlap">;
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component | undefined;
+                component?: Component | undefined;
             })> | {
-                component: {
-                    new (...args: any[]): {
-                        $: vue.ComponentInternalInstance;
-                        $data: {};
-                        $props: Partial<{}> & Omit<{} & {
-                            target?: HTMLElement | undefined;
-                        } & {
-                            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            };
-                            'v-slots'?: {
-                                default?: false | (() => vue.VNodeChild) | undefined;
-                            } | undefined;
-                        } & {
-                            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, never>;
-                        $attrs: {
-                            [x: string]: unknown;
-                        };
-                        $refs: {
-                            [x: string]: unknown;
-                        };
-                        $slots: Readonly<{
-                            [name: string]: vue.Slot | undefined;
-                        }>;
-                        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                        $emit: (event: string, ...args: any[]) => void;
-                        $el: any;
-                        $options: vue.ComponentOptionsBase<{} & {
-                            target?: HTMLElement | undefined;
-                        } & {
-                            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            };
-                            'v-slots'?: {
-                                default?: false | (() => vue.VNodeChild) | undefined;
-                            } | undefined;
-                        } & {
-                            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & {
-                            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                            created?: ((() => void) | (() => void)[]) | undefined;
-                            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                            mounted?: ((() => void) | (() => void)[]) | undefined;
-                            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                            updated?: ((() => void) | (() => void)[]) | undefined;
-                            activated?: ((() => void) | (() => void)[]) | undefined;
-                            deactivated?: ((() => void) | (() => void)[]) | undefined;
-                            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                            destroyed?: ((() => void) | (() => void)[]) | undefined;
-                            unmounted?: ((() => void) | (() => void)[]) | undefined;
-                            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-                        };
-                        $forceUpdate: () => void;
-                        $nextTick: typeof nextTick;
-                        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-                    } & {} & {
-                        target?: HTMLElement | undefined;
-                    } & {
-                        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        };
-                        'v-slots'?: {
-                            default?: false | (() => vue.VNodeChild) | undefined;
-                        } | undefined;
-                    } & {
-                        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                    } & vue.ShallowUnwrapRef<() => JSX.Element> & {} & vue.ComponentCustomProperties & {};
-                    __isFragment?: undefined;
-                    __isTeleport?: undefined;
-                    __isSuspense?: undefined;
-                } & vue.ComponentOptionsBase<{} & {
-                    target?: HTMLElement | undefined;
-                } & {
-                    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    };
-                    'v-slots'?: {
-                        default?: false | (() => vue.VNodeChild) | undefined;
-                    } | undefined;
-                } & {
-                    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-                    target: vue.PropType<HTMLElement>;
-                }, vue.ExtractPropTypes<{
-                    target: vue.PropType<HTMLElement>;
-                }>>;
+                component: Component;
             };
             zIndex: NonNullable<string | number>;
             style: vue.StyleValue;
@@ -498,18 +245,18 @@ declare const VDialog: {
             activatorProps: Record<string, any>;
             openOnHover: boolean;
             closeOnContentClick: boolean;
-            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
             } | undefined);
-            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
             closeOnBack: boolean;
             contained: boolean;
             noClickAnimation: boolean;
             persistent: boolean;
             scrim: string | boolean;
             fullscreen: boolean;
-            scrollable: boolean;
             retainFocus: boolean;
+            scrollable: boolean;
         } & {
             offset?: string | number | number[] | undefined;
             height?: string | number | undefined;
@@ -562,60 +309,35 @@ declare const VDialog: {
         }, Omit<Omit<{
             $: vue.ComponentInternalInstance;
             $data: {};
-            $props: Partial<{
-                absolute: boolean;
-                location: Anchor;
-                origin: "auto" | Anchor | "overlap";
-                transition: string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component | undefined;
-                });
-                zIndex: string | number;
-                style: vue.StyleValue;
-                eager: boolean;
-                disabled: boolean;
-                modelValue: boolean;
-                activatorProps: Record<string, any>;
-                openOnClick: boolean;
-                openOnHover: boolean;
-                openOnFocus: boolean;
-                closeOnContentClick: boolean;
-                locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
-                    updateLocation: (e: Event) => void;
-                } | undefined);
-                scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
-                closeOnBack: boolean;
-                contained: boolean;
-                noClickAnimation: boolean;
-                persistent: boolean;
-                scrim: string | boolean;
-                _disableGlobalStack: boolean;
-            }> & Omit<{
-                absolute: boolean;
-                location: Anchor;
-                origin: "auto" | Anchor | "overlap";
-                transition: string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component | undefined;
-                });
-                zIndex: string | number;
-                style: vue.StyleValue;
-                eager: boolean;
-                disabled: boolean;
-                modelValue: boolean;
-                activatorProps: Record<string, any>;
-                openOnHover: boolean;
-                closeOnContentClick: boolean;
-                locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            $props: {
+                absolute?: boolean | undefined;
+                location?: Anchor | undefined;
+                origin?: "auto" | Anchor | "overlap" | undefined;
+                transition?: string | boolean | (vue.TransitionProps & {
+                    component?: Component | undefined;
+                }) | undefined;
+                zIndex?: string | number | undefined;
+                style?: vue.StyleValue | undefined;
+                eager?: boolean | undefined;
+                disabled?: boolean | undefined;
+                modelValue?: boolean | undefined;
+                activatorProps?: Record<string, any> | undefined;
+                openOnClick?: boolean | undefined;
+                openOnHover?: boolean | undefined;
+                openOnFocus?: boolean | undefined;
+                closeOnContentClick?: boolean | undefined;
+                locationStrategy?: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
                     updateLocation: (e: Event) => void;
-                } | undefined);
-                scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
-                closeOnBack: boolean;
-                contained: boolean;
-                noClickAnimation: boolean;
-                persistent: boolean;
-                scrim: string | boolean;
-                _disableGlobalStack: boolean;
-            } & {
+                } | undefined) | undefined;
+                scrollStrategy?: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition" | undefined;
+                closeOnBack?: boolean | undefined;
+                contained?: boolean | undefined;
+                noClickAnimation?: boolean | undefined;
+                persistent?: boolean | undefined;
+                scrim?: string | boolean | undefined;
+                _disableGlobalStack?: boolean | undefined;
                 offset?: string | number | number[] | undefined;
+                key?: string | number | symbol | undefined;
                 height?: string | number | undefined;
                 width?: string | number | undefined;
                 maxHeight?: string | number | undefined;
@@ -623,16 +345,7 @@ declare const VDialog: {
                 minHeight?: string | number | undefined;
                 minWidth?: string | number | undefined;
                 class?: any;
-                theme?: string | undefined;
-                contentClass?: any;
-                activator?: string | Element | vue.ComponentPublicInstance | undefined;
-                closeDelay?: string | number | undefined;
-                openDelay?: string | number | undefined;
-                openOnClick?: boolean | undefined;
-                openOnFocus?: boolean | undefined;
-                contentProps?: any;
-                attach?: string | boolean | Element | undefined;
-            } & {
+                onAfterLeave?: (() => any) | undefined;
                 $children?: vue.VNodeChild | {
                     default?: ((args_0: {
                         isActive: vue.Ref<boolean>;
@@ -644,6 +357,13 @@ declare const VDialog: {
                 } | ((args_0: {
                     isActive: vue.Ref<boolean>;
                 }) => vue.VNodeChild);
+                ref?: vue.VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                theme?: string | undefined;
+                "v-slot:default"?: false | ((args_0: {
+                    isActive: vue.Ref<boolean>;
+                }) => vue.VNodeChild) | undefined;
                 'v-slots'?: {
                     default?: false | ((args_0: {
                         isActive: vue.Ref<boolean>;
@@ -653,19 +373,57 @@ declare const VDialog: {
                         props: Record<string, any>;
                     }) => vue.VNodeChild) | undefined;
                 } | undefined;
-            } & {
-                "v-slot:default"?: false | ((args_0: {
-                    isActive: vue.Ref<boolean>;
-                }) => vue.VNodeChild) | undefined;
+                contentClass?: any;
+                onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                activator?: string | Element | vue.ComponentPublicInstance | undefined;
                 "v-slot:activator"?: false | ((args_0: {
                     isActive: boolean;
                     props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
-            } & {
-                onAfterLeave?: (() => any) | undefined;
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                closeDelay?: string | number | undefined;
+                openDelay?: string | number | undefined;
+                contentProps?: any;
+                attach?: string | boolean | Element | undefined;
                 "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
+            };
             $attrs: {
                 [x: string]: unknown;
             };
@@ -673,10 +431,20 @@ declare const VDialog: {
                 [x: string]: unknown;
             };
             $slots: Readonly<{
-                [name: string]: vue.Slot | undefined;
+                default?: ((args_0: {
+                    isActive: vue.Ref<boolean>;
+                }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                activator?: ((args_0: {
+                    isActive: boolean;
+                    props: Record<string, any>;
+                }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
             }>;
-            $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-            $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+            $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
             $el: any;
             $options: vue.ComponentOptionsBase<{
@@ -684,7 +452,7 @@ declare const VDialog: {
                 location: Anchor;
                 origin: "auto" | Anchor | "overlap";
                 transition: string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component | undefined;
+                    component?: Component | undefined;
                 });
                 zIndex: string | number;
                 style: vue.StyleValue;
@@ -694,10 +462,10 @@ declare const VDialog: {
                 activatorProps: Record<string, any>;
                 openOnHover: boolean;
                 closeOnContentClick: boolean;
-                locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
                     updateLocation: (e: Event) => void;
                 } | undefined);
-                scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+                scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
                 closeOnBack: boolean;
                 contained: boolean;
                 noClickAnimation: boolean;
@@ -771,7 +539,7 @@ declare const VDialog: {
                 location: Anchor;
                 origin: "auto" | Anchor | "overlap";
                 transition: string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component | undefined;
+                    component?: Component | undefined;
                 });
                 zIndex: string | number;
                 style: vue.StyleValue;
@@ -783,17 +551,29 @@ declare const VDialog: {
                 openOnHover: boolean;
                 openOnFocus: boolean;
                 closeOnContentClick: boolean;
-                locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
                     updateLocation: (e: Event) => void;
                 } | undefined);
-                scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+                scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
                 closeOnBack: boolean;
                 contained: boolean;
                 noClickAnimation: boolean;
                 persistent: boolean;
                 scrim: string | boolean;
                 _disableGlobalStack: boolean;
-            }, {}, string> & {
+            }, {}, string, vue.SlotsType<Partial<{
+                default: (args_0: {
+                    isActive: vue.Ref<boolean>;
+                }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[];
+                activator: (args_0: {
+                    isActive: boolean;
+                    props: Record<string, any>;
+                }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[];
+            }>>> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
                 beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -808,7 +588,7 @@ declare const VDialog: {
                 unmounted?: ((() => void) | (() => void)[]) | undefined;
                 renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
                 renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
@@ -818,7 +598,7 @@ declare const VDialog: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: string | boolean | (vue.TransitionProps & {
-                component?: vue.Component | undefined;
+                component?: Component | undefined;
             });
             zIndex: string | number;
             style: vue.StyleValue;
@@ -828,10 +608,10 @@ declare const VDialog: {
             activatorProps: Record<string, any>;
             openOnHover: boolean;
             closeOnContentClick: boolean;
-            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
             } | undefined);
-            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
             closeOnBack: boolean;
             contained: boolean;
             noClickAnimation: boolean;
@@ -896,106 +676,16 @@ declare const VDialog: {
             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" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:default" | "v-slots" | "contentClass" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'update:modelValue': (value: boolean) => boolean;
         }, string, {
             absolute: boolean;
             location: Anchor;
             origin: NonNullable<"auto" | Anchor | "overlap">;
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component | undefined;
+                component?: Component | undefined;
             })> | {
-                component: {
-                    new (...args: any[]): {
-                        $: vue.ComponentInternalInstance;
-                        $data: {};
-                        $props: Partial<{}> & Omit<{} & {
-                            target?: HTMLElement | undefined;
-                        } & {
-                            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            };
-                            'v-slots'?: {
-                                default?: false | (() => vue.VNodeChild) | undefined;
-                            } | undefined;
-                        } & {
-                            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, never>;
-                        $attrs: {
-                            [x: string]: unknown;
-                        };
-                        $refs: {
-                            [x: string]: unknown;
-                        };
-                        $slots: Readonly<{
-                            [name: string]: vue.Slot | undefined;
-                        }>;
-                        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                        $emit: (event: string, ...args: any[]) => void;
-                        $el: any;
-                        $options: vue.ComponentOptionsBase<{} & {
-                            target?: HTMLElement | undefined;
-                        } & {
-                            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            };
-                            'v-slots'?: {
-                                default?: false | (() => vue.VNodeChild) | undefined;
-                            } | undefined;
-                        } & {
-                            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & {
-                            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                            created?: ((() => void) | (() => void)[]) | undefined;
-                            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                            mounted?: ((() => void) | (() => void)[]) | undefined;
-                            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                            updated?: ((() => void) | (() => void)[]) | undefined;
-                            activated?: ((() => void) | (() => void)[]) | undefined;
-                            deactivated?: ((() => void) | (() => void)[]) | undefined;
-                            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                            destroyed?: ((() => void) | (() => void)[]) | undefined;
-                            unmounted?: ((() => void) | (() => void)[]) | undefined;
-                            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-                        };
-                        $forceUpdate: () => void;
-                        $nextTick: typeof nextTick;
-                        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-                    } & {} & {
-                        target?: HTMLElement | undefined;
-                    } & {
-                        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        };
-                        'v-slots'?: {
-                            default?: false | (() => vue.VNodeChild) | undefined;
-                        } | undefined;
-                    } & {
-                        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                    } & vue.ShallowUnwrapRef<() => JSX.Element> & {} & vue.ComponentCustomProperties & {};
-                    __isFragment?: undefined;
-                    __isTeleport?: undefined;
-                    __isSuspense?: undefined;
-                } & vue.ComponentOptionsBase<{} & {
-                    target?: HTMLElement | undefined;
-                } & {
-                    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    };
-                    'v-slots'?: {
-                        default?: false | (() => vue.VNodeChild) | undefined;
-                    } | undefined;
-                } & {
-                    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-                    target: vue.PropType<HTMLElement>;
-                }, vue.ExtractPropTypes<{
-                    target: vue.PropType<HTMLElement>;
-                }>>;
+                component: Component;
             };
             zIndex: NonNullable<string | number>;
             style: vue.StyleValue;
@@ -1007,19 +697,31 @@ declare const VDialog: {
             openOnHover: boolean;
             openOnFocus: boolean;
             closeOnContentClick: boolean;
-            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
             } | undefined);
-            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
             closeOnBack: boolean;
             contained: boolean;
             noClickAnimation: boolean;
             persistent: boolean;
             scrim: string | boolean;
             fullscreen: boolean;
-            scrollable: boolean;
             retainFocus: boolean;
-        }, {}, string> & {
+            scrollable: boolean;
+        }, {}, string, vue.SlotsType<Partial<{
+            default: (args_0: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            activator: (args_0: {
+                isActive: boolean;
+                props: Record<string, any>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+        }>>> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -1034,7 +736,7 @@ declare const VDialog: {
             unmounted?: ((() => void) | (() => void)[]) | undefined;
             renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
             renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
@@ -1044,99 +746,9 @@ declare const VDialog: {
         location: Anchor;
         origin: NonNullable<"auto" | Anchor | "overlap">;
         transition: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
+            component?: Component | undefined;
         })> | {
-            component: {
-                new (...args: any[]): {
-                    $: vue.ComponentInternalInstance;
-                    $data: {};
-                    $props: Partial<{}> & Omit<{} & {
-                        target?: HTMLElement | undefined;
-                    } & {
-                        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        };
-                        'v-slots'?: {
-                            default?: false | (() => vue.VNodeChild) | undefined;
-                        } | undefined;
-                    } & {
-                        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, never>;
-                    $attrs: {
-                        [x: string]: unknown;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: vue.Slot | undefined;
-                    }>;
-                    $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                    $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                    $emit: (event: string, ...args: any[]) => void;
-                    $el: any;
-                    $options: vue.ComponentOptionsBase<{} & {
-                        target?: HTMLElement | undefined;
-                    } & {
-                        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        };
-                        'v-slots'?: {
-                            default?: false | (() => vue.VNodeChild) | undefined;
-                        } | undefined;
-                    } & {
-                        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                    }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & {
-                        beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                        created?: ((() => void) | (() => void)[]) | undefined;
-                        beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                        mounted?: ((() => void) | (() => void)[]) | undefined;
-                        beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                        updated?: ((() => void) | (() => void)[]) | undefined;
-                        activated?: ((() => void) | (() => void)[]) | undefined;
-                        deactivated?: ((() => void) | (() => void)[]) | undefined;
-                        beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                        beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                        destroyed?: ((() => void) | (() => void)[]) | undefined;
-                        unmounted?: ((() => void) | (() => void)[]) | undefined;
-                        renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                        renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                        errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-                    };
-                    $forceUpdate: () => void;
-                    $nextTick: typeof nextTick;
-                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-                } & {} & {
-                    target?: HTMLElement | undefined;
-                } & {
-                    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    };
-                    'v-slots'?: {
-                        default?: false | (() => vue.VNodeChild) | undefined;
-                    } | undefined;
-                } & {
-                    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                } & vue.ShallowUnwrapRef<() => JSX.Element> & {} & vue.ComponentCustomProperties & {};
-                __isFragment?: undefined;
-                __isTeleport?: undefined;
-                __isSuspense?: undefined;
-            } & vue.ComponentOptionsBase<{} & {
-                target?: HTMLElement | undefined;
-            } & {
-                $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                    default?: (() => vue.VNodeChild) | undefined;
-                };
-                'v-slots'?: {
-                    default?: false | (() => vue.VNodeChild) | undefined;
-                } | undefined;
-            } & {
-                "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-                target: vue.PropType<HTMLElement>;
-            }, vue.ExtractPropTypes<{
-                target: vue.PropType<HTMLElement>;
-            }>>;
+            component: Component;
         };
         zIndex: NonNullable<string | number>;
         style: vue.StyleValue;
@@ -1146,18 +758,18 @@ declare const VDialog: {
         activatorProps: Record<string, any>;
         openOnHover: boolean;
         closeOnContentClick: boolean;
-        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;
         } | undefined);
-        scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+        scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
         closeOnBack: boolean;
         contained: boolean;
         noClickAnimation: boolean;
         persistent: boolean;
         scrim: string | boolean;
         fullscreen: boolean;
-        scrollable: boolean;
         retainFocus: boolean;
+        scrollable: boolean;
     } & {
         offset?: string | number | number[] | undefined;
         height?: string | number | undefined;
@@ -1210,60 +822,35 @@ declare const VDialog: {
     } & vue.ShallowUnwrapRef<Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            absolute: boolean;
-            location: Anchor;
-            origin: "auto" | Anchor | "overlap";
-            transition: string | boolean | (vue.TransitionProps & {
-                component?: vue.Component | undefined;
-            });
-            zIndex: string | number;
-            style: vue.StyleValue;
-            eager: boolean;
-            disabled: boolean;
-            modelValue: boolean;
-            activatorProps: Record<string, any>;
-            openOnClick: boolean;
-            openOnHover: boolean;
-            openOnFocus: boolean;
-            closeOnContentClick: boolean;
-            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
-            } | undefined);
-            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
-            closeOnBack: boolean;
-            contained: boolean;
-            noClickAnimation: boolean;
-            persistent: boolean;
-            scrim: string | boolean;
-            _disableGlobalStack: boolean;
-        }> & Omit<{
-            absolute: boolean;
-            location: Anchor;
-            origin: "auto" | Anchor | "overlap";
-            transition: string | boolean | (vue.TransitionProps & {
-                component?: vue.Component | undefined;
-            });
-            zIndex: string | number;
-            style: vue.StyleValue;
-            eager: boolean;
-            disabled: boolean;
-            modelValue: boolean;
-            activatorProps: Record<string, any>;
-            openOnHover: boolean;
-            closeOnContentClick: boolean;
-            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+        $props: {
+            absolute?: boolean | undefined;
+            location?: Anchor | undefined;
+            origin?: "auto" | Anchor | "overlap" | undefined;
+            transition?: string | boolean | (vue.TransitionProps & {
+                component?: Component | undefined;
+            }) | undefined;
+            zIndex?: string | number | undefined;
+            style?: vue.StyleValue | undefined;
+            eager?: boolean | undefined;
+            disabled?: boolean | undefined;
+            modelValue?: boolean | undefined;
+            activatorProps?: Record<string, any> | undefined;
+            openOnClick?: boolean | undefined;
+            openOnHover?: boolean | undefined;
+            openOnFocus?: boolean | undefined;
+            closeOnContentClick?: boolean | undefined;
+            locationStrategy?: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
-            } | undefined);
-            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
-            closeOnBack: boolean;
-            contained: boolean;
-            noClickAnimation: boolean;
-            persistent: boolean;
-            scrim: string | boolean;
-            _disableGlobalStack: boolean;
-        } & {
+            } | undefined) | undefined;
+            scrollStrategy?: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition" | undefined;
+            closeOnBack?: boolean | undefined;
+            contained?: boolean | undefined;
+            noClickAnimation?: boolean | undefined;
+            persistent?: boolean | undefined;
+            scrim?: string | boolean | undefined;
+            _disableGlobalStack?: boolean | undefined;
             offset?: string | number | number[] | undefined;
+            key?: string | number | symbol | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
             maxHeight?: string | number | undefined;
@@ -1271,16 +858,7 @@ declare const VDialog: {
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
             class?: any;
-            theme?: string | undefined;
-            contentClass?: any;
-            activator?: string | Element | vue.ComponentPublicInstance | undefined;
-            closeDelay?: string | number | undefined;
-            openDelay?: string | number | undefined;
-            openOnClick?: boolean | undefined;
-            openOnFocus?: boolean | undefined;
-            contentProps?: any;
-            attach?: string | boolean | Element | undefined;
-        } & {
+            onAfterLeave?: (() => any) | undefined;
             $children?: vue.VNodeChild | {
                 default?: ((args_0: {
                     isActive: vue.Ref<boolean>;
@@ -1292,6 +870,13 @@ declare const VDialog: {
             } | ((args_0: {
                 isActive: vue.Ref<boolean>;
             }) => vue.VNodeChild);
+            ref?: vue.VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            theme?: string | undefined;
+            "v-slot:default"?: false | ((args_0: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
             'v-slots'?: {
                 default?: false | ((args_0: {
                     isActive: vue.Ref<boolean>;
@@ -1301,19 +886,57 @@ declare const VDialog: {
                     props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
             } | undefined;
-        } & {
-            "v-slot:default"?: false | ((args_0: {
-                isActive: vue.Ref<boolean>;
-            }) => vue.VNodeChild) | undefined;
+            contentClass?: any;
+            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            activator?: string | Element | vue.ComponentPublicInstance | undefined;
             "v-slot:activator"?: false | ((args_0: {
                 isActive: boolean;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
-        } & {
-            onAfterLeave?: (() => any) | undefined;
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            closeDelay?: string | number | undefined;
+            openDelay?: string | number | undefined;
+            contentProps?: any;
+            attach?: string | boolean | Element | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
+        };
         $attrs: {
             [x: string]: unknown;
         };
@@ -1321,10 +944,20 @@ declare const VDialog: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: vue.Slot | undefined;
+            default?: ((args_0: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            activator?: ((args_0: {
+                isActive: boolean;
+                props: Record<string, any>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
         }>;
-        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -1332,7 +965,7 @@ declare const VDialog: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: string | boolean | (vue.TransitionProps & {
-                component?: vue.Component | undefined;
+                component?: Component | undefined;
             });
             zIndex: string | number;
             style: vue.StyleValue;
@@ -1342,10 +975,10 @@ declare const VDialog: {
             activatorProps: Record<string, any>;
             openOnHover: boolean;
             closeOnContentClick: boolean;
-            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
             } | undefined);
-            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
             closeOnBack: boolean;
             contained: boolean;
             noClickAnimation: boolean;
@@ -1419,7 +1052,7 @@ declare const VDialog: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: string | boolean | (vue.TransitionProps & {
-                component?: vue.Component | undefined;
+                component?: Component | undefined;
             });
             zIndex: string | number;
             style: vue.StyleValue;
@@ -1431,17 +1064,29 @@ declare const VDialog: {
             openOnHover: boolean;
             openOnFocus: boolean;
             closeOnContentClick: boolean;
-            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
             } | undefined);
-            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
             closeOnBack: boolean;
             contained: boolean;
             noClickAnimation: boolean;
             persistent: boolean;
             scrim: string | boolean;
             _disableGlobalStack: boolean;
-        }, {}, string> & {
+        }, {}, string, vue.SlotsType<Partial<{
+            default: (args_0: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            activator: (args_0: {
+                isActive: boolean;
+                props: Record<string, any>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+        }>>> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -1456,7 +1101,7 @@ declare const VDialog: {
             unmounted?: ((() => void) | (() => void)[]) | undefined;
             renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
             renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
@@ -1466,7 +1111,7 @@ declare const VDialog: {
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
         transition: string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
+            component?: Component | undefined;
         });
         zIndex: string | number;
         style: vue.StyleValue;
@@ -1476,10 +1121,10 @@ declare const VDialog: {
         activatorProps: Record<string, any>;
         openOnHover: boolean;
         closeOnContentClick: boolean;
-        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;
         } | undefined);
-        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
         closeOnBack: boolean;
         contained: boolean;
         noClickAnimation: boolean;
@@ -1544,7 +1189,7 @@ declare const VDialog: {
         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" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:default" | "v-slots" | "contentClass" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>> & {} & vue.ComponentCustomProperties & {};
+    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -1553,99 +1198,9 @@ declare const VDialog: {
     location: Anchor;
     origin: NonNullable<"auto" | Anchor | "overlap">;
     transition: NonNullable<string | boolean | (vue.TransitionProps & {
-        component?: vue.Component | undefined;
+        component?: Component | undefined;
     })> | {
-        component: {
-            new (...args: any[]): {
-                $: vue.ComponentInternalInstance;
-                $data: {};
-                $props: Partial<{}> & Omit<{} & {
-                    target?: HTMLElement | undefined;
-                } & {
-                    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    };
-                    'v-slots'?: {
-                        default?: false | (() => vue.VNodeChild) | undefined;
-                    } | undefined;
-                } & {
-                    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, never>;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: vue.Slot | undefined;
-                }>;
-                $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $options: vue.ComponentOptionsBase<{} & {
-                    target?: HTMLElement | undefined;
-                } & {
-                    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    };
-                    'v-slots'?: {
-                        default?: false | (() => vue.VNodeChild) | undefined;
-                    } | undefined;
-                } & {
-                    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & {
-                    beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                    created?: ((() => void) | (() => void)[]) | undefined;
-                    beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                    mounted?: ((() => void) | (() => void)[]) | undefined;
-                    beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                    updated?: ((() => void) | (() => void)[]) | undefined;
-                    activated?: ((() => void) | (() => void)[]) | undefined;
-                    deactivated?: ((() => void) | (() => void)[]) | undefined;
-                    beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                    beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                    destroyed?: ((() => void) | (() => void)[]) | undefined;
-                    unmounted?: ((() => void) | (() => void)[]) | undefined;
-                    renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                    renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                    errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-            } & {} & {
-                target?: HTMLElement | undefined;
-            } & {
-                $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                    default?: (() => vue.VNodeChild) | undefined;
-                };
-                'v-slots'?: {
-                    default?: false | (() => vue.VNodeChild) | undefined;
-                } | undefined;
-            } & {
-                "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            } & vue.ShallowUnwrapRef<() => JSX.Element> & {} & vue.ComponentCustomProperties & {};
-            __isFragment?: undefined;
-            __isTeleport?: undefined;
-            __isSuspense?: undefined;
-        } & vue.ComponentOptionsBase<{} & {
-            target?: HTMLElement | undefined;
-        } & {
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
-            };
-            'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-            target: vue.PropType<HTMLElement>;
-        }, vue.ExtractPropTypes<{
-            target: vue.PropType<HTMLElement>;
-        }>>;
+        component: Component;
     };
     zIndex: NonNullable<string | number>;
     style: vue.StyleValue;
@@ -1655,18 +1210,18 @@ declare const VDialog: {
     activatorProps: Record<string, any>;
     openOnHover: boolean;
     closeOnContentClick: boolean;
-    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
         updateLocation: (e: Event) => void;
     } | undefined);
-    scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+    scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
     closeOnBack: boolean;
     contained: boolean;
     noClickAnimation: boolean;
     persistent: boolean;
     scrim: string | boolean;
     fullscreen: boolean;
-    scrollable: boolean;
     retainFocus: boolean;
+    scrollable: boolean;
 } & {
     offset?: string | number | number[] | undefined;
     height?: string | number | undefined;
@@ -1719,60 +1274,35 @@ declare const VDialog: {
 }, Omit<Omit<{
     $: vue.ComponentInternalInstance;
     $data: {};
-    $props: Partial<{
-        absolute: boolean;
-        location: Anchor;
-        origin: "auto" | Anchor | "overlap";
-        transition: string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
-        });
-        zIndex: string | number;
-        style: vue.StyleValue;
-        eager: boolean;
-        disabled: boolean;
-        modelValue: boolean;
-        activatorProps: Record<string, any>;
-        openOnClick: boolean;
-        openOnHover: boolean;
-        openOnFocus: boolean;
-        closeOnContentClick: boolean;
-        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
-            updateLocation: (e: Event) => void;
-        } | undefined);
-        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
-        closeOnBack: boolean;
-        contained: boolean;
-        noClickAnimation: boolean;
-        persistent: boolean;
-        scrim: string | boolean;
-        _disableGlobalStack: boolean;
-    }> & Omit<{
-        absolute: boolean;
-        location: Anchor;
-        origin: "auto" | Anchor | "overlap";
-        transition: string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
-        });
-        zIndex: string | number;
-        style: vue.StyleValue;
-        eager: boolean;
-        disabled: boolean;
-        modelValue: boolean;
-        activatorProps: Record<string, any>;
-        openOnHover: boolean;
-        closeOnContentClick: boolean;
-        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+    $props: {
+        absolute?: boolean | undefined;
+        location?: Anchor | undefined;
+        origin?: "auto" | Anchor | "overlap" | undefined;
+        transition?: string | boolean | (vue.TransitionProps & {
+            component?: Component | undefined;
+        }) | undefined;
+        zIndex?: string | number | undefined;
+        style?: vue.StyleValue | undefined;
+        eager?: boolean | undefined;
+        disabled?: boolean | undefined;
+        modelValue?: boolean | undefined;
+        activatorProps?: Record<string, any> | undefined;
+        openOnClick?: boolean | undefined;
+        openOnHover?: boolean | undefined;
+        openOnFocus?: boolean | undefined;
+        closeOnContentClick?: boolean | undefined;
+        locationStrategy?: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;
-        } | undefined);
-        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
-        closeOnBack: boolean;
-        contained: boolean;
-        noClickAnimation: boolean;
-        persistent: boolean;
-        scrim: string | boolean;
-        _disableGlobalStack: boolean;
-    } & {
+        } | undefined) | undefined;
+        scrollStrategy?: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition" | undefined;
+        closeOnBack?: boolean | undefined;
+        contained?: boolean | undefined;
+        noClickAnimation?: boolean | undefined;
+        persistent?: boolean | undefined;
+        scrim?: string | boolean | undefined;
+        _disableGlobalStack?: boolean | undefined;
         offset?: string | number | number[] | undefined;
+        key?: string | number | symbol | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
         maxHeight?: string | number | undefined;
@@ -1780,16 +1310,7 @@ declare const VDialog: {
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
         class?: any;
-        theme?: string | undefined;
-        contentClass?: any;
-        activator?: string | Element | vue.ComponentPublicInstance | undefined;
-        closeDelay?: string | number | undefined;
-        openDelay?: string | number | undefined;
-        openOnClick?: boolean | undefined;
-        openOnFocus?: boolean | undefined;
-        contentProps?: any;
-        attach?: string | boolean | Element | undefined;
-    } & {
+        onAfterLeave?: (() => any) | undefined;
         $children?: vue.VNodeChild | {
             default?: ((args_0: {
                 isActive: vue.Ref<boolean>;
@@ -1801,6 +1322,13 @@ declare const VDialog: {
         } | ((args_0: {
             isActive: vue.Ref<boolean>;
         }) => vue.VNodeChild);
+        ref?: vue.VNodeRef | undefined;
+        ref_for?: boolean | undefined;
+        ref_key?: string | undefined;
+        theme?: string | undefined;
+        "v-slot:default"?: false | ((args_0: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNodeChild) | undefined;
         'v-slots'?: {
             default?: false | ((args_0: {
                 isActive: vue.Ref<boolean>;
@@ -1810,19 +1338,57 @@ declare const VDialog: {
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
         } | undefined;
-    } & {
-        "v-slot:default"?: false | ((args_0: {
-            isActive: vue.Ref<boolean>;
-        }) => vue.VNodeChild) | undefined;
+        contentClass?: any;
+        onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        activator?: string | Element | vue.ComponentPublicInstance | undefined;
         "v-slot:activator"?: false | ((args_0: {
             isActive: boolean;
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
-    } & {
-        onAfterLeave?: (() => any) | undefined;
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        closeDelay?: string | number | undefined;
+        openDelay?: string | number | undefined;
+        contentProps?: any;
+        attach?: string | boolean | Element | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
+    };
     $attrs: {
         [x: string]: unknown;
     };
@@ -1830,10 +1396,20 @@ declare const VDialog: {
         [x: string]: unknown;
     };
     $slots: Readonly<{
-        [name: string]: vue.Slot | undefined;
+        default?: ((args_0: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[]) | undefined;
+        activator?: ((args_0: {
+            isActive: boolean;
+            props: Record<string, any>;
+        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[]) | undefined;
     }>;
-    $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-    $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+    $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+    $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
     $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
     $el: any;
     $options: vue.ComponentOptionsBase<{
@@ -1841,7 +1417,7 @@ declare const VDialog: {
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
         transition: string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
+            component?: Component | undefined;
         });
         zIndex: string | number;
         style: vue.StyleValue;
@@ -1851,10 +1427,10 @@ declare const VDialog: {
         activatorProps: Record<string, any>;
         openOnHover: boolean;
         closeOnContentClick: boolean;
-        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;
         } | undefined);
-        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
         closeOnBack: boolean;
         contained: boolean;
         noClickAnimation: boolean;
@@ -1928,7 +1504,7 @@ declare const VDialog: {
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
         transition: string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
+            component?: Component | undefined;
         });
         zIndex: string | number;
         style: vue.StyleValue;
@@ -1940,17 +1516,29 @@ declare const VDialog: {
         openOnHover: boolean;
         openOnFocus: boolean;
         closeOnContentClick: boolean;
-        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;
         } | undefined);
-        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
         closeOnBack: boolean;
         contained: boolean;
         noClickAnimation: boolean;
         persistent: boolean;
         scrim: string | boolean;
         _disableGlobalStack: boolean;
-    }, {}, string> & {
+    }, {}, string, vue.SlotsType<Partial<{
+        default: (args_0: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+        activator: (args_0: {
+            isActive: boolean;
+            props: Record<string, any>;
+        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+    }>>> & {
         beforeCreate?: ((() => void) | (() => void)[]) | undefined;
         created?: ((() => void) | (() => void)[]) | undefined;
         beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -1965,7 +1553,7 @@ declare const VDialog: {
         unmounted?: ((() => void) | (() => void)[]) | undefined;
         renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
         renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-        errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
@@ -1975,7 +1563,7 @@ declare const VDialog: {
     location: Anchor;
     origin: "auto" | Anchor | "overlap";
     transition: string | boolean | (vue.TransitionProps & {
-        component?: vue.Component | undefined;
+        component?: Component | undefined;
     });
     zIndex: string | number;
     style: vue.StyleValue;
@@ -1985,10 +1573,10 @@ declare const VDialog: {
     activatorProps: Record<string, any>;
     openOnHover: boolean;
     closeOnContentClick: boolean;
-    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
         updateLocation: (e: Event) => void;
     } | undefined);
-    scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+    scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
     closeOnBack: boolean;
     contained: boolean;
     noClickAnimation: boolean;
@@ -2053,106 +1641,16 @@ declare const VDialog: {
     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" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:default" | "v-slots" | "contentClass" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: boolean) => boolean;
 }, string, {
     absolute: boolean;
     location: Anchor;
     origin: NonNullable<"auto" | Anchor | "overlap">;
     transition: NonNullable<string | boolean | (vue.TransitionProps & {
-        component?: vue.Component | undefined;
+        component?: Component | undefined;
     })> | {
-        component: {
-            new (...args: any[]): {
-                $: vue.ComponentInternalInstance;
-                $data: {};
-                $props: Partial<{}> & Omit<{} & {
-                    target?: HTMLElement | undefined;
-                } & {
-                    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    };
-                    'v-slots'?: {
-                        default?: false | (() => vue.VNodeChild) | undefined;
-                    } | undefined;
-                } & {
-                    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, never>;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: vue.Slot | undefined;
-                }>;
-                $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $options: vue.ComponentOptionsBase<{} & {
-                    target?: HTMLElement | undefined;
-                } & {
-                    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    };
-                    'v-slots'?: {
-                        default?: false | (() => vue.VNodeChild) | undefined;
-                    } | undefined;
-                } & {
-                    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & {
-                    beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                    created?: ((() => void) | (() => void)[]) | undefined;
-                    beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                    mounted?: ((() => void) | (() => void)[]) | undefined;
-                    beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                    updated?: ((() => void) | (() => void)[]) | undefined;
-                    activated?: ((() => void) | (() => void)[]) | undefined;
-                    deactivated?: ((() => void) | (() => void)[]) | undefined;
-                    beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                    beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                    destroyed?: ((() => void) | (() => void)[]) | undefined;
-                    unmounted?: ((() => void) | (() => void)[]) | undefined;
-                    renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                    renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                    errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-            } & {} & {
-                target?: HTMLElement | undefined;
-            } & {
-                $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                    default?: (() => vue.VNodeChild) | undefined;
-                };
-                'v-slots'?: {
-                    default?: false | (() => vue.VNodeChild) | undefined;
-                } | undefined;
-            } & {
-                "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            } & vue.ShallowUnwrapRef<() => JSX.Element> & {} & vue.ComponentCustomProperties & {};
-            __isFragment?: undefined;
-            __isTeleport?: undefined;
-            __isSuspense?: undefined;
-        } & vue.ComponentOptionsBase<{} & {
-            target?: HTMLElement | undefined;
-        } & {
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
-            };
-            'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-            target: vue.PropType<HTMLElement>;
-        }, vue.ExtractPropTypes<{
-            target: vue.PropType<HTMLElement>;
-        }>>;
+        component: Component;
     };
     zIndex: NonNullable<string | number>;
     style: vue.StyleValue;
@@ -2164,228 +1662,60 @@ declare const VDialog: {
     openOnHover: boolean;
     openOnFocus: boolean;
     closeOnContentClick: boolean;
-    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
         updateLocation: (e: Event) => void;
     } | undefined);
-    scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+    scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
     closeOnBack: boolean;
     contained: boolean;
     noClickAnimation: boolean;
     persistent: boolean;
     scrim: string | boolean;
     fullscreen: boolean;
-    scrollable: boolean;
     retainFocus: boolean;
-}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    scrollable: boolean;
+}, {}, string, vue.SlotsType<Partial<{
+    default: (args_0: {
+        isActive: vue.Ref<boolean>;
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    activator: (args_0: {
+        isActive: boolean;
+        props: Record<string, any>;
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     transition: Omit<{
         type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
+            component?: Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
         type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
+            component?: Component | undefined;
         })> | {
-            component: {
-                new (...args: any[]): {
-                    $: vue.ComponentInternalInstance;
-                    $data: {};
-                    $props: Partial<{}> & Omit<{} & {
-                        target?: HTMLElement | undefined;
-                    } & {
-                        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        };
-                        'v-slots'?: {
-                            default?: false | (() => vue.VNodeChild) | undefined;
-                        } | undefined;
-                    } & {
-                        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, never>;
-                    $attrs: {
-                        [x: string]: unknown;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: vue.Slot | undefined;
-                    }>;
-                    $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                    $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                    $emit: (event: string, ...args: any[]) => void;
-                    $el: any;
-                    $options: vue.ComponentOptionsBase<{} & {
-                        target?: HTMLElement | undefined;
-                    } & {
-                        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        };
-                        'v-slots'?: {
-                            default?: false | (() => vue.VNodeChild) | undefined;
-                        } | undefined;
-                    } & {
-                        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                    }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & {
-                        beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                        created?: ((() => void) | (() => void)[]) | undefined;
-                        beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                        mounted?: ((() => void) | (() => void)[]) | undefined;
-                        beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                        updated?: ((() => void) | (() => void)[]) | undefined;
-                        activated?: ((() => void) | (() => void)[]) | undefined;
-                        deactivated?: ((() => void) | (() => void)[]) | undefined;
-                        beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                        beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                        destroyed?: ((() => void) | (() => void)[]) | undefined;
-                        unmounted?: ((() => void) | (() => void)[]) | undefined;
-                        renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                        renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                        errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-                    };
-                    $forceUpdate: () => void;
-                    $nextTick: typeof nextTick;
-                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-                } & {} & {
-                    target?: HTMLElement | undefined;
-                } & {
-                    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    };
-                    'v-slots'?: {
-                        default?: false | (() => vue.VNodeChild) | undefined;
-                    } | undefined;
-                } & {
-                    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                } & vue.ShallowUnwrapRef<() => JSX.Element> & {} & vue.ComponentCustomProperties & {};
-                __isFragment?: undefined;
-                __isTeleport?: undefined;
-                __isSuspense?: undefined;
-            } & vue.ComponentOptionsBase<{} & {
-                target?: HTMLElement | undefined;
-            } & {
-                $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                    default?: (() => vue.VNodeChild) | undefined;
-                };
-                'v-slots'?: {
-                    default?: false | (() => vue.VNodeChild) | undefined;
-                } | undefined;
-            } & {
-                "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-                target: vue.PropType<HTMLElement>;
-            }, vue.ExtractPropTypes<{
-                target: vue.PropType<HTMLElement>;
-            }>>;
+            component: Component;
         }>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
+            component?: Component | undefined;
         })> | {
-            component: {
-                new (...args: any[]): {
-                    $: vue.ComponentInternalInstance;
-                    $data: {};
-                    $props: Partial<{}> & Omit<{} & {
-                        target?: HTMLElement | undefined;
-                    } & {
-                        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        };
-                        'v-slots'?: {
-                            default?: false | (() => vue.VNodeChild) | undefined;
-                        } | undefined;
-                    } & {
-                        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, never>;
-                    $attrs: {
-                        [x: string]: unknown;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: vue.Slot | undefined;
-                    }>;
-                    $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                    $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                    $emit: (event: string, ...args: any[]) => void;
-                    $el: any;
-                    $options: vue.ComponentOptionsBase<{} & {
-                        target?: HTMLElement | undefined;
-                    } & {
-                        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        };
-                        'v-slots'?: {
-                            default?: false | (() => vue.VNodeChild) | undefined;
-                        } | undefined;
-                    } & {
-                        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                    }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & {
-                        beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                        created?: ((() => void) | (() => void)[]) | undefined;
-                        beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                        mounted?: ((() => void) | (() => void)[]) | undefined;
-                        beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                        updated?: ((() => void) | (() => void)[]) | undefined;
-                        activated?: ((() => void) | (() => void)[]) | undefined;
-                        deactivated?: ((() => void) | (() => void)[]) | undefined;
-                        beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                        beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                        destroyed?: ((() => void) | (() => void)[]) | undefined;
-                        unmounted?: ((() => void) | (() => void)[]) | undefined;
-                        renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                        renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                        errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-                    };
-                    $forceUpdate: () => void;
-                    $nextTick: typeof nextTick;
-                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-                } & {} & {
-                    target?: HTMLElement | undefined;
-                } & {
-                    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    };
-                    'v-slots'?: {
-                        default?: false | (() => vue.VNodeChild) | undefined;
-                    } | undefined;
-                } & {
-                    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                } & vue.ShallowUnwrapRef<() => JSX.Element> & {} & vue.ComponentCustomProperties & {};
-                __isFragment?: undefined;
-                __isTeleport?: undefined;
-                __isSuspense?: undefined;
-            } & vue.ComponentOptionsBase<{} & {
-                target?: HTMLElement | undefined;
-            } & {
-                $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                    default?: (() => vue.VNodeChild) | undefined;
-                };
-                'v-slots'?: {
-                    default?: false | (() => vue.VNodeChild) | undefined;
-                } | undefined;
-            } & {
-                "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-                target: vue.PropType<HTMLElement>;
-            }, vue.ExtractPropTypes<{
-                target: vue.PropType<HTMLElement>;
-            }>>;
+            component: Component;
         };
     };
     theme: StringConstructor;
     scrollStrategy: Omit<{
-        type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+        type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
         default: string;
         validator: (val: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">>;
-        default: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+        type: vue.PropType<NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">>;
+        default: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
     };
     locationStrategy: {
-        type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+        type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;
         } | undefined)>;
         default: string;
@@ -2465,213 +1795,33 @@ declare const VDialog: {
 }, vue.ExtractPropTypes<{
     transition: Omit<{
         type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
+            component?: Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
         type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
+            component?: Component | undefined;
         })> | {
-            component: {
-                new (...args: any[]): {
-                    $: vue.ComponentInternalInstance;
-                    $data: {};
-                    $props: Partial<{}> & Omit<{} & {
-                        target?: HTMLElement | undefined;
-                    } & {
-                        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        };
-                        'v-slots'?: {
-                            default?: false | (() => vue.VNodeChild) | undefined;
-                        } | undefined;
-                    } & {
-                        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, never>;
-                    $attrs: {
-                        [x: string]: unknown;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: vue.Slot | undefined;
-                    }>;
-                    $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                    $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                    $emit: (event: string, ...args: any[]) => void;
-                    $el: any;
-                    $options: vue.ComponentOptionsBase<{} & {
-                        target?: HTMLElement | undefined;
-                    } & {
-                        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        };
-                        'v-slots'?: {
-                            default?: false | (() => vue.VNodeChild) | undefined;
-                        } | undefined;
-                    } & {
-                        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                    }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & {
-                        beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                        created?: ((() => void) | (() => void)[]) | undefined;
-                        beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                        mounted?: ((() => void) | (() => void)[]) | undefined;
-                        beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                        updated?: ((() => void) | (() => void)[]) | undefined;
-                        activated?: ((() => void) | (() => void)[]) | undefined;
-                        deactivated?: ((() => void) | (() => void)[]) | undefined;
-                        beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                        beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                        destroyed?: ((() => void) | (() => void)[]) | undefined;
-                        unmounted?: ((() => void) | (() => void)[]) | undefined;
-                        renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                        renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                        errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-                    };
-                    $forceUpdate: () => void;
-                    $nextTick: typeof nextTick;
-                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-                } & {} & {
-                    target?: HTMLElement | undefined;
-                } & {
-                    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    };
-                    'v-slots'?: {
-                        default?: false | (() => vue.VNodeChild) | undefined;
-                    } | undefined;
-                } & {
-                    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                } & vue.ShallowUnwrapRef<() => JSX.Element> & {} & vue.ComponentCustomProperties & {};
-                __isFragment?: undefined;
-                __isTeleport?: undefined;
-                __isSuspense?: undefined;
-            } & vue.ComponentOptionsBase<{} & {
-                target?: HTMLElement | undefined;
-            } & {
-                $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                    default?: (() => vue.VNodeChild) | undefined;
-                };
-                'v-slots'?: {
-                    default?: false | (() => vue.VNodeChild) | undefined;
-                } | undefined;
-            } & {
-                "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-                target: vue.PropType<HTMLElement>;
-            }, vue.ExtractPropTypes<{
-                target: vue.PropType<HTMLElement>;
-            }>>;
+            component: Component;
         }>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
+            component?: Component | undefined;
         })> | {
-            component: {
-                new (...args: any[]): {
-                    $: vue.ComponentInternalInstance;
-                    $data: {};
-                    $props: Partial<{}> & Omit<{} & {
-                        target?: HTMLElement | undefined;
-                    } & {
-                        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        };
-                        'v-slots'?: {
-                            default?: false | (() => vue.VNodeChild) | undefined;
-                        } | undefined;
-                    } & {
-                        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, never>;
-                    $attrs: {
-                        [x: string]: unknown;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: vue.Slot | undefined;
-                    }>;
-                    $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                    $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-                    $emit: (event: string, ...args: any[]) => void;
-                    $el: any;
-                    $options: vue.ComponentOptionsBase<{} & {
-                        target?: HTMLElement | undefined;
-                    } & {
-                        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        };
-                        'v-slots'?: {
-                            default?: false | (() => vue.VNodeChild) | undefined;
-                        } | undefined;
-                    } & {
-                        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                    }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & {
-                        beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                        created?: ((() => void) | (() => void)[]) | undefined;
-                        beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                        mounted?: ((() => void) | (() => void)[]) | undefined;
-                        beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                        updated?: ((() => void) | (() => void)[]) | undefined;
-                        activated?: ((() => void) | (() => void)[]) | undefined;
-                        deactivated?: ((() => void) | (() => void)[]) | undefined;
-                        beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                        beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                        destroyed?: ((() => void) | (() => void)[]) | undefined;
-                        unmounted?: ((() => void) | (() => void)[]) | undefined;
-                        renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                        renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                        errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-                    };
-                    $forceUpdate: () => void;
-                    $nextTick: typeof nextTick;
-                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-                } & {} & {
-                    target?: HTMLElement | undefined;
-                } & {
-                    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    };
-                    'v-slots'?: {
-                        default?: false | (() => vue.VNodeChild) | undefined;
-                    } | undefined;
-                } & {
-                    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-                } & vue.ShallowUnwrapRef<() => JSX.Element> & {} & vue.ComponentCustomProperties & {};
-                __isFragment?: undefined;
-                __isTeleport?: undefined;
-                __isSuspense?: undefined;
-            } & vue.ComponentOptionsBase<{} & {
-                target?: HTMLElement | undefined;
-            } & {
-                $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                    default?: (() => vue.VNodeChild) | undefined;
-                };
-                'v-slots'?: {
-                    default?: false | (() => vue.VNodeChild) | undefined;
-                } | undefined;
-            } & {
-                "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-                target: vue.PropType<HTMLElement>;
-            }, vue.ExtractPropTypes<{
-                target: vue.PropType<HTMLElement>;
-            }>>;
+            component: Component;
         };
     };
     theme: StringConstructor;
     scrollStrategy: Omit<{
-        type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+        type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
         default: string;
         validator: (val: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">>;
-        default: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+        type: vue.PropType<NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">>;
+        default: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
     };
     locationStrategy: {
-        type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+        type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;
         } | undefined)>;
         default: string;