@vuetify/nightly 3.7.4-master.2024-11-06 → 3.7.4-next.2024-11-06

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

@@ -1,5 +1,6 @@
 import * as vue from 'vue';
 import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, ComponentPublicInstance, FunctionalComponent, Ref, ComputedRef, nextTick } from 'vue';
+import * as _vue_reactivity from '@vue/reactivity';
 
 type ClassValue = any;
 
@@ -105,7 +106,7 @@ type VInputSlots = {
 };
 
 declare const VFileInput: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -290,40 +291,7 @@ declare const VFileInput: {
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            error: boolean;
-            direction: "horizontal" | "vertical";
-            style: vue.StyleValue;
-            disabled: boolean | null;
-            readonly: boolean | null;
-            messages: string | readonly string[];
-            focused: boolean;
-            errorMessages: string | readonly string[] | null;
-            maxErrors: string | number;
-            rules: readonly ValidationRule[];
-            density: Density;
-            centerAffix: boolean;
-            hideSpinButtons: boolean;
-            persistentHint: boolean;
-        } & {
-            name?: string | undefined;
-            id?: string | undefined;
-            width?: string | number | undefined;
-            maxWidth?: string | number | undefined;
-            minWidth?: string | number | undefined;
-            label?: string | undefined;
-            class?: any;
-            theme?: string | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-            validationValue?: any;
-            prependIcon?: IconValue | undefined;
-            appendIcon?: IconValue | undefined;
-            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-            hint?: string | undefined;
-            hideDetails?: boolean | "auto" | undefined;
-        } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -339,6 +307,7 @@ declare const VFileInput: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -403,7 +372,7 @@ declare const VFileInput: {
             append: (arg: VInputSlot) => vue.VNode[];
             details: (arg: VInputSlot) => vue.VNode[];
             message: (arg: VMessageSlot) => vue.VNode[];
-        }>>> & {
+        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -422,8 +391,23 @@ declare const VFileInput: {
         };
         $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<{
+        error: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
+        disabled: boolean | null;
+        readonly: boolean | null;
+        messages: string | readonly string[];
+        focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
+        rules: readonly ValidationRule[];
+        density: Density;
+        centerAffix: boolean;
+        hideSpinButtons: boolean;
+        persistentHint: boolean;
+    }> & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -456,7 +440,7 @@ declare const VFileInput: {
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
-    } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
+    } & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")> & vue.ShallowUnwrapRef<{
         reset: () => Promise<void>;
         resetValidation: () => Promise<void>;
         validate: (silent?: boolean) => Promise<string[]>;
