vuetify 3.2.2 → 3.2.4

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

@@ -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,6 +62,28 @@ 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;
@@ -93,99 +93,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;
@@ -197,116 +107,26 @@ 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;
+            scrollable: boolean;
         }> & Omit<{
             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;
@@ -316,18 +136,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;
@@ -377,7 +197,7 @@ declare const VDialog: {
             }) => 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">;
+        } & 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" | "retainFocus" | "scrollable">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -396,99 +216,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 +228,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;
@@ -567,7 +297,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;
@@ -579,10 +309,10 @@ 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;
@@ -594,7 +324,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;
@@ -604,10 +334,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;
@@ -684,7 +414,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 +424,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 +501,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,10 +513,10 @@ 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;
@@ -818,7 +548,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 +558,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;
@@ -903,99 +633,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;
@@ -1007,18 +647,18 @@ 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;
+            scrollable: boolean;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -1044,99 +684,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 +696,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;
@@ -1215,7 +765,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;
@@ -1227,10 +777,10 @@ 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;
@@ -1242,7 +792,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;
@@ -1252,10 +802,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;
@@ -1332,7 +882,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 +892,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 +969,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,10 +981,10 @@ 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;
@@ -1466,7 +1016,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 +1026,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;
@@ -1553,99 +1103,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 +1115,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;
@@ -1724,7 +1184,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;
@@ -1736,10 +1196,10 @@ 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;
@@ -1751,7 +1211,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;
@@ -1761,10 +1221,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;
@@ -1841,7 +1301,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 +1311,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 +1388,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,10 +1400,10 @@ 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;
@@ -1975,7 +1435,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 +1445,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;
@@ -2060,99 +1520,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;
@@ -2164,228 +1534,48 @@ 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;
+    scrollable: boolean;
 }, {}, string> & 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 +1655,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;