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

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

@@ -1,4 +1,3 @@
-import * as _vue_reactivity from '@vue/reactivity';
 import * as vue from 'vue';
 import { Ref, EffectScope, ComponentPropsOptions, ExtractPropTypes, ComponentPublicInstance, nextTick } from 'vue';
 
@@ -97,7 +96,7 @@ declare function connectedLocationStrategy(data: LocationStrategyData, props: St
 };
 
 declare const VSnackbar: {
-    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         absolute: boolean;
         location: Anchor;
@@ -290,7 +289,89 @@ 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" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            absolute: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: 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">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -309,7 +390,6 @@ 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<{
@@ -395,14 +475,14 @@ declare const VSnackbar: {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
         }, {
-            activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            activatorEl: Ref<HTMLElement | undefined>;
+            scrimEl: Ref<HTMLElement | undefined>;
             target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
             animateClick: () => void;
-            contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            globalTop: Readonly<Ref<boolean, boolean>>;
+            contentEl: Ref<HTMLElement | undefined>;
+            globalTop: Readonly<Ref<boolean>>;
             localTop: vue.ComputedRef<boolean>;
-            updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+            updateLocation: Ref<((e: Event) => void) | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:outside': (e: MouseEvent) => true;
             'update:modelValue': (value: boolean) => true;
@@ -444,7 +524,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)[];
@@ -463,35 +543,8 @@ 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, _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<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Omit<{
         absolute: boolean;
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
@@ -573,29 +626,114 @@ declare const VSnackbar: {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-    }, "target" | "contentEl" | "activatorEl" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
-        activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    }, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
+        activatorEl: Ref<HTMLElement | undefined>;
+        scrimEl: Ref<HTMLElement | undefined>;
         target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
         animateClick: () => void;
-        contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        globalTop: Readonly<Ref<boolean, boolean>>;
+        contentEl: Ref<HTMLElement | undefined>;
+        globalTop: Readonly<Ref<boolean>>;
         localTop: vue.ComputedRef<boolean>;
-        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}`> & {
+        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}`> & {
         _allExposed: {
-            activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            activatorEl: Ref<HTMLElement | undefined>;
+            scrimEl: Ref<HTMLElement | undefined>;
             target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
             animateClick: () => void;
-            contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            globalTop: Readonly<Ref<boolean, boolean>>;
+            contentEl: Ref<HTMLElement | undefined>;
+            globalTop: Readonly<Ref<boolean>>;
             localTop: vue.ComputedRef<boolean>;
-            updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+            updateLocation: Ref<((e: Event) => void) | undefined>;
         } | {};
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'update:modelValue': (v: boolean) => true;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    }, 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;
+    }, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         absolute: boolean;
         location: Anchor;
@@ -633,7 +771,7 @@ declare const VSnackbar: {
             isActive: Ref<boolean>;
         }) => vue.VNode[];
         text: () => vue.VNode[];
