@vuetify/nightly 3.0.0-beta.13 → 3.0.0-beta.15

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

@@ -1,24 +1,5 @@
 import * as vue from 'vue';
-import { VNodeChild, Ref, PropType, nextTick } from 'vue';
-
-declare const block: readonly ["top", "bottom"];
-declare const inline: readonly ["start", "end", "left", "right"];
-declare type Tblock = typeof block[number];
-declare type Tinline = typeof inline[number];
-declare type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
-
-declare type SlotsToProps<T extends Record<string, Slot>> = {
-    $children: () => (T['default'] | VNodeChild | {
-        [K in keyof T]?: T[K];
-    });
-    'v-slots': new () => {
-        [K in keyof T]?: T[K] | false;
-    };
-};
-declare type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
-declare type MakeSlots<T extends Record<string, any[]>> = {
-    [K in keyof T]?: Slot<T[K]>;
-};
+import { Ref, VNodeChild, PropType, nextTick } from 'vue';
 
 interface ScrollStrategyData {
     root: Ref<HTMLElement | undefined>;
@@ -27,6 +8,7 @@ interface ScrollStrategyData {
     isActive: Ref<boolean>;
     updateLocation: Ref<((e: Event) => void) | undefined>;
 }
+declare type ScrollStrategyFn = (data: ScrollStrategyData, props: StrategyProps$1) => void;
 declare const scrollStrategies: {
     none: null;
     close: typeof closeScrollStrategy;
@@ -34,27 +16,49 @@ declare const scrollStrategies: {
     reposition: typeof repositionScrollStrategy;
 };
 interface StrategyProps$1 {
-    scrollStrategy: keyof typeof scrollStrategies | ((data: ScrollStrategyData, props?: StrategyProps$1) => void);
+    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): void;
 
+declare const block: readonly ["top", "bottom"];
+declare const inline: readonly ["start", "end", "left", "right"];
+declare type Tblock = typeof block[number];
+declare type Tinline = typeof inline[number];
+declare type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+
+declare type SlotsToProps<T extends Record<string, any>> = T extends Record<string, Slot> ? ({
+    $children?: (VNodeChild | (keyof T extends 'default' ? T['default'] : {}) | {
+        [K in keyof T]?: T[K];
+    });
+    'v-slots'?: {
+        [K in keyof T]?: T[K] | false;
+    };
+} & {
+    [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
+}) : T extends Record<string, any[]> ? SlotsToProps<MakeSlots<T>> : never;
+declare type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
+declare type MakeSlots<T extends Record<string, any[]>> = {
+    [K in keyof T]?: Slot<T[K]>;
+};
+
 interface LocationStrategyData {
     contentEl: Ref<HTMLElement | undefined>;
     activatorEl: Ref<HTMLElement | undefined>;
     isActive: Ref<boolean>;
     isRtl: Ref<boolean>;
 }
+declare type LocationStrategyFn = (data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
+    updateLocation: (e: Event) => void;
+};
 declare const locationStrategies: {
     static: typeof staticLocationStrategy;
     connected: typeof connectedLocationStrategy;
 };
 interface StrategyProps {
-    locationStrategy: keyof typeof locationStrategies | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
-        updateLocation: (e: Event) => void;
-    });
+    locationStrategy: keyof typeof locationStrategies | LocationStrategyFn;
     location: Anchor;
     origin: Anchor | 'auto' | 'overlap';
     offset?: number | string | number[];
@@ -100,13 +104,13 @@ declare const VOverlay: {
             locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
             } | undefined);
-            scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void);
+            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
             contained: boolean;
             noClickAnimation: boolean;
             persistent: boolean;
             closeOnBack: boolean;
             scrim: string | boolean;
