@vuetify/nightly 3.7.5-master.2024-12-17 → 3.7.6-dev.2025-01-06

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

@@ -1,3 +1,4 @@
+import * as _vue_reactivity from '@vue/reactivity';
 import * as vue from 'vue';
 import { Ref, EffectScope, ComponentPropsOptions, ExtractPropTypes, ComponentPublicInstance, nextTick } from 'vue';
 
@@ -96,7 +97,7 @@ declare function connectedLocationStrategy(data: LocationStrategyData, props: St
 };
 
 declare const VSnackbar: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         absolute: boolean;
         location: Anchor;
@@ -289,89 +290,7 @@ declare const VSnackbar: {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            absolute: boolean;
-            location: Anchor;
-            origin: "auto" | Anchor | "overlap";
-            transition: string | boolean | (vue.TransitionProps & {
-                component?: vue.Component;
-            });
-            zIndex: string | number;
-            style: vue.StyleValue;
-            eager: boolean;
-            disabled: boolean;
-            persistent: boolean;
-            modelValue: boolean;
-            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
-                updateLocation: (e?: Event) => void;
-            });
-            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
-            activatorProps: Record<string, any>;
-            openOnHover: boolean;
-            closeOnContentClick: boolean;
-            closeOnBack: boolean;
-            contained: boolean;
-            noClickAnimation: boolean;
-            scrim: string | boolean;
-            _disableGlobalStack: boolean;
-        } & {
-            offset?: string | number | number[] | undefined;
-            height?: string | number | undefined;
-            width?: string | number | undefined;
-            maxHeight?: string | number | undefined;
-            maxWidth?: string | number | undefined;
-            minHeight?: string | number | undefined;
-            minWidth?: string | number | undefined;
-            opacity?: string | number | undefined;
-            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
-            class?: any;
-            theme?: string | undefined;
-            contentClass?: any;
-            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
-            closeDelay?: string | number | undefined;
-            openDelay?: string | number | undefined;
-            openOnClick?: boolean | undefined;
-            openOnFocus?: boolean | undefined;
-            contentProps?: any;
-            attach?: string | boolean | Element | undefined;
-        } & {
-            $children?: vue.VNodeChild | {
-                default?: ((arg: {
-                    isActive: Ref<boolean>;
-                }) => vue.VNodeChild) | undefined;
-                activator?: ((arg: {
-                    isActive: boolean;
-                    props: Record<string, any>;
-                    targetRef: TemplateRef;
-                }) => vue.VNodeChild) | undefined;
-            } | ((arg: {
-                isActive: Ref<boolean>;
-            }) => vue.VNodeChild);
-            'v-slots'?: {
-                default?: false | ((arg: {
-                    isActive: Ref<boolean>;
-                }) => vue.VNodeChild) | undefined;
-                activator?: false | ((arg: {
-                    isActive: boolean;
-                    props: Record<string, any>;
-                    targetRef: TemplateRef;
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:default"?: false | ((arg: {
-                isActive: Ref<boolean>;
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:activator"?: false | ((arg: {
-                isActive: boolean;
-                props: Record<string, any>;
-                targetRef: TemplateRef;
-            }) => vue.VNodeChild) | undefined;
-        } & {
-            onAfterEnter?: (() => any) | undefined;
-            onAfterLeave?: (() => any) | undefined;
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-        }, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -390,6 +309,7 @@ declare const VSnackbar: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -475,14 +395,14 @@ declare const VSnackbar: {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
         }, {
-            activatorEl: Ref<HTMLElement | undefined>;
-            scrimEl: Ref<HTMLElement | undefined>;
+            activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
             target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
             animateClick: () => void;
-            contentEl: Ref<HTMLElement | undefined>;
-            globalTop: Readonly<Ref<boolean>>;
+            contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            globalTop: Readonly<Ref<boolean, boolean>>;
             localTop: vue.ComputedRef<boolean>;
-            updateLocation: Ref<((e: Event) => void) | undefined>;
+            updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:outside': (e: MouseEvent) => true;
             'update:modelValue': (value: boolean) => true;
@@ -524,7 +444,7 @@ declare const VSnackbar: {
                 props: Record<string, any>;
                 targetRef: TemplateRef;
             }) => vue.VNode[];
-        }>>> & {
+        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -543,8 +463,35 @@ declare const VSnackbar: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Readonly<{
+        absolute: boolean;
+        location: Anchor;
+        origin: "auto" | Anchor | "overlap";
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component;
+        });
+        zIndex: string | number;
+        style: vue.StyleValue;
+        eager: boolean;
+        disabled: boolean;
+        persistent: boolean;
+        modelValue: boolean;
+        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
+            updateLocation: (e?: Event) => void;
+        });
+        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+        activatorProps: Record<string, any>;
+        openOnClick: boolean;
+        openOnHover: boolean;
+        openOnFocus: boolean;
+        closeOnContentClick: boolean;
+        closeOnBack: boolean;
+        contained: boolean;
+        noClickAnimation: boolean;
+        scrim: string | boolean;
+        _disableGlobalStack: boolean;
+    }> & Omit<{
         absolute: boolean;
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
@@ -626,114 +573,29 @@ declare const VSnackbar: {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-    }, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
-        activatorEl: Ref<HTMLElement | undefined>;
-        scrimEl: Ref<HTMLElement | undefined>;
+    }, "target" | "contentEl" | "activatorEl" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
+        activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
         target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
         animateClick: () => void;