-    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+    }>>, {
         P: {};
         B: {};
         D: {};
@@ -833,7 +971,89 @@ 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" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            absolute: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: 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">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -852,7 +1072,6 @@ 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<{
@@ -938,14 +1157,14 @@ declare const VSnackbar: {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
         }, {
-            activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            activatorEl: Ref<HTMLElement | undefined>;
+            scrimEl: Ref<HTMLElement | undefined>;
             target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
             animateClick: () => void;
-            contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            globalTop: Readonly<Ref<boolean, boolean>>;
+            contentEl: Ref<HTMLElement | undefined>;
+            globalTop: Readonly<Ref<boolean>>;
             localTop: vue.ComputedRef<boolean>;
-            updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+            updateLocation: Ref<((e: Event) => void) | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:outside': (e: MouseEvent) => true;
             'update:modelValue': (value: boolean) => true;
@@ -987,7 +1206,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)[];
@@ -1006,35 +1225,8 @@ 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, _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<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Omit<{
         absolute: boolean;
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
@@ -1116,25 +1308,25 @@ declare const VSnackbar: {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-    }, "target" | "contentEl" | "activatorEl" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
-        activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    }, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
+        activatorEl: Ref<HTMLElement | undefined>;
+        scrimEl: Ref<HTMLElement | undefined>;
         target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
         animateClick: () => void;
-        contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        globalTop: Readonly<Ref<boolean, boolean>>;
+        contentEl: Ref<HTMLElement | undefined>;
+        globalTop: Readonly<Ref<boolean>>;
         localTop: vue.ComputedRef<boolean>;
-        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}`> & {
+        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}`> & {
         _allExposed: {
-            activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            activatorEl: Ref<HTMLElement | undefined>;
+            scrimEl: Ref<HTMLElement | undefined>;
             target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
             animateClick: () => void;
-            contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            globalTop: Readonly<Ref<boolean, boolean>>;
+            contentEl: Ref<HTMLElement | undefined>;
+            globalTop: Readonly<Ref<boolean>>;
             localTop: vue.ComputedRef<boolean>;
-            updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+            updateLocation: Ref<((e: Event) => void) | undefined>;
         } | {};
     }, {}, {}, {}, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
@@ -1361,7 +1553,89 @@ 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" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        absolute: boolean;
+        location: Anchor;
+        origin: "auto" | Anchor | "overlap";
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: 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">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1380,7 +1654,6 @@ 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<{
@@ -1466,14 +1739,14 @@ declare const VSnackbar: {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
     }, {
-        activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        activatorEl: Ref<HTMLElement | undefined>;
+        scrimEl: Ref<HTMLElement | undefined>;
         target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
         animateClick: () => void;
-        contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        globalTop: Readonly<Ref<boolean, boolean>>;
+        contentEl: Ref<HTMLElement | undefined>;
+        globalTop: Readonly<Ref<boolean>>;
         localTop: vue.ComputedRef<boolean>;
-        updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+        updateLocation: Ref<((e: Event) => void) | undefined>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'click:outside': (e: MouseEvent) => true;
         'update:modelValue': (value: boolean) => true;
@@ -1515,7 +1788,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)[];
@@ -1534,35 +1807,8 @@ 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, _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<{
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+} & Omit<{
     absolute: boolean;
     location: Anchor;
     origin: "auto" | Anchor | "overlap";
@@ -1644,25 +1890,25 @@ declare const VSnackbar: {
     onAfterLeave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-}, "target" | "contentEl" | "activatorEl" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
-    activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+}, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
+    activatorEl: Ref<HTMLElement | undefined>;
+    scrimEl: Ref<HTMLElement | undefined>;
     target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
     animateClick: () => void;
-    contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    globalTop: Readonly<Ref<boolean, boolean>>;
+    contentEl: Ref<HTMLElement | undefined>;
+    globalTop: Readonly<Ref<boolean>>;
     localTop: vue.ComputedRef<boolean>;
-    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}`> & {
+    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}`> & {
     _allExposed: {
-        activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        activatorEl: Ref<HTMLElement | undefined>;
+        scrimEl: Ref<HTMLElement | undefined>;
         target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
         animateClick: () => void;
-        contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        globalTop: Readonly<Ref<boolean, boolean>>;
+        contentEl: Ref<HTMLElement | undefined>;
+        globalTop: Readonly<Ref<boolean>>;
         localTop: vue.ComputedRef<boolean>;
-        updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+        updateLocation: Ref<((e: Event) => void) | undefined>;
     } | {};
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (v: boolean) => true;
@@ -1704,7 +1950,7 @@ declare const VSnackbar: {
         isActive: Ref<boolean>;
     }) => vue.VNode[];
     text: () => vue.VNode[];
-}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     offset: vue.PropType<StrategyProps["offset"]>;
     absolute: BooleanConstructor;
     location: {