-        }> & Omit<Readonly<vue.ExtractPropTypes<{
+        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
             transition: {
                 type: PropType<string | boolean | (vue.TransitionProps & {
                     component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
@@ -116,7 +120,7 @@ declare const VOverlay: {
             };
             theme: StringConstructor;
             scrollStrategy: {
-                type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void)>;
+                type: PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
                 default: string;
                 validator: (val: any) => boolean;
             };
@@ -181,15 +185,7 @@ declare const VOverlay: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
-        } & SlotsToProps<MakeSlots<{
-            default: [{
-                isActive: Ref<boolean>;
-            }];
-            activator: [{
-                isActive: boolean;
-                props: Record<string, any>;
-            }];
-        }>>>> & {
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
@@ -207,7 +203,7 @@ declare const VOverlay: {
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
         $el: any;
-        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
             transition: {
                 type: PropType<string | boolean | (vue.TransitionProps & {
                     component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
@@ -217,7 +213,7 @@ declare const VOverlay: {
             };
             theme: StringConstructor;
             scrollStrategy: {
-                type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void)>;
+                type: PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
                 default: string;
                 validator: (val: any) => boolean;
             };
@@ -282,15 +278,7 @@ declare const VOverlay: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
-        } & SlotsToProps<MakeSlots<{
-            default: [{
-                isActive: Ref<boolean>;
-            }];
-            activator: [{
-                isActive: boolean;
-                props: Record<string, any>;
-            }];
-        }>>>> & {
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
@@ -301,11 +289,11 @@ declare const VOverlay: {
             globalTop: Readonly<Ref<boolean>>;
             localTop: vue.ComputedRef<boolean>;
             updateLocation: Ref<((e: Event) => void) | undefined>;
-        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'click:outside': (e: MouseEvent) => boolean;
             'update:modelValue': (value: boolean) => boolean;
             afterLeave: () => boolean;
-        }, string, {
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">, string, {
             absolute: boolean;
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
@@ -324,7 +312,7 @@ declare const VOverlay: {
             locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
             } | undefined);
-            scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void);
+            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
             contained: boolean;
             noClickAnimation: boolean;
             persistent: boolean;
@@ -350,7 +338,7 @@ declare const VOverlay: {
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
         $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-    } & Readonly<vue.ExtractPropTypes<{
+    } & Readonly<vue.ExtractPropTypes<Omit<{
         transition: {
             type: PropType<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
@@ -360,7 +348,7 @@ declare const VOverlay: {
         };
         theme: StringConstructor;
         scrollStrategy: {
-            type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void)>;
+            type: PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
             default: string;
             validator: (val: any) => boolean;
         };
@@ -425,15 +413,7 @@ declare const VOverlay: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
-    } & SlotsToProps<MakeSlots<{
-        default: [{
-            isActive: Ref<boolean>;
-        }];
-        activator: [{
-            isActive: boolean;
-            props: Record<string, any>;
-        }];
-    }>>>> & {
+    }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
@@ -448,7 +428,7 @@ declare const VOverlay: {
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
     transition: {
         type: PropType<string | boolean | (vue.TransitionProps & {
             component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
@@ -458,7 +438,7 @@ declare const VOverlay: {
     };
     theme: StringConstructor;
     scrollStrategy: {
-        type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void)>;
+        type: PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
         default: string;
         validator: (val: any) => boolean;
     };
@@ -523,15 +503,7 @@ declare const VOverlay: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-} & SlotsToProps<MakeSlots<{
-    default: [{
-        isActive: Ref<boolean>;
-    }];
-    activator: [{
-        isActive: boolean;
-        props: Record<string, any>;
-    }];
-}>>>> & {
+}, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
     onAfterLeave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
@@ -542,11 +514,11 @@ declare const VOverlay: {
     globalTop: Readonly<Ref<boolean>>;
     localTop: vue.ComputedRef<boolean>;
     updateLocation: Ref<((e: Event) => void) | undefined>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'click:outside': (e: MouseEvent) => boolean;
     'update:modelValue': (value: boolean) => boolean;
     afterLeave: () => boolean;
-}, string, {
+}, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">, string, {
     absolute: boolean;
     location: Anchor;
     origin: "auto" | Anchor | "overlap";
@@ -565,14 +537,14 @@ declare const VOverlay: {
     locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
         updateLocation: (e: Event) => void;
     } | undefined);
-    scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void);
+    scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
     contained: boolean;
     noClickAnimation: boolean;
     persistent: boolean;
     closeOnBack: boolean;
     scrim: string | boolean;
 }> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
-    $slots: OverlaySlots;
+    $props: SlotsToProps<OverlaySlots>;
 });
 declare type VOverlay = InstanceType<typeof VOverlay>;
 
@@ -622,23 +594,7 @@ declare const VDialog: {
             };
             scrollable: BooleanConstructor;
             modelValue: BooleanConstructor;
-        }, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "theme" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "onUpdate:modelValue" | "activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | keyof SlotsToProps<MakeSlots<{
-            default: [{
-                isActive: vue.Ref<boolean>;
-            }];
-            activator: [{
-                isActive: boolean;
-                props: Record<string, any>;
-            }];
-        }>> | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim")> & SlotsToProps<MakeSlots<{
-            default: [{
-                isActive: vue.Ref<boolean>;
-            }];
-            activator: [{
-                isActive: boolean;
-                props: Record<string, any>;
-            }];
-        }>>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "fullscreen" | "scrollable" | "retainFocus">;
+        }, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim")>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "fullscreen" | "scrollable" | "retainFocus">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -690,25 +646,380 @@ declare const VDialog: {
             };
             scrollable: BooleanConstructor;
             modelValue: BooleanConstructor;