@@ -465,7 +449,7 @@ declare const VFileInput: {
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
+    }, VInputSlots>, "name" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
         _allExposed: {
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
@@ -478,142 +462,7 @@ declare const VFileInput: {
         'mousedown:control': (e: MouseEvent) => true;
         'update:focused': (focused: boolean) => true;
         'update:modelValue': (files: File | File[]) => true;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        flat: boolean;
-        reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        error: boolean;
-        active: boolean;
-        direction: "horizontal" | "vertical";
-        style: vue.StyleValue;
-        disabled: boolean;
-        multiple: boolean;
-        readonly: boolean | null;
-        messages: string | readonly string[];
-        counter: boolean;
-        focused: boolean;
-        errorMessages: string | readonly string[] | null;
-        maxErrors: string | number;
-        rules: readonly ValidationRule[];
-        modelValue: File | File[] | null;
-        tile: boolean;
-        density: Density;
-        prependIcon: IconValue;
-        clearIcon: IconValue;
-        hideSpinButtons: boolean;
-        persistentHint: boolean;
-        clearable: boolean;
-        dirty: boolean;
-        persistentClear: boolean;
-        singleLine: boolean;
-        chips: boolean;
-        counterSizeString: string;
-        counterString: string;
-        hideInput: boolean;
-        showSize: boolean | 1024 | 1000;
-    } & {
-        name?: string | undefined;
-        id?: string | undefined;
-        width?: string | number | undefined;
-        color?: string | undefined;
-        maxWidth?: string | number | undefined;
-        minWidth?: string | number | undefined;
-        loading?: string | boolean | undefined;
-        label?: string | undefined;
-        class?: any;
-        theme?: string | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-        validationValue?: any;
-        rounded?: string | number | boolean | undefined;
-        baseColor?: string | undefined;
-        bgColor?: string | undefined;
-        appendIcon?: IconValue | undefined;
-        appendInnerIcon?: IconValue | undefined;
-        prependInnerIcon?: IconValue | undefined;
-        'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-        centerAffix?: boolean | undefined;
-        hint?: string | undefined;
-        hideDetails?: boolean | "auto" | undefined;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild) | undefined;
-            prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
-            clear?: ((arg: DefaultInputSlot & {
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-            'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-            label?: ((arg: DefaultInputSlot & {
-                label: string | undefined;
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            counter?: (() => vue.VNodeChild) | undefined;
-            selection?: ((arg: {
-                fileNames: string[];
-                totalBytes: number;
-                totalBytesReadable: string;
-            }) => vue.VNodeChild) | undefined;
-        } | ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild) | undefined;
-            prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
-            clear?: false | ((arg: DefaultInputSlot & {
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-            'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-            label?: false | ((arg: DefaultInputSlot & {
-                label: string | undefined;
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            counter?: false | (() => vue.VNodeChild) | undefined;
-            selection?: false | ((arg: {
-                fileNames: string[];
-                totalBytes: number;
-                totalBytesReadable: string;
-            }) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild) | undefined;
-        "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
-        "v-slot:clear"?: false | ((arg: DefaultInputSlot & {
-            props: Record<string, any>;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:label"?: false | ((arg: DefaultInputSlot & {
-            label: string | undefined;
-            props: Record<string, any>;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-        "v-slot:counter"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:selection"?: false | ((arg: {
-            fileNames: string[];
-            totalBytes: number;
-            totalBytesReadable: string;
-        }) => vue.VNodeChild) | undefined;
-    } & {
-        "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        "onUpdate:modelValue"?: ((files: File | File[]) => any) | undefined;
-        "onClick:control"?: ((e: MouseEvent) => any) | undefined;
-        "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-    }, {
+    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -670,7 +519,7 @@ declare const VFileInput: {
             totalBytes: number;
             totalBytesReadable: string;
         }) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -862,40 +711,7 @@ declare const VFileInput: {
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            error: boolean;
-            direction: "horizontal" | "vertical";
-            style: vue.StyleValue;
-            disabled: boolean | null;
-            readonly: boolean | null;
-            messages: string | readonly string[];
-            focused: boolean;
-            errorMessages: string | readonly string[] | null;
-            maxErrors: string | number;
-            rules: readonly ValidationRule[];
-            density: Density;
-            centerAffix: boolean;
-            hideSpinButtons: boolean;
-            persistentHint: boolean;
-        } & {
-            name?: string | undefined;
-            id?: string | undefined;
-            width?: string | number | undefined;
-            maxWidth?: string | number | undefined;
-            minWidth?: string | number | undefined;
-            label?: string | undefined;
-            class?: any;
-            theme?: string | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-            validationValue?: any;
-            prependIcon?: IconValue | undefined;
-            appendIcon?: IconValue | undefined;
-            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-            hint?: string | undefined;
-            hideDetails?: boolean | "auto" | undefined;
-        } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -911,6 +727,7 @@ declare const VFileInput: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -975,7 +792,7 @@ declare const VFileInput: {
             append: (arg: VInputSlot) => vue.VNode[];
             details: (arg: VInputSlot) => vue.VNode[];
             message: (arg: VMessageSlot) => vue.VNode[];
-        }>>> & {
+        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -994,8 +811,23 @@ declare const VFileInput: {
         };
         $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<{
+        error: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
+        disabled: boolean | null;
+        readonly: boolean | null;
+        messages: string | readonly string[];
+        focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
+        rules: readonly ValidationRule[];
+        density: Density;
+        centerAffix: boolean;
+        hideSpinButtons: boolean;
+        persistentHint: boolean;
+    }> & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -1028,7 +860,7 @@ declare const VFileInput: {
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
-    } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
+    } & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")> & vue.ShallowUnwrapRef<{
         reset: () => Promise<void>;
         resetValidation: () => Promise<void>;
         validate: (silent?: boolean) => Promise<string[]>;
@@ -1037,7 +869,7 @@ declare const VFileInput: {
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
+    }, VInputSlots>, "name" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
         _allExposed: {
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
@@ -1269,40 +1101,7 @@ declare const VFileInput: {
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        error: boolean;
-        direction: "horizontal" | "vertical";
-        style: vue.StyleValue;
-        disabled: boolean | null;
-        readonly: boolean | null;
-        messages: string | readonly string[];
-        focused: boolean;
-        errorMessages: string | readonly string[] | null;
-        maxErrors: string | number;
-        rules: readonly ValidationRule[];
-        density: Density;
-        centerAffix: boolean;
-        hideSpinButtons: boolean;
-        persistentHint: boolean;
-    } & {
-        name?: string | undefined;
-        id?: string | undefined;
-        width?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minWidth?: string | number | undefined;
-        label?: string | undefined;
-        class?: any;
-        theme?: string | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-        validationValue?: any;
-        prependIcon?: IconValue | undefined;
-        appendIcon?: IconValue | undefined;
-        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-        hint?: string | undefined;
-        hideDetails?: boolean | "auto" | undefined;
-    } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1318,6 +1117,7 @@ declare const VFileInput: {
     }>;
     $root: vue.ComponentPublicInstance | null;
     $parent: vue.ComponentPublicInstance | null;
+    $host: Element | null;
     $emit: (event: string, ...args: any[]) => void;
     $el: any;
     $options: vue.ComponentOptionsBase<{
@@ -1382,7 +1182,7 @@ declare const VFileInput: {
         append: (arg: VInputSlot) => vue.VNode[];
         details: (arg: VInputSlot) => vue.VNode[];
         message: (arg: VMessageSlot) => vue.VNode[];
-    }>>> & {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
         beforeMount?: (() => void) | (() => void)[];
@@ -1401,8 +1201,23 @@ declare const VFileInput: {
     };
     $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<{
+    error: boolean;
+    direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
+    disabled: boolean | null;
+    readonly: boolean | null;
+    messages: string | readonly string[];
+    focused: boolean;
+    errorMessages: string | readonly string[] | null;
+    maxErrors: string | number;
+    rules: readonly ValidationRule[];
+    density: Density;
+    centerAffix: boolean;
+    hideSpinButtons: boolean;
+    persistentHint: boolean;
+}> & Omit<{
     error: boolean;
     direction: "horizontal" | "vertical";
     style: vue.StyleValue;
@@ -1435,7 +1250,7 @@ declare const VFileInput: {
     'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
-} & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
+} & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")> & vue.ShallowUnwrapRef<{
     reset: () => Promise<void>;
     resetValidation: () => Promise<void>;
     validate: (silent?: boolean) => Promise<string[]>;
@@ -1444,7 +1259,7 @@ declare const VFileInput: {
 }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
     modelValue?: unknown;
     'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-}, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
+}, VInputSlots>, "name" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
     _allExposed: {
         reset: () => Promise<void>;
         resetValidation: () => Promise<void>;
@@ -1514,7 +1329,7 @@ declare const VFileInput: {
         totalBytes: number;
         totalBytesReadable: string;
     }) => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     theme: StringConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];

package/lib/components/VFooter/VFooter.css

@@ -1,37 +1,39 @@
-.v-footer {
-  align-items: center;
-  display: flex;
-  flex: 1 1 auto;
-  padding: 8px 16px;
-  position: relative;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  transition-property: height, width, transform, max-width, left, right, top, bottom;
-}
-.v-footer {
-  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-  border-style: solid;
-  border-width: 0;
-}
-.v-footer--border {
-  border-width: thin;
-  box-shadow: none;
-}
-.v-footer {
-  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
-}
-.v-footer--absolute {
-  position: absolute;
-}
-.v-footer--fixed {
-  position: fixed;
-}
-.v-footer {
-  border-radius: 0;
-}
-.v-footer {
-  background: rgb(var(--v-theme-surface));
-  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-}
-.v-footer--rounded {
-  border-radius: 4px;
+@layer vuetify.components {
+  .v-footer {
+    align-items: center;
+    display: flex;
+    flex: 1 1 auto;
+    padding: 8px 16px;
+    position: relative;
+    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: height, width, transform, max-width, left, right, top, bottom;
+  }
+  .v-footer {
+    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
+    border-style: solid;
+    border-width: 0;
+  }
+  .v-footer--border {
+    border-width: thin;
+    box-shadow: none;
+  }
+  .v-footer {
+    box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+  }
+  .v-footer--absolute {
+    position: absolute;
+  }
+  .v-footer--fixed {
+    position: fixed;
+  }
+  .v-footer {
+    border-radius: 0;
+  }
+  .v-footer {
+    background: rgb(var(--v-theme-surface));
+    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+  }
+  .v-footer--rounded {
+    border-radius: 4px;
+  }
 }

package/lib/components/VFooter/VFooter.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
+import { createVNode as _createVNode } from "vue";
 // Styles
 import "./VFooter.css";
 

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

@@ -8,7 +8,7 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
 type ClassValue = any;
 
 declare const VFooter: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         absolute: boolean;
         height: string | number;
         order: string | number;
@@ -33,32 +33,7 @@ declare const VFooter: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        absolute: boolean;
-        height: string | number;
-        order: string | number;
-        style: vue.StyleValue;
-        tag: string;
-        app: boolean;
-        tile: boolean;
-    } & {
-        name?: string | undefined;
-        border?: string | number | boolean | undefined;
-        color?: string | undefined;
-        class?: any;
-        theme?: string | undefined;
-        elevation?: string | number | undefined;
-        rounded?: string | number | boolean | undefined;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | (() => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    }, {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         absolute: boolean;
         height: string | number;
         order: string | number;
@@ -69,7 +44,7 @@ declare const VFooter: {
         tile: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -150,7 +125,7 @@ declare const VFooter: {
     tile: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     theme: StringConstructor;
     tag: Omit<{
         type: StringConstructor;