@vuetify/nightly 3.2.0-dev-20230214.0 → 3.2.0-dev-20230322.0

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

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { JSXComponent, PropType } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType } from 'vue';
 
 declare const block: readonly ["top", "bottom"];
 declare const inline: readonly ["start", "end", "left", "right"];
@@ -7,12 +7,274 @@ type Tblock = typeof block[number];
 type Tinline = typeof inline[number];
 type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
 
+interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
+    filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
+}
+
 type Density = null | 'default' | 'comfortable' | 'compact';
 
 type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
-declare const VAlert: vue.DefineComponent<{
+declare const allowedTypes: readonly ["success", "info", "warning", "error"];
+type ContextualType = typeof allowedTypes[number];
+declare const VAlert: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            tag: string;
+            icon: false | IconValue;
+            rounded: string | number | boolean;
+            prominent: boolean;
+            density: Density;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            modelValue: boolean;
+            closable: boolean;
+            closeIcon: IconValue;
+            closeLabel: string;
+        }> & Omit<{
+            tag: string;
+            icon: false | IconValue;
+            prominent: boolean;
+            density: Density;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            modelValue: boolean;
+            closable: boolean;
+            closeIcon: IconValue;
+            closeLabel: string;
+        } & {
+            type?: "error" | "success" | "warning" | "info" | undefined;
+            location?: Anchor | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            border?: boolean | "end" | "start" | "top" | "bottom" | undefined;
+            borderColor?: string | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            title?: string | undefined;
+            text?: string | undefined;
+            elevation?: string | number | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+        } & {
+            $children?: {} | vue.VNodeChild | {
+                default?: (() => vue.VNodeChild) | undefined;
+                prepend?: (() => vue.VNodeChild) | undefined;
+                title?: (() => vue.VNodeChild) | undefined;
+                text?: (() => vue.VNodeChild) | undefined;
+                append?: (() => vue.VNodeChild) | undefined;
+                close?: (() => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+                prepend?: (() => vue.VNodeChild) | undefined;
+                title?: (() => vue.VNodeChild) | undefined;
+                text?: (() => vue.VNodeChild) | undefined;
+                append?: (() => vue.VNodeChild) | undefined;
+                close?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                prepend?: false | (() => vue.VNodeChild) | undefined;
+                title?: false | (() => vue.VNodeChild) | undefined;
+                text?: false | (() => vue.VNodeChild) | undefined;
+                append?: false | (() => vue.VNodeChild) | undefined;
+                close?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:close"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onClick:close"?: ((e: MouseEvent) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "tag" | "icon" | "rounded" | "prominent" | "density" | "variant" | "modelValue" | "closable" | "closeIcon" | "closeLabel">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:close", e: MouseEvent) => void);
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            tag: string;
+            icon: false | IconValue;
+            prominent: boolean;
+            density: Density;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            modelValue: boolean;
+            closable: boolean;
+            closeIcon: IconValue;
+            closeLabel: string;
+        } & {
+            type?: "error" | "success" | "warning" | "info" | undefined;
+            location?: Anchor | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            border?: boolean | "end" | "start" | "top" | "bottom" | undefined;
+            borderColor?: string | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            title?: string | undefined;
+            text?: string | undefined;
+            elevation?: string | number | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+        } & {
+            $children?: {} | vue.VNodeChild | {
+                default?: (() => vue.VNodeChild) | undefined;
+                prepend?: (() => vue.VNodeChild) | undefined;
+                title?: (() => vue.VNodeChild) | undefined;
+                text?: (() => vue.VNodeChild) | undefined;
+                append?: (() => vue.VNodeChild) | undefined;
+                close?: (() => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+                prepend?: (() => vue.VNodeChild) | undefined;
+                title?: (() => vue.VNodeChild) | undefined;
+                text?: (() => vue.VNodeChild) | undefined;
+                append?: (() => vue.VNodeChild) | undefined;
+                close?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                prepend?: false | (() => vue.VNodeChild) | undefined;
+                title?: false | (() => vue.VNodeChild) | undefined;
+                text?: false | (() => vue.VNodeChild) | undefined;
+                append?: false | (() => vue.VNodeChild) | undefined;
+                close?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:close"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onClick:close"?: ((e: MouseEvent) => any) | undefined;
+        }, () => false | JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            'click:close': (e: MouseEvent) => true;
+            'update:modelValue': (value: boolean) => true;
+        }, string, {
+            tag: string;
+            icon: false | IconValue;
+            rounded: string | number | boolean;
+            prominent: boolean;
+            density: Density;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            modelValue: boolean;
+            closable: boolean;
+            closeIcon: IconValue;
+            closeLabel: string;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & {
+        tag: string;
+        icon: false | IconValue;
+        prominent: boolean;
+        density: Density;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        modelValue: boolean;
+        closable: boolean;
+        closeIcon: IconValue;
+        closeLabel: string;
+    } & {
+        type?: "error" | "success" | "warning" | "info" | undefined;
+        location?: Anchor | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        border?: boolean | "end" | "start" | "top" | "bottom" | undefined;
+        borderColor?: string | undefined;
+        color?: string | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+        title?: string | undefined;
+        text?: string | undefined;
+        elevation?: string | number | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+    } & {
+        $children?: {} | vue.VNodeChild | {
+            default?: (() => vue.VNodeChild) | undefined;
+            prepend?: (() => vue.VNodeChild) | undefined;
+            title?: (() => vue.VNodeChild) | undefined;
+            text?: (() => vue.VNodeChild) | undefined;
+            append?: (() => vue.VNodeChild) | undefined;
+            close?: (() => vue.VNodeChild) | undefined;
+        };
+        $slots?: {
+            default?: (() => vue.VNodeChild) | undefined;
+            prepend?: (() => vue.VNodeChild) | undefined;
+            title?: (() => vue.VNodeChild) | undefined;
+            text?: (() => vue.VNodeChild) | undefined;
+            append?: (() => vue.VNodeChild) | undefined;
+            close?: (() => vue.VNodeChild) | undefined;
+        } | undefined;
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+            prepend?: false | (() => vue.VNodeChild) | undefined;
+            title?: false | (() => vue.VNodeChild) | undefined;
+            text?: false | (() => vue.VNodeChild) | undefined;
+            append?: false | (() => vue.VNodeChild) | undefined;
+            close?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:close"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onClick:close"?: ((e: MouseEvent) => any) | undefined;
+    } & vue.ShallowUnwrapRef<() => false | JSX.Element> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
     tag: string;
     icon: false | IconValue;
     prominent: boolean;
@@ -49,60 +311,14 @@ declare const VAlert: vue.DefineComponent<{
         append?: (() => vue.VNodeChild) | undefined;
         close?: (() => vue.VNodeChild) | undefined;
     };
-    'v-slots'?: {
-        default?: false | (() => vue.VNodeChild) | undefined;
-        prepend?: false | (() => vue.VNodeChild) | undefined;
-        title?: false | (() => vue.VNodeChild) | undefined;
-        text?: false | (() => vue.VNodeChild) | undefined;
-        append?: false | (() => vue.VNodeChild) | undefined;
-        close?: false | (() => vue.VNodeChild) | undefined;
-    } | undefined;
-} & {
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:close"?: false | (() => vue.VNodeChild) | undefined;
-}, () => false | JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:modelValue': (value: boolean) => true;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
-    tag: string;
-    icon: false | IconValue;
-    prominent: boolean;
-    density: Density;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    modelValue: boolean;
-    closable: boolean;
-    closeIcon: IconValue;
-    closeLabel: string;
-} & {
-    type?: "error" | "success" | "warning" | "info" | undefined;
-    location?: Anchor | undefined;
-    height?: string | number | undefined;
-    width?: string | number | undefined;
-    border?: boolean | "end" | "start" | "top" | "bottom" | undefined;
-    borderColor?: string | undefined;
-    color?: string | undefined;
-    maxHeight?: string | number | undefined;
-    maxWidth?: string | number | undefined;
-    minHeight?: string | number | undefined;
-    minWidth?: string | number | undefined;
-    position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
-    title?: string | undefined;
-    text?: string | undefined;
-    elevation?: string | number | undefined;
-    theme?: string | undefined;
-    rounded?: string | number | boolean | undefined;
-} & {
-    $children?: {} | vue.VNodeChild | {
+    $slots?: {
         default?: (() => vue.VNodeChild) | undefined;
         prepend?: (() => vue.VNodeChild) | undefined;
         title?: (() => vue.VNodeChild) | undefined;
         text?: (() => vue.VNodeChild) | undefined;
         append?: (() => vue.VNodeChild) | undefined;
         close?: (() => vue.VNodeChild) | undefined;
-    };
+    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
         prepend?: false | (() => vue.VNodeChild) | undefined;
@@ -120,7 +336,11 @@ declare const VAlert: vue.DefineComponent<{
     "v-slot:close"?: false | (() => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}, {
+    "onClick:close"?: ((e: MouseEvent) => any) | undefined;
+}, () => false | JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'click:close': (e: MouseEvent) => true;
+    'update:modelValue': (value: boolean) => true;
+}, string, {
     tag: string;
     icon: false | IconValue;
     rounded: string | number | boolean;
@@ -131,15 +351,246 @@ declare const VAlert: vue.DefineComponent<{
     closable: boolean;
     closeIcon: IconValue;
     closeLabel: string;
-}>;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    color: StringConstructor;
+    variant: Omit<{
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    };
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    position: {
+        type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        validator: (v: any) => boolean;
+    };
+    location: PropType<Anchor>;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    density: {
+        type: PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    border: {
+        type: PropType<boolean | "end" | "start" | "top" | "bottom">;
+        validator: (val: boolean | string) => boolean;
+    };
+    borderColor: StringConstructor;
+    closable: BooleanConstructor;
+    closeIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: PropType<false | IconValue>;
+        default: null;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prominent: BooleanConstructor;
+    title: StringConstructor;
+    text: StringConstructor;
+    type: {
+        type: PropType<"error" | "success" | "warning" | "info">;
+        validator: (val: ContextualType) => boolean;
+    };
+}, vue.ExtractPropTypes<{
+    color: StringConstructor;
+    variant: Omit<{
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    };
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    position: {
+        type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        validator: (v: any) => boolean;
+    };
+    location: PropType<Anchor>;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    density: {
+        type: PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    border: {
+        type: PropType<boolean | "end" | "start" | "top" | "bottom">;
+        validator: (val: boolean | string) => boolean;
+    };
+    borderColor: StringConstructor;
+    closable: BooleanConstructor;
+    closeIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: PropType<false | IconValue>;
+        default: null;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prominent: BooleanConstructor;
+    title: StringConstructor;
+    text: StringConstructor;
+    type: {
+        type: PropType<"error" | "success" | "warning" | "info">;
+        validator: (val: ContextualType) => boolean;
+    };
+}>>;
 type VAlert = InstanceType<typeof VAlert>;
 
-declare const VAlertTitle: vue.DefineComponent<{
+declare const VAlertTitle: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            tag: string;
+        }> & Omit<{
+            tag: string;
+        } & {} & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "tag">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            tag: string;
+        } & {} & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            tag: string;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & {
+        tag: string;
+    } & {} & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            default?: (() => vue.VNodeChild) | undefined;
+        };
+        $slots?: {
+            default?: (() => vue.VNodeChild) | undefined;
+        } | undefined;
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    } & vue.ShallowUnwrapRef<() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
     tag: string;
 } & {} & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -147,20 +598,19 @@ declare const VAlertTitle: vue.DefineComponent<{
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     tag: string;
-} & {} & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-        default?: (() => vue.VNodeChild) | undefined;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    tag: {
+        type: StringConstructor;
+        default: string;
     };
-    'v-slots'?: {
-        default?: false | (() => vue.VNodeChild) | undefined;
-    } | undefined;
-} & {
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-}, {
-    tag: string;
-}>;
+}, vue.ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>;
 type VAlertTitle = InstanceType<typeof VAlertTitle>;
 
 export { VAlert, VAlertTitle };

package/lib/components/VApp/VApp.css

@@ -11,5 +11,6 @@
   flex: 1 1 auto;
   max-width: 100%;
   min-height: 100vh;
+  min-height: 100dvh;
   position: relative;
 }

package/lib/components/VApp/VApp.sass

@@ -12,4 +12,5 @@
   flex: 1 1 auto
   max-width: 100%
   min-height: 100vh
+  min-height: 100dvh
   position: relative