@vuetify/nightly 3.6.14-master.2024-08-04 → 3.6.14-master.2024-08-13

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

@@ -1,7 +1,20 @@
+import * as vue from 'vue';
+import { DirectiveBinding, ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType, ComponentInternalInstance, Ref, ComputedRef } from 'vue';
 // @ts-ignore
 import * as vue_router from 'vue-router';
-import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType, ComponentInternalInstance, Ref, ComputedRef } from 'vue';
+
+type ClassValue = any;
+
+interface RippleDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
+    value?: boolean | {
+        class: string;
+    };
+    modifiers: {
+        center?: boolean;
+        circle?: boolean;
+        stop?: boolean;
+    };
+}
 
 type Density = null | 'default' | 'comfortable' | 'compact';
 
@@ -18,6 +31,9 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
+declare const allowedVariants: readonly ["elevated", "flat", "tonal", "outlined", "text", "plain"];
+type Variant = typeof allowedVariants[number];
+
 interface GroupItem {
     id: number;
     value: Ref<unknown>;
@@ -47,16 +63,16 @@ declare const VFab: {
         symbol: any;
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         offset: boolean;
         exact: boolean;
         absolute: boolean;
         block: boolean;
         active: boolean;
         order: string | number;
-        transition: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
-        })>;
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component;
+        });
         style: vue.StyleValue;
         disabled: boolean;
         size: string | number;
@@ -75,10 +91,10 @@ declare const VFab: {
             class: string;
         } | undefined;
     } & {
-        location?: Anchor | undefined;
+        name?: string | undefined;
+        location?: Anchor | null | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
-        name?: string | undefined;
         border?: string | number | boolean | undefined;
         color?: string | undefined;
         maxHeight?: string | number | undefined;
@@ -112,21 +128,21 @@ declare const VFab: {
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-        'update:modelValue': (value: boolean) => boolean;
+        'update:modelValue': (value: boolean) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         symbol: any;
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         offset: boolean;
         exact: boolean;
         absolute: boolean;
         block: boolean;
         active: boolean;
         order: string | number;
-        transition: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
-        })>;
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component;
+        });
         style: vue.StyleValue;
         disabled: boolean;
         size: string | number;
@@ -145,10 +161,10 @@ declare const VFab: {
             class: string;
         } | undefined;
     } & {
-        location?: Anchor | undefined;
+        name?: string | undefined;
+        location?: Anchor | null | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
-        name?: string | undefined;
         border?: string | number | boolean | undefined;
         color?: string | undefined;
         maxHeight?: string | number | undefined;
@@ -185,16 +201,16 @@ declare const VFab: {
         symbol: any;
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         offset: boolean;
         exact: boolean;
         absolute: boolean;
         block: boolean;
         active: boolean;
         order: string | number;
-        transition: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
-        })>;
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component;
+        });
         style: vue.StyleValue;
         disabled: boolean;
         size: string | number;
@@ -214,9 +230,7 @@ declare const VFab: {
             class: string;
         } | undefined;
     }, true, {}, vue.SlotsType<Partial<{
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -228,16 +242,16 @@ declare const VFab: {
         symbol: any;
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         offset: boolean;
         exact: boolean;
         absolute: boolean;
         block: boolean;
         active: boolean;
         order: string | number;
-        transition: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
-        })>;
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component;
+        });
         style: vue.StyleValue;
         disabled: boolean;
         size: string | number;
@@ -256,10 +270,10 @@ declare const VFab: {
             class: string;
         } | undefined;
     } & {
-        location?: Anchor | undefined;
+        name?: string | undefined;
+        location?: Anchor | null | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
-        name?: string | undefined;
         border?: string | number | boolean | undefined;
         color?: string | undefined;
         maxHeight?: string | number | undefined;
@@ -296,16 +310,16 @@ declare const VFab: {
         symbol: any;
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         offset: boolean;
         exact: boolean;
         absolute: boolean;
         block: boolean;
         active: boolean;
         order: string | number;
-        transition: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
-        })>;
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component;
+        });
         style: vue.StyleValue;
         disabled: boolean;
         size: string | number;