-        contentEl: Ref<HTMLElement | undefined>;
-        globalTop: Readonly<Ref<boolean>>;
+        contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        globalTop: Readonly<Ref<boolean, boolean>>;
         localTop: vue.ComputedRef<boolean>;
-        updateLocation: Ref<((e: Event) => void) | undefined>;
-    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
+        updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
         _allExposed: {
-            activatorEl: Ref<HTMLElement | undefined>;
-            scrimEl: Ref<HTMLElement | undefined>;
+            activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
             target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
             animateClick: () => void;
-            contentEl: Ref<HTMLElement | undefined>;
-            globalTop: Readonly<Ref<boolean>>;
+            contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            globalTop: Readonly<Ref<boolean, boolean>>;
             localTop: vue.ComputedRef<boolean>;
-            updateLocation: Ref<((e: Event) => void) | undefined>;
+            updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         } | {};
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'update:modelValue': (v: boolean) => true;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-        absolute: boolean;
-        location: Anchor;
-        origin: "auto" | Anchor | "overlap";
-        transition: string | boolean | (vue.TransitionProps & {
-            component?: vue.Component;
-        });
-        zIndex: string | number;
-        style: vue.StyleValue;
-        eager: boolean;
-        disabled: boolean;
-        timeout: string | number;
-        vertical: boolean;
-        modelValue: boolean;
-        tile: boolean;
-        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
-            updateLocation: (e?: Event) => void;
-        });
-        activatorProps: Record<string, any>;
-        openOnHover: boolean;
-        closeOnContentClick: boolean;
-        closeOnBack: boolean;
-        contained: boolean;
-        multiLine: boolean;
-    } & {
-        offset?: string | number | number[] | undefined;
-        height?: string | number | undefined;
-        width?: string | number | undefined;
-        color?: string | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
-        opacity?: string | number | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        text?: string | undefined;
-        target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
-        class?: any;
-        theme?: string | undefined;
-        timer?: string | boolean | undefined;
-        rounded?: string | number | boolean | undefined;
-        contentClass?: any;
-        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
-        closeDelay?: string | number | undefined;
-        openDelay?: string | number | undefined;
-        openOnClick?: boolean | undefined;
-        openOnFocus?: boolean | undefined;
-        contentProps?: any;
-        attach?: string | boolean | Element | undefined;
-    } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            activator?: ((arg: {
-                isActive: boolean;
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            default?: (() => vue.VNodeChild) | undefined;
-            actions?: ((arg: {
-                isActive: Ref<boolean>;
-            }) => vue.VNodeChild) | undefined;
-            text?: (() => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            activator?: false | ((arg: {
-                isActive: boolean;
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            default?: false | (() => vue.VNodeChild) | undefined;
-            actions?: false | ((arg: {
-                isActive: Ref<boolean>;
-            }) => vue.VNodeChild) | undefined;
-            text?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:activator"?: false | ((arg: {
-            isActive: boolean;
-            props: Record<string, any>;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:actions"?: false | ((arg: {
-            isActive: Ref<boolean>;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
-    } & {
-        "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
-    }, {
+    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         absolute: boolean;
         location: Anchor;
@@ -771,7 +633,7 @@ declare const VSnackbar: {
             isActive: Ref<boolean>;
         }) => vue.VNode[];
         text: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -971,89 +833,7 @@ declare const VSnackbar: {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            absolute: boolean;
-            location: Anchor;
-            origin: "auto" | Anchor | "overlap";
-            transition: string | boolean | (vue.TransitionProps & {
-                component?: vue.Component;
-            });
-            zIndex: string | number;
-            style: vue.StyleValue;
-            eager: boolean;
-            disabled: boolean;
-            persistent: boolean;
-            modelValue: boolean;
-            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
-                updateLocation: (e?: Event) => void;
-            });
-            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
-            activatorProps: Record<string, any>;
-            openOnHover: boolean;
-            closeOnContentClick: boolean;
-            closeOnBack: boolean;
-            contained: boolean;
-            noClickAnimation: boolean;
-            scrim: string | boolean;
-            _disableGlobalStack: boolean;
-        } & {
-            offset?: string | number | number[] | undefined;
-            height?: string | number | undefined;
-            width?: string | number | undefined;
-            maxHeight?: string | number | undefined;
-            maxWidth?: string | number | undefined;
-            minHeight?: string | number | undefined;
-            minWidth?: string | number | undefined;
-            opacity?: string | number | undefined;
-            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
-            class?: any;
-            theme?: string | undefined;
-            contentClass?: any;
-            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
-            closeDelay?: string | number | undefined;
-            openDelay?: string | number | undefined;
-            openOnClick?: boolean | undefined;
-            openOnFocus?: boolean | undefined;
-            contentProps?: any;
-            attach?: string | boolean | Element | undefined;
-        } & {
-            $children?: vue.VNodeChild | {
-                default?: ((arg: {
-                    isActive: Ref<boolean>;
-                }) => vue.VNodeChild) | undefined;
-                activator?: ((arg: {
-                    isActive: boolean;
-                    props: Record<string, any>;
-                    targetRef: TemplateRef;
-                }) => vue.VNodeChild) | undefined;
-            } | ((arg: {
-                isActive: Ref<boolean>;
-            }) => vue.VNodeChild);
-            'v-slots'?: {
-                default?: false | ((arg: {
-                    isActive: Ref<boolean>;
-                }) => vue.VNodeChild) | undefined;
-                activator?: false | ((arg: {
-                    isActive: boolean;
-                    props: Record<string, any>;
-                    targetRef: TemplateRef;
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:default"?: false | ((arg: {
-                isActive: Ref<boolean>;
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:activator"?: false | ((arg: {
-                isActive: boolean;
-                props: Record<string, any>;
-                targetRef: TemplateRef;
-            }) => vue.VNodeChild) | undefined;
-        } & {
-            onAfterEnter?: (() => any) | undefined;
-            onAfterLeave?: (() => any) | undefined;
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-        }, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1072,6 +852,7 @@ declare const VSnackbar: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -1157,14 +938,14 @@ declare const VSnackbar: {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
         }, {
-            activatorEl: Ref<HTMLElement | undefined>;
-            scrimEl: Ref<HTMLElement | undefined>;
+            activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
             target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
             animateClick: () => void;
-            contentEl: Ref<HTMLElement | undefined>;
-            globalTop: Readonly<Ref<boolean>>;
+            contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            globalTop: Readonly<Ref<boolean, boolean>>;
             localTop: vue.ComputedRef<boolean>;
-            updateLocation: Ref<((e: Event) => void) | undefined>;
+            updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:outside': (e: MouseEvent) => true;
             'update:modelValue': (value: boolean) => true;
@@ -1206,7 +987,7 @@ declare const VSnackbar: {
                 props: Record<string, any>;
                 targetRef: TemplateRef;
             }) => vue.VNode[];
-        }>>> & {
+        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -1225,8 +1006,35 @@ declare const VSnackbar: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Readonly<{
+        absolute: boolean;
+        location: Anchor;
+        origin: "auto" | Anchor | "overlap";
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component;
+        });
+        zIndex: string | number;
+        style: vue.StyleValue;
+        eager: boolean;
+        disabled: boolean;
+        persistent: boolean;
+        modelValue: boolean;
+        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
+            updateLocation: (e?: Event) => void;
+        });
+        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+        activatorProps: Record<string, any>;
+        openOnClick: boolean;
+        openOnHover: boolean;
+        openOnFocus: boolean;
+        closeOnContentClick: boolean;
+        closeOnBack: boolean;
+        contained: boolean;
+        noClickAnimation: boolean;
+        scrim: string | boolean;
+        _disableGlobalStack: boolean;
+    }> & Omit<{
         absolute: boolean;
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
@@ -1308,25 +1116,25 @@ declare const VSnackbar: {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-    }, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
-        activatorEl: Ref<HTMLElement | undefined>;
-        scrimEl: Ref<HTMLElement | undefined>;
+    }, "target" | "contentEl" | "activatorEl" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
+        activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
         target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
         animateClick: () => void;
-        contentEl: Ref<HTMLElement | undefined>;
-        globalTop: Readonly<Ref<boolean>>;
+        contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        globalTop: Readonly<Ref<boolean, boolean>>;
         localTop: vue.ComputedRef<boolean>;
-        updateLocation: Ref<((e: Event) => void) | undefined>;
-    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
+        updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
         _allExposed: {
-            activatorEl: Ref<HTMLElement | undefined>;
-            scrimEl: Ref<HTMLElement | undefined>;
+            activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
             target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
             animateClick: () => void;
-            contentEl: Ref<HTMLElement | undefined>;
-            globalTop: Readonly<Ref<boolean>>;
+            contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            globalTop: Readonly<Ref<boolean, boolean>>;
             localTop: vue.ComputedRef<boolean>;
-            updateLocation: Ref<((e: Event) => void) | undefined>;
+            updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         } | {};
     }, {}, {}, {}, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