-        }, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "theme" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "onUpdate:modelValue" | "activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | keyof SlotsToProps<MakeSlots<{
-            default: [{
-                isActive: vue.Ref<boolean>;
-            }];
-            activator: [{
-                isActive: boolean;
-                props: Record<string, any>;
-            }];
-        }>> | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim")> & SlotsToProps<MakeSlots<{
-            default: [{
-                isActive: vue.Ref<boolean>;
-            }];
-            activator: [{
-                isActive: boolean;
-                props: Record<string, any>;
-            }];
-        }>>>>, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+        }, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim")>>>, Omit<Omit<{
+            $: vue.ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                absolute: boolean;
+                location: Anchor;
+                origin: "auto" | Anchor | "overlap";
+                transition: string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                });
+                zIndex: string | number;
+                eager: boolean;
+                disabled: boolean;
+                modelValue: boolean;
+                activatorProps: Record<string, any>;
+                openOnClick: boolean;
+                openOnHover: boolean;
+                openOnFocus: boolean;
+                closeOnContentClick: boolean;
+                locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                    updateLocation: (e: Event) => void;
+                } | undefined);
+                scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
+                contained: boolean;
+                noClickAnimation: boolean;
+                persistent: boolean;
+                closeOnBack: boolean;
+                scrim: string | boolean;
+            }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+                transition: {
+                    type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    })>;
+                    default: string;
+                    validator: (val: unknown) => boolean;
+                };
+                theme: StringConstructor;
+                scrollStrategy: {
+                    type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
+                    default: string;
+                    validator: (val: any) => boolean;
+                };
+                locationStrategy: {
+                    type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                        updateLocation: (e: Event) => void;
+                    } | undefined)>;
+                    default: string;
+                    validator: (val: any) => boolean;
+                };
+                location: {
+                    type: vue.PropType<Anchor>;
+                    default: string;
+                };
+                origin: {
+                    type: vue.PropType<"auto" | Anchor | "overlap">;
+                    default: string;
+                };
+                offset: vue.PropType<string | number | number[] | undefined>;
+                eager: BooleanConstructor;
+                height: (StringConstructor | NumberConstructor)[];
+                maxHeight: (StringConstructor | NumberConstructor)[];
+                maxWidth: (StringConstructor | NumberConstructor)[];
+                minHeight: (StringConstructor | NumberConstructor)[];
+                minWidth: (StringConstructor | NumberConstructor)[];
+                width: (StringConstructor | NumberConstructor)[];
+                closeDelay: (StringConstructor | NumberConstructor)[];
+                openDelay: (StringConstructor | NumberConstructor)[];
+                activator: vue.PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+                activatorProps: {
+                    type: vue.PropType<Record<string, any>>;
+                    default: () => {};
+                };
+                openOnClick: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                openOnHover: BooleanConstructor;
+                openOnFocus: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                closeOnContentClick: BooleanConstructor;
+                absolute: BooleanConstructor;
+                attach: vue.PropType<string | boolean | Element>;
+                closeOnBack: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                contained: BooleanConstructor;
+                contentClass: null;
+                contentProps: null;
+                disabled: BooleanConstructor;
+                noClickAnimation: BooleanConstructor;
+                modelValue: BooleanConstructor;
+                persistent: BooleanConstructor;
+                scrim: {
+                    type: (StringConstructor | BooleanConstructor)[];
+                    default: boolean;
+                };
+                zIndex: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+            }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
+                onAfterLeave?: (() => any) | undefined;
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">;
+            $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, {}>> | null;
+            $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+            $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
+            $el: any;
+            $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+                transition: {
+                    type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    })>;
+                    default: string;
+                    validator: (val: unknown) => boolean;
+                };
+                theme: StringConstructor;
+                scrollStrategy: {
+                    type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
+                    default: string;
+                    validator: (val: any) => boolean;
+                };
+                locationStrategy: {
+                    type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                        updateLocation: (e: Event) => void;
+                    } | undefined)>;
+                    default: string;
+                    validator: (val: any) => boolean;
+                };
+                location: {
+                    type: vue.PropType<Anchor>;
+                    default: string;
+                };
+                origin: {
+                    type: vue.PropType<"auto" | Anchor | "overlap">;
+                    default: string;
+                };
+                offset: vue.PropType<string | number | number[] | undefined>;
+                eager: BooleanConstructor;
+                height: (StringConstructor | NumberConstructor)[];
+                maxHeight: (StringConstructor | NumberConstructor)[];
+                maxWidth: (StringConstructor | NumberConstructor)[];
+                minHeight: (StringConstructor | NumberConstructor)[];
+                minWidth: (StringConstructor | NumberConstructor)[];
+                width: (StringConstructor | NumberConstructor)[];
+                closeDelay: (StringConstructor | NumberConstructor)[];
+                openDelay: (StringConstructor | NumberConstructor)[];
+                activator: vue.PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+                activatorProps: {
+                    type: vue.PropType<Record<string, any>>;
+                    default: () => {};
+                };
+                openOnClick: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                openOnHover: BooleanConstructor;
+                openOnFocus: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                closeOnContentClick: BooleanConstructor;
+                absolute: BooleanConstructor;
+                attach: vue.PropType<string | boolean | Element>;
+                closeOnBack: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                contained: BooleanConstructor;
+                contentClass: null;
+                contentProps: null;
+                disabled: BooleanConstructor;
+                noClickAnimation: BooleanConstructor;
+                modelValue: BooleanConstructor;
+                persistent: BooleanConstructor;
+                scrim: {
+                    type: (StringConstructor | BooleanConstructor)[];
+                    default: boolean;
+                };
+                zIndex: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+            }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
+                onAfterLeave?: (() => any) | undefined;
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+            }, {
+                activatorEl: vue.Ref<HTMLElement | undefined>;
+                animateClick: () => void;
+                contentEl: vue.Ref<HTMLElement | undefined>;
+                globalTop: Readonly<vue.Ref<boolean>>;
+                localTop: vue.ComputedRef<boolean>;
+                updateLocation: vue.Ref<((e: Event) => void) | undefined>;
+            }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+                'click:outside': (e: MouseEvent) => boolean;
+                'update:modelValue': (value: boolean) => boolean;
+                afterLeave: () => boolean;
+            }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">, string, {
+                absolute: boolean;
+                location: Anchor;
+                origin: "auto" | Anchor | "overlap";
+                transition: string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                });
+                zIndex: string | number;
+                eager: boolean;
+                disabled: boolean;
+                modelValue: boolean;
+                activatorProps: Record<string, any>;
+                openOnClick: boolean;
+                openOnHover: boolean;
+                openOnFocus: boolean;
+                closeOnContentClick: boolean;
+                locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                    updateLocation: (e: Event) => void;
+                } | undefined);
+                scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
+                contained: boolean;
+                noClickAnimation: boolean;
+                persistent: boolean;
+                closeOnBack: boolean;
+                scrim: string | boolean;
+            }> & {
+                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, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+        } & Readonly<vue.ExtractPropTypes<Omit<{
+            transition: {
+                type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                })>;
+                default: string;
+                validator: (val: unknown) => boolean;
+            };
+            theme: StringConstructor;
+            scrollStrategy: {
+                type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
+            locationStrategy: {
+                type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                    updateLocation: (e: Event) => void;
+                } | undefined)>;
+                default: string;
+                validator: (val: any) => boolean;
+            };
+            location: {
+                type: vue.PropType<Anchor>;
+                default: string;
+            };
+            origin: {
+                type: vue.PropType<"auto" | Anchor | "overlap">;
+                default: string;
+            };
+            offset: vue.PropType<string | number | number[] | undefined>;
+            eager: BooleanConstructor;
+            height: (StringConstructor | NumberConstructor)[];
+            maxHeight: (StringConstructor | NumberConstructor)[];
+            maxWidth: (StringConstructor | NumberConstructor)[];
+            minHeight: (StringConstructor | NumberConstructor)[];
+            minWidth: (StringConstructor | NumberConstructor)[];
+            width: (StringConstructor | NumberConstructor)[];
+            closeDelay: (StringConstructor | NumberConstructor)[];
+            openDelay: (StringConstructor | NumberConstructor)[];
+            activator: vue.PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+            activatorProps: {
+                type: vue.PropType<Record<string, any>>;
+                default: () => {};
+            };
+            openOnClick: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            openOnHover: BooleanConstructor;
+            openOnFocus: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            closeOnContentClick: BooleanConstructor;
+            absolute: BooleanConstructor;
+            attach: vue.PropType<string | boolean | Element>;
+            closeOnBack: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            contained: BooleanConstructor;
+            contentClass: null;
+            contentProps: null;
+            disabled: BooleanConstructor;
+            noClickAnimation: BooleanConstructor;
+            modelValue: BooleanConstructor;
+            persistent: BooleanConstructor;
+            scrim: {
+                type: (StringConstructor | BooleanConstructor)[];
+                default: boolean;
+            };
+            zIndex: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
+            onAfterLeave?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+        } & vue.ShallowUnwrapRef<{
+            activatorEl: vue.Ref<HTMLElement | undefined>;
+            animateClick: () => void;
+            contentEl: vue.Ref<HTMLElement | undefined>;
+            globalTop: Readonly<vue.Ref<boolean>>;
+            localTop: vue.ComputedRef<boolean>;
+            updateLocation: vue.Ref<((e: Event) => void) | undefined>;
+        }> & {} & vue.ComponentCustomProperties & {
+            $props: {
+                $children?: {} | vue.VNodeChild | {
+                    default?: ((args_0: {
+                        isActive: vue.Ref<boolean>;
+                    }) => vue.VNodeChild) | undefined;
+                    activator?: ((args_0: {
+                        isActive: boolean;
+                        props: Record<string, any>;
+                    }) => vue.VNodeChild) | undefined;
+                };
+                'v-slots'?: {
+                    default?: false | ((args_0: {
+                        isActive: vue.Ref<boolean>;
+                    }) => vue.VNodeChild) | undefined;
+                    activator?: false | ((args_0: {
+                        isActive: boolean;
+                        props: Record<string, any>;
+                    }) => vue.VNodeChild) | undefined;
+                } | undefined;
+            } & {
+                "v-slot:default"?: false | ((args_0: {
+                    isActive: vue.Ref<boolean>;
+                }) => vue.VNodeChild) | undefined;
+                "v-slot:activator"?: false | ((args_0: {
+                    isActive: boolean;
+                    props: Record<string, any>;
+                }) => vue.VNodeChild) | undefined;
+            };
+        }, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:modelValue': (value: boolean) => boolean;
-        }, "offset" | "absolute" | "key" | "location" | "origin" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slots" | "contentClass" | "update:modelValue" | "modelValue" | "activator" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "contentProps" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim" | "click:outside" | "afterLeave" | "attach" | "vnodeBeforeMount" | "vnodeMounted" | "vnodeBeforeUpdate" | "vnodeUpdated" | "vnodeBeforeUnmount" | "vnodeUnmounted">, string, {
+        }, "offset" | "absolute" | "key" | "location" | "origin" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slots" | "contentClass" | "v-slot:default" | "update:modelValue" | "modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "contentProps" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim" | "click:outside" | "afterLeave" | "attach" | "vnodeBeforeMount" | "vnodeMounted" | "vnodeBeforeUpdate" | "vnodeUpdated" | "vnodeBeforeUnmount" | "vnodeUnmounted">, string, {
             fullscreen: boolean;
             scrollable: boolean;
             retainFocus: boolean;