@@ -325,23 +339,23 @@ declare const VFab: {
             class: string;
         } | undefined;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     symbol: any;
     replace: boolean;
     flat: boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     offset: boolean;
     exact: boolean;
     absolute: boolean;
     block: boolean;
     active: boolean;
     order: string | number;
-    transition: NonNullable<string | boolean | (vue.TransitionProps & {
-        component?: vue.Component | undefined;
-    })>;
+    transition: string | boolean | (vue.TransitionProps & {
+        component?: vue.Component;
+    });
     style: vue.StyleValue;
     disabled: boolean;
     size: string | number;
@@ -360,10 +374,10 @@ declare const VFab: {
         class: string;
     } | undefined;
 } & {
-    location?: Anchor | undefined;
+    name?: string | undefined;
+    location?: Anchor | null | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
-    name?: string | undefined;
     border?: string | number | boolean | undefined;
     color?: string | undefined;
     maxHeight?: string | number | undefined;
@@ -397,21 +411,21 @@ declare const VFab: {
 } & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:modelValue': (value: boolean) => boolean;
+    'update:modelValue': (value: boolean) => true;
 }, string, {
     symbol: any;
     replace: boolean;
     flat: boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     offset: boolean;
     exact: boolean;
     absolute: boolean;
     block: boolean;
     active: boolean;
     order: string | number;
-    transition: NonNullable<string | boolean | (vue.TransitionProps & {
-        component?: vue.Component | undefined;
-    })>;
+    transition: string | boolean | (vue.TransitionProps & {
+        component?: vue.Component;
+    });
     style: vue.StyleValue;
     disabled: boolean;
     size: string | number;
@@ -431,25 +445,23 @@ declare const VFab: {
         class: string;
     } | undefined;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    default: () => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     transition: Omit<{
         type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
+            component?: vue.Component;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
-        })>>;
+        type: vue.PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component;
+        })>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
+            component?: vue.Component;
         })>;
     };
-    location: vue.PropType<Anchor>;
+    location: vue.PropType<Anchor | null>;
     name: {
         type: StringConstructor;
     };
@@ -465,11 +477,11 @@ declare const VFab: {
     replace: BooleanConstructor;
     flat: BooleanConstructor;
     variant: Omit<{
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: vue.PropType<Variant>;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     exact: BooleanConstructor;
@@ -506,7 +518,7 @@ declare const VFab: {
         default: string;
     };
     readonly: BooleanConstructor;
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     tag: Omit<{
         type: StringConstructor;
         default: string;
@@ -539,9 +551,7 @@ declare const VFab: {
     slim: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: vue.PropType<boolean | {
-            class: string;
-        } | undefined>;
+        type: vue.PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     app: BooleanConstructor;
@@ -556,19 +566,19 @@ declare const VFab: {
 }, vue.ExtractPropTypes<{
     transition: Omit<{
         type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
+            component?: vue.Component;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
-        })>>;
+        type: vue.PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component;
+        })>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
+            component?: vue.Component;
         })>;
     };
-    location: vue.PropType<Anchor>;
+    location: vue.PropType<Anchor | null>;
     name: {
         type: StringConstructor;
     };