@@ -1553,89 +1361,7 @@ declare const VSnackbar: {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        absolute: boolean;
-        location: Anchor;
-        origin: "auto" | Anchor | "overlap";
-        transition: string | boolean | (vue.TransitionProps & {
-            component?: vue.Component;
-        });
-        zIndex: string | number;
-        style: vue.StyleValue;
-        eager: boolean;
-        disabled: boolean;
-        persistent: boolean;
-        modelValue: boolean;
-        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
-            updateLocation: (e?: Event) => void;
-        });
-        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
-        activatorProps: Record<string, any>;
-        openOnHover: boolean;
-        closeOnContentClick: boolean;
-        closeOnBack: boolean;
-        contained: boolean;
-        noClickAnimation: boolean;
-        scrim: string | boolean;
-        _disableGlobalStack: boolean;
-    } & {
-        offset?: string | number | number[] | undefined;
-        height?: string | number | undefined;
-        width?: string | number | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
-        opacity?: string | number | undefined;
-        target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
-        class?: any;
-        theme?: string | undefined;
-        contentClass?: any;
-        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
-        closeDelay?: string | number | undefined;
-        openDelay?: string | number | undefined;
-        openOnClick?: boolean | undefined;
-        openOnFocus?: boolean | undefined;
-        contentProps?: any;
-        attach?: string | boolean | Element | undefined;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: ((arg: {
-                isActive: Ref<boolean>;
-            }) => vue.VNodeChild) | undefined;
-            activator?: ((arg: {
-                isActive: boolean;
-                props: Record<string, any>;
-                targetRef: TemplateRef;
-            }) => vue.VNodeChild) | undefined;
-        } | ((arg: {
-            isActive: Ref<boolean>;
-        }) => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | ((arg: {
-                isActive: Ref<boolean>;
-            }) => vue.VNodeChild) | undefined;
-            activator?: false | ((arg: {
-                isActive: boolean;
-                props: Record<string, any>;
-                targetRef: TemplateRef;
-            }) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | ((arg: {
-            isActive: Ref<boolean>;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:activator"?: false | ((arg: {
-            isActive: boolean;
-            props: Record<string, any>;
-            targetRef: TemplateRef;
-        }) => vue.VNodeChild) | undefined;
-    } & {
-        onAfterEnter?: (() => any) | undefined;
-        onAfterLeave?: (() => any) | undefined;
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-    }, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1654,6 +1380,7 @@ declare const VSnackbar: {
     }>;
     $root: vue.ComponentPublicInstance | null;
     $parent: vue.ComponentPublicInstance | null;
+    $host: Element | null;
     $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
     $el: any;
     $options: vue.ComponentOptionsBase<{
@@ -1739,14 +1466,14 @@ declare const VSnackbar: {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
     }, {
-        activatorEl: Ref<HTMLElement | undefined>;
-        scrimEl: Ref<HTMLElement | undefined>;
+        activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
         target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
         animateClick: () => void;
-        contentEl: Ref<HTMLElement | undefined>;
-        globalTop: Readonly<Ref<boolean>>;
+        contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        globalTop: Readonly<Ref<boolean, boolean>>;
         localTop: vue.ComputedRef<boolean>;
-        updateLocation: Ref<((e: Event) => void) | undefined>;
+        updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'click:outside': (e: MouseEvent) => true;
         'update:modelValue': (value: boolean) => true;
@@ -1788,7 +1515,7 @@ declare const VSnackbar: {
             props: Record<string, any>;
             targetRef: TemplateRef;
         }) => vue.VNode[];
-    }>>> & {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
         beforeMount?: (() => void) | (() => void)[];
@@ -1807,8 +1534,35 @@ declare const VSnackbar: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-} & Omit<{
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+} & Readonly<{
+    absolute: boolean;
+    location: Anchor;
+    origin: "auto" | Anchor | "overlap";
+    transition: string | boolean | (vue.TransitionProps & {
+        component?: vue.Component;
+    });
+    zIndex: string | number;
+    style: vue.StyleValue;
+    eager: boolean;
+    disabled: boolean;
+    persistent: boolean;
+    modelValue: boolean;
+    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
+        updateLocation: (e?: Event) => void;
+    });
+    scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+    activatorProps: Record<string, any>;
+    openOnClick: boolean;
+    openOnHover: boolean;
+    openOnFocus: boolean;
+    closeOnContentClick: boolean;
+    closeOnBack: boolean;
+    contained: boolean;
+    noClickAnimation: boolean;
+    scrim: string | boolean;
+    _disableGlobalStack: boolean;
+}> & Omit<{
     absolute: boolean;
     location: Anchor;
     origin: "auto" | Anchor | "overlap";
@@ -1890,25 +1644,25 @@ declare const VSnackbar: {
     onAfterLeave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-}, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
-    activatorEl: Ref<HTMLElement | undefined>;
-    scrimEl: Ref<HTMLElement | undefined>;
+}, "target" | "contentEl" | "activatorEl" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
+    activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
     target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
     animateClick: () => void;
-    contentEl: Ref<HTMLElement | undefined>;
-    globalTop: Readonly<Ref<boolean>>;
+    contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    globalTop: Readonly<Ref<boolean, boolean>>;
     localTop: vue.ComputedRef<boolean>;
-    updateLocation: Ref<((e: Event) => void) | undefined>;
-}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
+    updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+}> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
     _allExposed: {
-        activatorEl: Ref<HTMLElement | undefined>;
-        scrimEl: Ref<HTMLElement | undefined>;
+        activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
         target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
         animateClick: () => void;
-        contentEl: Ref<HTMLElement | undefined>;
-        globalTop: Readonly<Ref<boolean>>;
+        contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        globalTop: Readonly<Ref<boolean, boolean>>;
         localTop: vue.ComputedRef<boolean>;
-        updateLocation: Ref<((e: Event) => void) | undefined>;
+        updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     } | {};
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (v: boolean) => true;
@@ -1950,7 +1704,7 @@ declare const VSnackbar: {
         isActive: Ref<boolean>;
     }) => vue.VNode[];
     text: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     offset: vue.PropType<StrategyProps["offset"]>;
     absolute: BooleanConstructor;
     location: {