@@ -770,88 +1081,797 @@ declare const VDialog: {
         };
         scrollable: BooleanConstructor;
         modelValue: BooleanConstructor;
-    }, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "theme" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "onUpdate:modelValue" | "activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | keyof SlotsToProps<MakeSlots<{
-        default: [{
-            isActive: vue.Ref<boolean>;
-        }];
-        activator: [{
-            isActive: boolean;
-            props: Record<string, any>;
-        }];
-    }>> | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim")> & SlotsToProps<MakeSlots<{
-        default: [{
-            isActive: vue.Ref<boolean>;
-        }];
-        activator: [{
-            isActive: boolean;
-            props: Record<string, any>;
-        }];
-    }>>>> & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
-    transition: Omit<{
-        type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
-        })>;
-        default: string;
-        validator: (val: unknown) => boolean;
-    }, "type" | "default"> & {
-        type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
-        }) | {
-            component: vue.DefineComponent<{
-                target: vue.PropType<HTMLElement>;
-            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-                target: vue.PropType<HTMLElement>;
-            }>>, {}>;
-        }>;
-        default: string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
-        }) | {
-            component: vue.DefineComponent<{
-                target: vue.PropType<HTMLElement>;
-            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-                target: vue.PropType<HTMLElement>;
-            }>>, {}>;
-        };
-    };
-    fullscreen: BooleanConstructor;
-    origin: {
-        type: StringConstructor;
-        default: string;
-    };
-    retainFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    scrollable: BooleanConstructor;
-    modelValue: BooleanConstructor;
-}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "theme" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "onUpdate:modelValue" | "activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | keyof SlotsToProps<MakeSlots<{
-    default: [{
-        isActive: vue.Ref<boolean>;
-    }];
-    activator: [{
-        isActive: boolean;
-        props: Record<string, any>;
-    }];
-}>> | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim")> & SlotsToProps<MakeSlots<{
-    default: [{
-        isActive: vue.Ref<boolean>;
-    }];
-    activator: [{
-        isActive: boolean;
-        props: Record<string, any>;
-    }];
-}>>>>, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+    }, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim")>>> & vue.ShallowUnwrapRef<Omit<Omit<{
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            absolute: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            });
+            zIndex: string | number;
+            eager: boolean;
+            disabled: boolean;
+            modelValue: boolean;
+            activatorProps: Record<string, any>;
+            openOnClick: boolean;
+            openOnHover: boolean;
+            openOnFocus: boolean;
+            closeOnContentClick: boolean;
+            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                updateLocation: (e: Event) => void;
+            } | undefined);
+            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
+            contained: boolean;
+            noClickAnimation: boolean;
+            persistent: boolean;
+            closeOnBack: boolean;
+            scrim: string | boolean;
+        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+            transition: {
+                type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                })>;
+                default: string;
+                validator: (val: unknown) => boolean;
+            };
+            theme: StringConstructor;
+            scrollStrategy: {
+                type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
+            locationStrategy: {
+                type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                    updateLocation: (e: Event) => void;
+                } | undefined)>;
+                default: string;
+                validator: (val: any) => boolean;
+            };
+            location: {
+                type: vue.PropType<Anchor>;
+                default: string;
+            };
+            origin: {
+                type: vue.PropType<"auto" | Anchor | "overlap">;
+                default: string;
+            };
+            offset: vue.PropType<string | number | number[] | undefined>;
+            eager: BooleanConstructor;
+            height: (StringConstructor | NumberConstructor)[];
+            maxHeight: (StringConstructor | NumberConstructor)[];
+            maxWidth: (StringConstructor | NumberConstructor)[];
+            minHeight: (StringConstructor | NumberConstructor)[];
+            minWidth: (StringConstructor | NumberConstructor)[];
+            width: (StringConstructor | NumberConstructor)[];
+            closeDelay: (StringConstructor | NumberConstructor)[];
+            openDelay: (StringConstructor | NumberConstructor)[];
+            activator: vue.PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+            activatorProps: {
+                type: vue.PropType<Record<string, any>>;
+                default: () => {};
+            };
+            openOnClick: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            openOnHover: BooleanConstructor;
+            openOnFocus: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            closeOnContentClick: BooleanConstructor;
+            absolute: BooleanConstructor;
+            attach: vue.PropType<string | boolean | Element>;
+            closeOnBack: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            contained: BooleanConstructor;
+            contentClass: null;
+            contentProps: null;
+            disabled: BooleanConstructor;
+            noClickAnimation: BooleanConstructor;
+            modelValue: BooleanConstructor;
+            persistent: BooleanConstructor;
+            scrim: {
+                type: (StringConstructor | BooleanConstructor)[];
+                default: boolean;
+            };
+            zIndex: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
+            onAfterLeave?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">;
+        $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, {}>> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+            transition: {
+                type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                })>;
+                default: string;
+                validator: (val: unknown) => boolean;
+            };
+            theme: StringConstructor;
+            scrollStrategy: {
+                type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
+            locationStrategy: {
+                type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                    updateLocation: (e: Event) => void;
+                } | undefined)>;
+                default: string;
+                validator: (val: any) => boolean;
+            };
+            location: {
+                type: vue.PropType<Anchor>;
+                default: string;
+            };
+            origin: {
+                type: vue.PropType<"auto" | Anchor | "overlap">;
+                default: string;
+            };
+            offset: vue.PropType<string | number | number[] | undefined>;
+            eager: BooleanConstructor;
+            height: (StringConstructor | NumberConstructor)[];
+            maxHeight: (StringConstructor | NumberConstructor)[];
+            maxWidth: (StringConstructor | NumberConstructor)[];
+            minHeight: (StringConstructor | NumberConstructor)[];
+            minWidth: (StringConstructor | NumberConstructor)[];
+            width: (StringConstructor | NumberConstructor)[];
+            closeDelay: (StringConstructor | NumberConstructor)[];
+            openDelay: (StringConstructor | NumberConstructor)[];
+            activator: vue.PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+            activatorProps: {
+                type: vue.PropType<Record<string, any>>;
+                default: () => {};
+            };
+            openOnClick: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            openOnHover: BooleanConstructor;
+            openOnFocus: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            closeOnContentClick: BooleanConstructor;
+            absolute: BooleanConstructor;
+            attach: vue.PropType<string | boolean | Element>;
+            closeOnBack: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            contained: BooleanConstructor;
+            contentClass: null;
+            contentProps: null;
+            disabled: BooleanConstructor;
+            noClickAnimation: BooleanConstructor;
+            modelValue: BooleanConstructor;
+            persistent: BooleanConstructor;
+            scrim: {
+                type: (StringConstructor | BooleanConstructor)[];
+                default: boolean;
+            };
+            zIndex: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
+            onAfterLeave?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+        }, {
+            activatorEl: vue.Ref<HTMLElement | undefined>;
+            animateClick: () => void;
+            contentEl: vue.Ref<HTMLElement | undefined>;
+            globalTop: Readonly<vue.Ref<boolean>>;
+            localTop: vue.ComputedRef<boolean>;
+            updateLocation: vue.Ref<((e: Event) => void) | undefined>;
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+            'click:outside': (e: MouseEvent) => boolean;
+            'update:modelValue': (value: boolean) => boolean;
+            afterLeave: () => boolean;
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">, string, {
+            absolute: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            });
+            zIndex: string | number;
+            eager: boolean;
+            disabled: boolean;
+            modelValue: boolean;
+            activatorProps: Record<string, any>;
+            openOnClick: boolean;
+            openOnHover: boolean;
+            openOnFocus: boolean;
+            closeOnContentClick: boolean;
+            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                updateLocation: (e: Event) => void;
+            } | undefined);
+            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
+            contained: boolean;
+            noClickAnimation: boolean;
+            persistent: boolean;
+            closeOnBack: boolean;
+            scrim: string | boolean;
+        }> & {
+            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, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & Readonly<vue.ExtractPropTypes<Omit<{
+        transition: {
+            type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            })>;
+            default: string;
+            validator: (val: unknown) => boolean;
+        };
+        theme: StringConstructor;
+        scrollStrategy: {
+            type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
+            default: string;
+            validator: (val: any) => boolean;
+        };
+        locationStrategy: {
+            type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                updateLocation: (e: Event) => void;
+            } | undefined)>;
+            default: string;
+            validator: (val: any) => boolean;
+        };
+        location: {
+            type: vue.PropType<Anchor>;
+            default: string;
+        };
+        origin: {
+            type: vue.PropType<"auto" | Anchor | "overlap">;
+            default: string;
+        };
+        offset: vue.PropType<string | number | number[] | undefined>;
+        eager: BooleanConstructor;
+        height: (StringConstructor | NumberConstructor)[];
+        maxHeight: (StringConstructor | NumberConstructor)[];
+        maxWidth: (StringConstructor | NumberConstructor)[];
+        minHeight: (StringConstructor | NumberConstructor)[];
+        minWidth: (StringConstructor | NumberConstructor)[];
+        width: (StringConstructor | NumberConstructor)[];
+        closeDelay: (StringConstructor | NumberConstructor)[];
+        openDelay: (StringConstructor | NumberConstructor)[];
+        activator: vue.PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+        activatorProps: {
+            type: vue.PropType<Record<string, any>>;
+            default: () => {};
+        };
+        openOnClick: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        openOnHover: BooleanConstructor;
+        openOnFocus: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        closeOnContentClick: BooleanConstructor;
+        absolute: BooleanConstructor;
+        attach: vue.PropType<string | boolean | Element>;
+        closeOnBack: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        contained: BooleanConstructor;
+        contentClass: null;
+        contentProps: null;
+        disabled: BooleanConstructor;
+        noClickAnimation: BooleanConstructor;
+        modelValue: BooleanConstructor;
+        persistent: BooleanConstructor;
+        scrim: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
+        zIndex: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+    }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
+        onAfterLeave?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{
+        activatorEl: vue.Ref<HTMLElement | undefined>;
+        animateClick: () => void;
+        contentEl: vue.Ref<HTMLElement | undefined>;
+        globalTop: Readonly<vue.Ref<boolean>>;
+        localTop: vue.ComputedRef<boolean>;
+        updateLocation: vue.Ref<((e: Event) => void) | undefined>;
+    }> & {} & vue.ComponentCustomProperties & {
+        $props: {
+            $children?: {} | vue.VNodeChild | {
+                default?: ((args_0: {
+                    isActive: vue.Ref<boolean>;
+                }) => vue.VNodeChild) | undefined;
+                activator?: ((args_0: {
+                    isActive: boolean;
+                    props: Record<string, any>;
+                }) => vue.VNodeChild) | undefined;
+            };
+            'v-slots'?: {
+                default?: false | ((args_0: {
+                    isActive: vue.Ref<boolean>;
+                }) => vue.VNodeChild) | undefined;
+                activator?: false | ((args_0: {
+                    isActive: boolean;
+                    props: Record<string, any>;
+                }) => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | ((args_0: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
+            "v-slot:activator"?: false | ((args_0: {
+                isActive: boolean;
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
+        };
+    }, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim")>, `$${any}`>> & {} & vue.ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+    transition: Omit<{
+        type: vue.PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (val: unknown) => boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        }) | {
+            component: vue.DefineComponent<{
+                target: vue.PropType<HTMLElement>;
+            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                target: vue.PropType<HTMLElement>;
+            }>>, {}>;
+        }>;
+        default: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        }) | {
+            component: vue.DefineComponent<{
+                target: vue.PropType<HTMLElement>;
+            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                target: vue.PropType<HTMLElement>;
+            }>>, {}>;
+        };
+    };
+    fullscreen: BooleanConstructor;
+    origin: {
+        type: StringConstructor;
+        default: string;
+    };
+    retainFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrollable: BooleanConstructor;
+    modelValue: BooleanConstructor;
+}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim")>>>, Omit<Omit<{
+    $: vue.ComponentInternalInstance;
+    $data: {};
+    $props: Partial<{
+        absolute: boolean;
+        location: Anchor;
+        origin: "auto" | Anchor | "overlap";
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        });
+        zIndex: string | number;
+        eager: boolean;
+        disabled: boolean;
+        modelValue: boolean;
+        activatorProps: Record<string, any>;
+        openOnClick: boolean;
+        openOnHover: boolean;
+        openOnFocus: boolean;
+        closeOnContentClick: boolean;
+        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            updateLocation: (e: Event) => void;
+        } | undefined);
+        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
+        contained: boolean;
+        noClickAnimation: boolean;
+        persistent: boolean;
+        closeOnBack: boolean;
+        scrim: string | boolean;
+    }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+        transition: {
+            type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            })>;
+            default: string;
+            validator: (val: unknown) => boolean;
+        };
+        theme: StringConstructor;
+        scrollStrategy: {
+            type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
+            default: string;
+            validator: (val: any) => boolean;
+        };
+        locationStrategy: {
+            type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                updateLocation: (e: Event) => void;
+            } | undefined)>;
+            default: string;
+            validator: (val: any) => boolean;
+        };
+        location: {
+            type: vue.PropType<Anchor>;
+            default: string;
+        };
+        origin: {
+            type: vue.PropType<"auto" | Anchor | "overlap">;
+            default: string;
+        };
+        offset: vue.PropType<string | number | number[] | undefined>;
+        eager: BooleanConstructor;
+        height: (StringConstructor | NumberConstructor)[];
+        maxHeight: (StringConstructor | NumberConstructor)[];
+        maxWidth: (StringConstructor | NumberConstructor)[];
+        minHeight: (StringConstructor | NumberConstructor)[];
+        minWidth: (StringConstructor | NumberConstructor)[];
+        width: (StringConstructor | NumberConstructor)[];
+        closeDelay: (StringConstructor | NumberConstructor)[];
+        openDelay: (StringConstructor | NumberConstructor)[];
+        activator: vue.PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+        activatorProps: {
+            type: vue.PropType<Record<string, any>>;
+            default: () => {};
+        };
+        openOnClick: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        openOnHover: BooleanConstructor;
+        openOnFocus: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        closeOnContentClick: BooleanConstructor;
+        absolute: BooleanConstructor;
+        attach: vue.PropType<string | boolean | Element>;
+        closeOnBack: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        contained: BooleanConstructor;
+        contentClass: null;
+        contentProps: null;
+        disabled: BooleanConstructor;
+        noClickAnimation: BooleanConstructor;
+        modelValue: BooleanConstructor;
+        persistent: BooleanConstructor;
+        scrim: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
+        zIndex: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+    }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
+        onAfterLeave?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">;
+    $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, {}>> | null;
+    $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+    $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
+    $el: any;
+    $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+        transition: {
+            type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            })>;
+            default: string;
+            validator: (val: unknown) => boolean;
+        };
+        theme: StringConstructor;
+        scrollStrategy: {
+            type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
+            default: string;
+            validator: (val: any) => boolean;
+        };
+        locationStrategy: {
+            type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                updateLocation: (e: Event) => void;
+            } | undefined)>;
+            default: string;
+            validator: (val: any) => boolean;
+        };
+        location: {
+            type: vue.PropType<Anchor>;
+            default: string;
+        };
+        origin: {
+            type: vue.PropType<"auto" | Anchor | "overlap">;
+            default: string;
+        };
+        offset: vue.PropType<string | number | number[] | undefined>;
+        eager: BooleanConstructor;
+        height: (StringConstructor | NumberConstructor)[];
+        maxHeight: (StringConstructor | NumberConstructor)[];
+        maxWidth: (StringConstructor | NumberConstructor)[];
+        minHeight: (StringConstructor | NumberConstructor)[];
+        minWidth: (StringConstructor | NumberConstructor)[];
+        width: (StringConstructor | NumberConstructor)[];
+        closeDelay: (StringConstructor | NumberConstructor)[];
+        openDelay: (StringConstructor | NumberConstructor)[];
+        activator: vue.PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+        activatorProps: {
+            type: vue.PropType<Record<string, any>>;
+            default: () => {};
+        };
+        openOnClick: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        openOnHover: BooleanConstructor;
+        openOnFocus: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        closeOnContentClick: BooleanConstructor;
+        absolute: BooleanConstructor;
+        attach: vue.PropType<string | boolean | Element>;
+        closeOnBack: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        contained: BooleanConstructor;
+        contentClass: null;
+        contentProps: null;
+        disabled: BooleanConstructor;
+        noClickAnimation: BooleanConstructor;
+        modelValue: BooleanConstructor;
+        persistent: BooleanConstructor;
+        scrim: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
+        zIndex: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+    }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
+        onAfterLeave?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+    }, {
+        activatorEl: vue.Ref<HTMLElement | undefined>;
+        animateClick: () => void;
+        contentEl: vue.Ref<HTMLElement | undefined>;
+        globalTop: Readonly<vue.Ref<boolean>>;
+        localTop: vue.ComputedRef<boolean>;
+        updateLocation: vue.Ref<((e: Event) => void) | undefined>;
+    }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+        'click:outside': (e: MouseEvent) => boolean;
+        'update:modelValue': (value: boolean) => boolean;
+        afterLeave: () => boolean;
+    }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">, string, {
+        absolute: boolean;
+        location: Anchor;
+        origin: "auto" | Anchor | "overlap";
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        });
+        zIndex: string | number;
+        eager: boolean;
+        disabled: boolean;
+        modelValue: boolean;
+        activatorProps: Record<string, any>;
+        openOnClick: boolean;
+        openOnHover: boolean;
+        openOnFocus: boolean;
+        closeOnContentClick: boolean;
+        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            updateLocation: (e: Event) => void;
+        } | undefined);
+        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
+        contained: boolean;
+        noClickAnimation: boolean;
+        persistent: boolean;
+        closeOnBack: boolean;
+        scrim: string | boolean;
+    }> & {
+        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, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof nextTick;
+    $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+} & Readonly<vue.ExtractPropTypes<Omit<{
+    transition: {
+        type: vue.PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (val: unknown) => boolean;
+    };
+    theme: StringConstructor;
+    scrollStrategy: {
+        type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
+        default: string;
+        validator: (val: any) => boolean;
+    };
+    locationStrategy: {
+        type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            updateLocation: (e: Event) => void;
+        } | undefined)>;
+        default: string;
+        validator: (val: any) => boolean;
+    };
+    location: {
+        type: vue.PropType<Anchor>;
+        default: string;
+    };
+    origin: {
+        type: vue.PropType<"auto" | Anchor | "overlap">;
+        default: string;
+    };
+    offset: vue.PropType<string | number | number[] | undefined>;
+    eager: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    closeDelay: (StringConstructor | NumberConstructor)[];
+    openDelay: (StringConstructor | NumberConstructor)[];
+    activator: vue.PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+    activatorProps: {
+        type: vue.PropType<Record<string, any>>;
+        default: () => {};
+    };
+    openOnClick: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    openOnHover: BooleanConstructor;
+    openOnFocus: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    closeOnContentClick: BooleanConstructor;
+    absolute: BooleanConstructor;
+    attach: vue.PropType<string | boolean | Element>;
+    closeOnBack: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    contained: BooleanConstructor;
+    contentClass: null;
+    contentProps: null;
+    disabled: BooleanConstructor;
+    noClickAnimation: BooleanConstructor;
+    modelValue: BooleanConstructor;
+    persistent: BooleanConstructor;
+    scrim: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    zIndex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
+    onAfterLeave?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+} & vue.ShallowUnwrapRef<{
+    activatorEl: vue.Ref<HTMLElement | undefined>;
+    animateClick: () => void;
+    contentEl: vue.Ref<HTMLElement | undefined>;
+    globalTop: Readonly<vue.Ref<boolean>>;
+    localTop: vue.ComputedRef<boolean>;
+    updateLocation: vue.Ref<((e: Event) => void) | undefined>;
+}> & {} & vue.ComponentCustomProperties & {
+    $props: {
+        $children?: {} | vue.VNodeChild | {
+            default?: ((args_0: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
+            activator?: ((args_0: {
+                isActive: boolean;
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            default?: false | ((args_0: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
+            activator?: false | ((args_0: {
+                isActive: boolean;
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | ((args_0: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNodeChild) | undefined;
+        "v-slot:activator"?: false | ((args_0: {
+            isActive: boolean;
+            props: Record<string, any>;
+        }) => vue.VNodeChild) | undefined;
+    };
+}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (value: boolean) => boolean;
-}, "offset" | "absolute" | "key" | "location" | "origin" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slots" | "contentClass" | "update:modelValue" | "modelValue" | "activator" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "contentProps" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim" | "click:outside" | "afterLeave" | "attach" | "vnodeBeforeMount" | "vnodeMounted" | "vnodeBeforeUpdate" | "vnodeUpdated" | "vnodeBeforeUnmount" | "vnodeUnmounted">, string, {
+}, "offset" | "absolute" | "key" | "location" | "origin" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slots" | "contentClass" | "v-slot:default" | "update:modelValue" | "modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "contentProps" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim" | "click:outside" | "afterLeave" | "attach" | "vnodeBeforeMount" | "vnodeMounted" | "vnodeBeforeUpdate" | "vnodeUpdated" | "vnodeBeforeUnmount" | "vnodeUnmounted">, string, {
     fullscreen: boolean;
     scrollable: boolean;
     retainFocus: boolean;
 }> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
-    $slots: OverlaySlots;
     $props: VOverlay['$props'];
 });
 declare type VDialog = InstanceType<typeof VDialog>;