@@ -584,11 +594,11 @@ declare const VFab: {
     replace: BooleanConstructor;
     flat: BooleanConstructor;
     variant: Omit<{
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: vue.PropType<Variant>;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     exact: BooleanConstructor;
@@ -625,7 +635,7 @@ declare const VFab: {
         default: string;
     };
     readonly: BooleanConstructor;
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     tag: Omit<{
         type: StringConstructor;
         default: string;
@@ -658,9 +668,7 @@ declare const VFab: {
     slim: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: vue.PropType<boolean | {
-            class: string;
-        } | undefined>;
+        type: vue.PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     app: BooleanConstructor;

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

@@ -30,6 +30,8 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
 }
 
+type ClassValue = any;
+
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
@@ -38,6 +40,8 @@ interface LoaderSlotProps {
     isActive: boolean;
 }
 
+declare const allowedVariants: readonly ["underlined", "outlined", "filled", "solo", "solo-inverted", "solo-filled", "plain"];
+type Variant = typeof allowedVariants[number];
 interface DefaultInputSlot {
     isActive: Ref<boolean>;
     isFocused: Ref<boolean>;
@@ -101,7 +105,7 @@ declare const VField: {
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:focused': (focused: boolean) => true;
         'update:modelValue': (value: any) => true;
-    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -155,27 +159,15 @@ declare const VField: {
     }, true, {}, vue.SlotsType<Partial<{
         clear: (arg: DefaultInputSlot & {
             props: Record<string, any>;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        }) => vue.VNode[];
+        'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
+        'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
         label: (arg: DefaultInputSlot & {
             label: string | undefined;
             props: Record<string, any>;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        default: (arg: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        }) => vue.VNode[];
+        loader: (arg: LoaderSlotProps) => vue.VNode[];
+        default: (arg: VFieldSlot) => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -237,9 +229,9 @@ declare const VField: {
         persistentClear: boolean;
         singleLine: boolean;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     flat: boolean;
     reverse: boolean;
@@ -279,7 +271,7 @@ declare const VField: {
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:focused': (focused: boolean) => true;
     'update:modelValue': (value: any) => true;
-}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
+}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
     flat: boolean;
     reverse: boolean;
     variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -299,34 +291,19 @@ declare const VField: {
 }, {}, string, vue.SlotsType<Partial<{
     clear: (arg: DefaultInputSlot & {
         props: Record<string, any>;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    }) => vue.VNode[];
+    'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
+    'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
     label: (arg: DefaultInputSlot & {
         label: string | undefined;
         props: Record<string, any>;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    default: (arg: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    }) => vue.VNode[];
+    loader: (arg: LoaderSlotProps) => vue.VNode[];
+    default: (arg: VFieldSlot) => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
-    modelValue?: T | undefined;
-    'onUpdate:modelValue'?: ((value: T) => void) | undefined;
-}, slots: VFieldSlots) => GenericProps<{
-    modelValue?: T | undefined;
-    'onUpdate:modelValue'?: ((value: T) => void) | undefined;
-}, VFieldSlots>) & FilterPropsOptions<{
+    modelValue?: T;
+    "onUpdate:modelValue"?: (value: T) => void;
+}, slots: VFieldSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
     theme: StringConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -334,7 +311,7 @@ declare const VField: {
     };
     tile: BooleanConstructor;
     loading: (StringConstructor | BooleanConstructor)[];
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -366,7 +343,7 @@ declare const VField: {
     reverse: BooleanConstructor;
     singleLine: BooleanConstructor;
     variant: {
-        type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+        type: PropType<Variant>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -384,7 +361,7 @@ declare const VField: {
     };
     tile: BooleanConstructor;
     loading: (StringConstructor | BooleanConstructor)[];
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -416,7 +393,7 @@ declare const VField: {
     reverse: BooleanConstructor;
     singleLine: BooleanConstructor;
     variant: {
-        type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+        type: PropType<Variant>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -462,9 +439,7 @@ declare const VFieldLabel: {
         style: vue.StyleValue;
         floating: boolean;
     }, true, {}, vue.SlotsType<Partial<{
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -490,9 +465,9 @@ declare const VFieldLabel: {
         style: vue.StyleValue;
         floating: boolean;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
     floating: boolean;
@@ -511,18 +486,16 @@ declare const VFieldLabel: {
     style: vue.StyleValue;
     floating: boolean;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    default: () => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
     floating: BooleanConstructor;
 }, vue.ExtractPropTypes<{
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;

package/lib/components/VFileInput/VFileInput.mjs

@@ -67,7 +67,7 @@ export const VFileInput = genericComponent()({
     const {
       t
     } = useLocale();
-    const model = useProxiedModel(props, 'modelValue', props.modelValue, val => wrapInArray(val), val => props.multiple || Array.isArray(props.modelValue) ? val : val[0] ?? null);
+    const model = useProxiedModel(props, 'modelValue', props.modelValue, val => wrapInArray(val), val => !props.multiple && Array.isArray(val) ? val[0] : val);
     const {
       isFocused,
       focus,