@vuetify/nightly 3.8.3-master.2025-05-05 → 3.8.4-dev.2025-05-13

package/lib/components/VDataTable/composables/headers.d.ts

@@ -6,14 +6,14 @@ export declare const makeDataTableHeaderProps: <Defaults extends {
     headers?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     headers: unknown extends Defaults["headers"] ? PropType<readonly {
-        readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+        readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
         readonly value?: import("../../../util/index.js").SelectItemKey<Record<string, any>>;
         readonly title?: string | undefined;
         readonly fixed?: boolean | undefined;
-        readonly align?: ("start" | "end" | "center") | undefined;
-        readonly width?: (number | string) | undefined;
-        readonly minWidth?: (number | string) | undefined;
-        readonly maxWidth?: (number | string) | undefined;
+        readonly align?: "start" | "end" | "center" | undefined;
+        readonly width?: number | string | undefined;
+        readonly minWidth?: number | string | undefined;
+        readonly maxWidth?: number | string | undefined;
         readonly nowrap?: boolean | undefined;
         readonly headerProps?: {
             readonly [x: string]: any;
@@ -26,14 +26,14 @@ export declare const makeDataTableHeaderProps: <Defaults extends {
         readonly sortRaw?: DataTableCompareFunction | undefined;
         readonly filter?: import("../../../composables/filter.js").FilterFunction | undefined;
         readonly children?: readonly {
-            readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+            readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
             readonly value?: import("../../../util/index.js").SelectItemKey<Record<string, any>>;
             readonly title?: string | undefined;
             readonly fixed?: boolean | undefined;
-            readonly align?: ("start" | "end" | "center") | undefined;
-            readonly width?: (number | string) | undefined;
-            readonly minWidth?: (number | string) | undefined;
-            readonly maxWidth?: (number | string) | undefined;
+            readonly align?: "start" | "end" | "center" | undefined;
+            readonly width?: number | string | undefined;
+            readonly minWidth?: number | string | undefined;
+            readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
@@ -45,18 +45,18 @@ export declare const makeDataTableHeaderProps: <Defaults extends {
             readonly sort?: DataTableCompareFunction | undefined;
             readonly sortRaw?: DataTableCompareFunction | undefined;
             readonly filter?: import("../../../composables/filter.js").FilterFunction | undefined;
-            readonly children?: readonly any[] | undefined;
+            readonly children?: readonly /*elided*/ any[] | undefined;
         }[] | undefined;
     }[]> : {
         type: PropType<unknown extends Defaults["headers"] ? readonly {
-            readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+            readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
             readonly value?: import("../../../util/index.js").SelectItemKey<Record<string, any>>;
             readonly title?: string | undefined;
             readonly fixed?: boolean | undefined;
-            readonly align?: ("start" | "end" | "center") | undefined;
-            readonly width?: (number | string) | undefined;
-            readonly minWidth?: (number | string) | undefined;
-            readonly maxWidth?: (number | string) | undefined;
+            readonly align?: "start" | "end" | "center" | undefined;
+            readonly width?: number | string | undefined;
+            readonly minWidth?: number | string | undefined;
+            readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
@@ -69,14 +69,14 @@ export declare const makeDataTableHeaderProps: <Defaults extends {
             readonly sortRaw?: DataTableCompareFunction | undefined;
             readonly filter?: import("../../../composables/filter.js").FilterFunction | undefined;
             readonly children?: readonly {
-                readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+                readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
                 readonly value?: import("../../../util/index.js").SelectItemKey<Record<string, any>>;
                 readonly title?: string | undefined;
                 readonly fixed?: boolean | undefined;
-                readonly align?: ("start" | "end" | "center") | undefined;
-                readonly width?: (number | string) | undefined;
-                readonly minWidth?: (number | string) | undefined;
-                readonly maxWidth?: (number | string) | undefined;
+                readonly align?: "start" | "end" | "center" | undefined;
+                readonly width?: number | string | undefined;
+                readonly minWidth?: number | string | undefined;
+                readonly maxWidth?: number | string | undefined;
                 readonly nowrap?: boolean | undefined;
                 readonly headerProps?: {
                     readonly [x: string]: any;
@@ -88,17 +88,17 @@ export declare const makeDataTableHeaderProps: <Defaults extends {
                 readonly sort?: DataTableCompareFunction | undefined;
                 readonly sortRaw?: DataTableCompareFunction | undefined;
                 readonly filter?: import("../../../composables/filter.js").FilterFunction | undefined;
-                readonly children?: readonly any[] | undefined;
+                readonly children?: readonly /*elided*/ any[] | undefined;
             }[] | undefined;
         }[] : readonly {
-            readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+            readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
             readonly value?: import("../../../util/index.js").SelectItemKey<Record<string, any>>;
             readonly title?: string | undefined;
             readonly fixed?: boolean | undefined;
-            readonly align?: ("start" | "end" | "center") | undefined;
-            readonly width?: (number | string) | undefined;
-            readonly minWidth?: (number | string) | undefined;
-            readonly maxWidth?: (number | string) | undefined;
+            readonly align?: "start" | "end" | "center" | undefined;
+            readonly width?: number | string | undefined;
+            readonly minWidth?: number | string | undefined;
+            readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
@@ -111,14 +111,14 @@ export declare const makeDataTableHeaderProps: <Defaults extends {
             readonly sortRaw?: DataTableCompareFunction | undefined;
             readonly filter?: import("../../../composables/filter.js").FilterFunction | undefined;
             readonly children?: readonly {
-                readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+                readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
                 readonly value?: import("../../../util/index.js").SelectItemKey<Record<string, any>>;
                 readonly title?: string | undefined;
                 readonly fixed?: boolean | undefined;
-                readonly align?: ("start" | "end" | "center") | undefined;
-                readonly width?: (number | string) | undefined;
-                readonly minWidth?: (number | string) | undefined;
-                readonly maxWidth?: (number | string) | undefined;
+                readonly align?: "start" | "end" | "center" | undefined;
+                readonly width?: number | string | undefined;
+                readonly minWidth?: number | string | undefined;
+                readonly maxWidth?: number | string | undefined;
                 readonly nowrap?: boolean | undefined;
                 readonly headerProps?: {
                     readonly [x: string]: any;
@@ -130,18 +130,18 @@ export declare const makeDataTableHeaderProps: <Defaults extends {
                 readonly sort?: DataTableCompareFunction | undefined;
                 readonly sortRaw?: DataTableCompareFunction | undefined;
                 readonly filter?: import("../../../composables/filter.js").FilterFunction | undefined;
-                readonly children?: readonly any[] | undefined;
+                readonly children?: readonly /*elided*/ any[] | undefined;
             }[] | undefined;
         }[] | Defaults["headers"]>;
         default: unknown extends Defaults["headers"] ? readonly {
-            readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+            readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
             readonly value?: import("../../../util/index.js").SelectItemKey<Record<string, any>>;
             readonly title?: string | undefined;
             readonly fixed?: boolean | undefined;
-            readonly align?: ("start" | "end" | "center") | undefined;
-            readonly width?: (number | string) | undefined;
-            readonly minWidth?: (number | string) | undefined;
-            readonly maxWidth?: (number | string) | undefined;
+            readonly align?: "start" | "end" | "center" | undefined;
+            readonly width?: number | string | undefined;
+            readonly minWidth?: number | string | undefined;
+            readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
@@ -154,14 +154,14 @@ export declare const makeDataTableHeaderProps: <Defaults extends {
             readonly sortRaw?: DataTableCompareFunction | undefined;
             readonly filter?: import("../../../composables/filter.js").FilterFunction | undefined;
             readonly children?: readonly {
-                readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+                readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
                 readonly value?: import("../../../util/index.js").SelectItemKey<Record<string, any>>;
                 readonly title?: string | undefined;
                 readonly fixed?: boolean | undefined;
-                readonly align?: ("start" | "end" | "center") | undefined;
-                readonly width?: (number | string) | undefined;
-                readonly minWidth?: (number | string) | undefined;
-                readonly maxWidth?: (number | string) | undefined;
+                readonly align?: "start" | "end" | "center" | undefined;
+                readonly width?: number | string | undefined;
+                readonly minWidth?: number | string | undefined;
+                readonly maxWidth?: number | string | undefined;
                 readonly nowrap?: boolean | undefined;
                 readonly headerProps?: {
                     readonly [x: string]: any;
@@ -173,17 +173,17 @@ export declare const makeDataTableHeaderProps: <Defaults extends {
                 readonly sort?: DataTableCompareFunction | undefined;
                 readonly sortRaw?: DataTableCompareFunction | undefined;
                 readonly filter?: import("../../../composables/filter.js").FilterFunction | undefined;
-                readonly children?: readonly any[] | undefined;
+                readonly children?: readonly /*elided*/ any[] | undefined;
             }[] | undefined;
         }[] : readonly {
-            readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+            readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
             readonly value?: import("../../../util/index.js").SelectItemKey<Record<string, any>>;
             readonly title?: string | undefined;
             readonly fixed?: boolean | undefined;
-            readonly align?: ("start" | "end" | "center") | undefined;
-            readonly width?: (number | string) | undefined;
-            readonly minWidth?: (number | string) | undefined;
-            readonly maxWidth?: (number | string) | undefined;
+            readonly align?: "start" | "end" | "center" | undefined;
+            readonly width?: number | string | undefined;
+            readonly minWidth?: number | string | undefined;
+            readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
@@ -196,14 +196,14 @@ export declare const makeDataTableHeaderProps: <Defaults extends {
             readonly sortRaw?: DataTableCompareFunction | undefined;
             readonly filter?: import("../../../composables/filter.js").FilterFunction | undefined;
             readonly children?: readonly {
-                readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
+                readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
                 readonly value?: import("../../../util/index.js").SelectItemKey<Record<string, any>>;
                 readonly title?: string | undefined;
                 readonly fixed?: boolean | undefined;
-                readonly align?: ("start" | "end" | "center") | undefined;
-                readonly width?: (number | string) | undefined;
-                readonly minWidth?: (number | string) | undefined;
-                readonly maxWidth?: (number | string) | undefined;
+                readonly align?: "start" | "end" | "center" | undefined;
+                readonly width?: number | string | undefined;
+                readonly minWidth?: number | string | undefined;
+                readonly maxWidth?: number | string | undefined;
                 readonly nowrap?: boolean | undefined;
                 readonly headerProps?: {
                     readonly [x: string]: any;
@@ -215,7 +215,7 @@ export declare const makeDataTableHeaderProps: <Defaults extends {
                 readonly sort?: DataTableCompareFunction | undefined;
                 readonly sortRaw?: DataTableCompareFunction | undefined;
                 readonly filter?: import("../../../composables/filter.js").FilterFunction | undefined;
-                readonly children?: readonly any[] | undefined;
+                readonly children?: readonly /*elided*/ any[] | undefined;
             }[] | undefined;
         }[] | Defaults["headers"];
     };
@@ -237,12 +237,12 @@ export declare function createHeaders(props: HeaderProps, options?: {
         fixed?: boolean | undefined;
         filter?: import("../../../composables/filter.js").FilterFunction | undefined;
         sort?: DataTableCompareFunction | undefined;
-        width?: (number | string) | undefined;
-        maxWidth?: (number | string) | undefined;
-        minWidth?: (number | string) | undefined;
+        width?: number | string | undefined;
+        maxWidth?: number | string | undefined;
+        minWidth?: number | string | undefined;
         title?: string | undefined;
         nowrap?: boolean | undefined;
-        align?: ("start" | "end" | "center") | undefined;
+        align?: "start" | "end" | "center" | undefined;
         headerProps?: Record<string, any> | undefined;
         cellProps?: import("../types.js").HeaderCellProps | undefined;
         sortable: boolean;
@@ -253,17 +253,17 @@ export declare function createHeaders(props: HeaderProps, options?: {
         lastFixed?: boolean | undefined;
         colspan?: number | undefined;
         rowspan?: number | undefined;
-        children?: any[] | undefined;
+        children?: /*elided*/ any[] | undefined;
     }[][], InternalDataTableHeader[][] | {
         fixed?: boolean | undefined;
         filter?: import("../../../composables/filter.js").FilterFunction | undefined;
         sort?: DataTableCompareFunction | undefined;
-        width?: (number | string) | undefined;
-        maxWidth?: (number | string) | undefined;
-        minWidth?: (number | string) | undefined;
+        width?: number | string | undefined;
+        maxWidth?: number | string | undefined;
+        minWidth?: number | string | undefined;
         title?: string | undefined;
         nowrap?: boolean | undefined;
-        align?: ("start" | "end" | "center") | undefined;
+        align?: "start" | "end" | "center" | undefined;
         headerProps?: Record<string, any> | undefined;
         cellProps?: import("../types.js").HeaderCellProps | undefined;
         sortable: boolean;
@@ -274,18 +274,18 @@ export declare function createHeaders(props: HeaderProps, options?: {
         lastFixed?: boolean | undefined;
         colspan?: number | undefined;
         rowspan?: number | undefined;
-        children?: any[] | undefined;
+        children?: /*elided*/ any[] | undefined;
     }[][]>;
     columns: Ref<{
         fixed?: boolean | undefined;
         filter?: import("../../../composables/filter.js").FilterFunction | undefined;
         sort?: DataTableCompareFunction | undefined;
-        width?: (number | string) | undefined;
-        maxWidth?: (number | string) | undefined;
-        minWidth?: (number | string) | undefined;
+        width?: number | string | undefined;
+        maxWidth?: number | string | undefined;
+        minWidth?: number | string | undefined;
         title?: string | undefined;
         nowrap?: boolean | undefined;
-        align?: ("start" | "end" | "center") | undefined;
+        align?: "start" | "end" | "center" | undefined;
         headerProps?: Record<string, any> | undefined;
         cellProps?: import("../types.js").HeaderCellProps | undefined;
         sortable: boolean;
@@ -296,17 +296,17 @@ export declare function createHeaders(props: HeaderProps, options?: {
         lastFixed?: boolean | undefined;
         colspan?: number | undefined;
         rowspan?: number | undefined;
-        children?: any[] | undefined;
+        children?: /*elided*/ any[] | undefined;
     }[], InternalDataTableHeader[] | {
         fixed?: boolean | undefined;
         filter?: import("../../../composables/filter.js").FilterFunction | undefined;
         sort?: DataTableCompareFunction | undefined;
-        width?: (number | string) | undefined;
-        maxWidth?: (number | string) | undefined;
-        minWidth?: (number | string) | undefined;
+        width?: number | string | undefined;
+        maxWidth?: number | string | undefined;
+        minWidth?: number | string | undefined;
         title?: string | undefined;
         nowrap?: boolean | undefined;
-        align?: ("start" | "end" | "center") | undefined;
+        align?: "start" | "end" | "center" | undefined;
         headerProps?: Record<string, any> | undefined;
         cellProps?: import("../types.js").HeaderCellProps | undefined;
         sortable: boolean;
@@ -317,7 +317,7 @@ export declare function createHeaders(props: HeaderProps, options?: {
         lastFixed?: boolean | undefined;
         colspan?: number | undefined;
         rowspan?: number | undefined;
-        children?: any[] | undefined;
+        children?: /*elided*/ any[] | undefined;
     }[]>;
     sortFunctions: Ref<Record<string, DataTableCompareFunction>, Record<string, DataTableCompareFunction>>;
     sortRawFunctions: Ref<Record<string, DataTableCompareFunction>, Record<string, DataTableCompareFunction>>;

package/lib/components/VDatePicker/VDatePicker.d.ts

@@ -257,9 +257,9 @@ export declare const makeVDatePickerProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["hideWeekdays"] ? boolean : boolean | Defaults["hideWeekdays"]>;
         default: unknown extends Defaults["hideWeekdays"] ? boolean : boolean | Defaults["hideWeekdays"];
     };
-    multiple: unknown extends Defaults["multiple"] ? import("vue").PropType<number | boolean | "range" | (string & {})> : {
-        type: import("vue").PropType<unknown extends Defaults["multiple"] ? number | boolean | "range" | (string & {}) : number | boolean | "range" | (string & {}) | Defaults["multiple"]>;
-        default: unknown extends Defaults["multiple"] ? number | boolean | "range" | (string & {}) : NonNullable<number | boolean | "range" | (string & {})> | Defaults["multiple"];
+    multiple: unknown extends Defaults["multiple"] ? import("vue").PropType<number | boolean | (string & {}) | "range"> : {
+        type: import("vue").PropType<unknown extends Defaults["multiple"] ? number | boolean | (string & {}) | "range" : number | boolean | (string & {}) | "range" | Defaults["multiple"]>;
+        default: unknown extends Defaults["multiple"] ? number | boolean | (string & {}) | "range" : NonNullable<number | boolean | (string & {}) | "range"> | Defaults["multiple"];
     };
     showWeek: unknown extends Defaults["showWeek"] ? BooleanConstructor : {
         type: import("vue").PropType<unknown extends Defaults["showWeek"] ? boolean : boolean | Defaults["showWeek"]>;

package/lib/components/VDatePicker/VDatePickerMonth.d.ts

@@ -103,9 +103,9 @@ export declare const makeVDatePickerMonthProps: <Defaults extends {
         type: PropType<unknown extends Defaults["hideWeekdays"] ? boolean : boolean | Defaults["hideWeekdays"]>;
         default: unknown extends Defaults["hideWeekdays"] ? boolean : boolean | Defaults["hideWeekdays"];
     };
-    multiple: unknown extends Defaults["multiple"] ? PropType<number | boolean | "range" | (string & {})> : {
-        type: PropType<unknown extends Defaults["multiple"] ? number | boolean | "range" | (string & {}) : number | boolean | "range" | (string & {}) | Defaults["multiple"]>;
-        default: unknown extends Defaults["multiple"] ? number | boolean | "range" | (string & {}) : Defaults["multiple"] | NonNullable<number | boolean | "range" | (string & {})>;
+    multiple: unknown extends Defaults["multiple"] ? PropType<number | boolean | (string & {}) | "range"> : {
+        type: PropType<unknown extends Defaults["multiple"] ? number | boolean | (string & {}) | "range" : number | boolean | (string & {}) | "range" | Defaults["multiple"]>;
+        default: unknown extends Defaults["multiple"] ? number | boolean | (string & {}) | "range" : Defaults["multiple"] | NonNullable<number | boolean | (string & {}) | "range">;
     };
     showWeek: unknown extends Defaults["showWeek"] ? BooleanConstructor : {
         type: PropType<unknown extends Defaults["showWeek"] ? boolean : boolean | Defaults["showWeek"]>;
@@ -146,7 +146,7 @@ export declare const VDatePickerMonth: {
         max?: unknown;
         min?: unknown;
         color?: string | undefined;
-        multiple?: number | boolean | "range" | (string & {}) | undefined;
+        multiple?: number | boolean | (string & {}) | "range" | undefined;
         month?: string | number | undefined;
         year?: string | number | undefined;
         modelValue?: unknown[] | undefined;
@@ -225,7 +225,7 @@ export declare const VDatePickerMonth: {
         max?: unknown;
         min?: unknown;
         color?: string | undefined;
-        multiple?: number | boolean | "range" | (string & {}) | undefined;
+        multiple?: number | boolean | (string & {}) | "range" | undefined;
         month?: string | number | undefined;
         year?: string | number | undefined;
         modelValue?: unknown[] | undefined;
@@ -289,7 +289,7 @@ export declare const VDatePickerMonth: {
     max?: unknown;
     min?: unknown;
     color?: string | undefined;
-    multiple?: number | boolean | "range" | (string & {}) | undefined;
+    multiple?: number | boolean | (string & {}) | "range" | undefined;
     month?: string | number | undefined;
     year?: string | number | undefined;
     modelValue?: unknown[] | undefined;

package/lib/components/VField/VField.d.ts

@@ -241,13 +241,13 @@ export declare const VField: {
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
+        iconColor?: string | boolean | undefined;
         appendInnerIcon?: IconValue | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
         centerAffix?: boolean | undefined;
-        iconColor?: string | boolean | undefined;
     } & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
     }, {
@@ -320,13 +320,13 @@ export declare const VField: {
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
+        iconColor?: string | boolean | undefined;
         appendInnerIcon?: IconValue | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
         centerAffix?: boolean | undefined;
-        iconColor?: string | boolean | undefined;
     } & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
     }, {
@@ -381,13 +381,13 @@ export declare const VField: {
     rounded?: string | number | boolean | undefined;
     baseColor?: string | undefined;
     bgColor?: string | undefined;
+    iconColor?: string | boolean | undefined;
     appendInnerIcon?: IconValue | undefined;
     prependInnerIcon?: IconValue | undefined;
     'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
     centerAffix?: boolean | undefined;
-    iconColor?: string | boolean | undefined;
 } & {
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
 }, {

package/lib/components/VFileInput/VFileInput.css

@@ -20,6 +20,10 @@
   position: absolute;
   top: 0;
   width: 100%;
+  z-index: 0;
+}
+.v-file-input--dragging input[type=file] {
+  z-index: 1;
 }
 .v-file-input .v-input__details {
   padding-inline: 16px;

package/lib/components/VFileInput/VFileInput.d.ts

@@ -495,6 +495,7 @@ export declare const VFileInput: {
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         appendIcon?: import("../../composables/icons.js").IconValue | undefined;
+        iconColor?: string | boolean | undefined;
         appendInnerIcon?: import("../../composables/icons.js").IconValue | undefined;
         prependInnerIcon?: import("../../composables/icons.js").IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
@@ -503,7 +504,6 @@ export declare const VFileInput: {
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
         centerAffix?: boolean | undefined;
-        iconColor?: string | boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
@@ -630,9 +630,9 @@ export declare const VFileInput: {
             baseColor?: string | undefined;
             prependIcon?: import("../../composables/icons.js").IconValue | undefined;
             appendIcon?: import("../../composables/icons.js").IconValue | undefined;
+            iconColor?: string | boolean | undefined;
             'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-            iconColor?: string | boolean | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint">;
@@ -686,9 +686,9 @@ export declare const VFileInput: {
             baseColor?: string | undefined;
             prependIcon?: import("../../composables/icons.js").IconValue | undefined;
             appendIcon?: import("../../composables/icons.js").IconValue | undefined;
+            iconColor?: string | boolean | undefined;
             'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-            iconColor?: string | boolean | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
         } & {}, {
@@ -789,9 +789,9 @@ export declare const VFileInput: {
         baseColor?: string | undefined;
         prependIcon?: import("../../composables/icons.js").IconValue | undefined;
         appendIcon?: import("../../composables/icons.js").IconValue | undefined;
+        iconColor?: string | boolean | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-        iconColor?: string | boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint")> & import("vue").ShallowUnwrapRef<{
@@ -803,7 +803,7 @@ export declare const VFileInput: {
     }> & {} & import("vue").ComponentCustomProperties & {} & import("../../util/index.js").GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VInputSlots>, "name" | "id" | "width" | "color" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof import("vue").VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "baseColor" | "prependIcon" | "appendIcon" | "v-slot:prepend" | "v-slot:append" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "iconColor" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
+    }, VInputSlots>, "name" | "id" | "width" | "color" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof import("vue").VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "baseColor" | "prependIcon" | "appendIcon" | "v-slot:prepend" | "v-slot:append" | "iconColor" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
         _allExposed: {
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
@@ -933,6 +933,7 @@ export declare const VFileInput: {
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         appendIcon?: import("../../composables/icons.js").IconValue | undefined;
+        iconColor?: string | boolean | undefined;
         appendInnerIcon?: import("../../composables/icons.js").IconValue | undefined;
         prependInnerIcon?: import("../../composables/icons.js").IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
@@ -941,7 +942,6 @@ export declare const VFileInput: {
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
         centerAffix?: boolean | undefined;
-        iconColor?: string | boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
@@ -1068,9 +1068,9 @@ export declare const VFileInput: {
             baseColor?: string | undefined;
             prependIcon?: import("../../composables/icons.js").IconValue | undefined;
             appendIcon?: import("../../composables/icons.js").IconValue | undefined;
+            iconColor?: string | boolean | undefined;
             'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-            iconColor?: string | boolean | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint">;
@@ -1124,9 +1124,9 @@ export declare const VFileInput: {
             baseColor?: string | undefined;
             prependIcon?: import("../../composables/icons.js").IconValue | undefined;
             appendIcon?: import("../../composables/icons.js").IconValue | undefined;
+            iconColor?: string | boolean | undefined;
             'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-            iconColor?: string | boolean | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
         } & {}, {
@@ -1227,9 +1227,9 @@ export declare const VFileInput: {
         baseColor?: string | undefined;
         prependIcon?: import("../../composables/icons.js").IconValue | undefined;
         appendIcon?: import("../../composables/icons.js").IconValue | undefined;
+        iconColor?: string | boolean | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-        iconColor?: string | boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint")> & import("vue").ShallowUnwrapRef<{
@@ -1241,7 +1241,7 @@ export declare const VFileInput: {
     }> & {} & import("vue").ComponentCustomProperties & {} & import("../../util/index.js").GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VInputSlots>, "name" | "id" | "width" | "color" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof import("vue").VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "baseColor" | "prependIcon" | "appendIcon" | "v-slot:prepend" | "v-slot:append" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "iconColor" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
+    }, VInputSlots>, "name" | "id" | "width" | "color" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof import("vue").VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "baseColor" | "prependIcon" | "appendIcon" | "v-slot:prepend" | "v-slot:append" | "iconColor" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
         _allExposed: {
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
@@ -1341,6 +1341,7 @@ export declare const VFileInput: {
     baseColor?: string | undefined;
     bgColor?: string | undefined;
     appendIcon?: import("../../composables/icons.js").IconValue | undefined;
+    iconColor?: string | boolean | undefined;
     appendInnerIcon?: import("../../composables/icons.js").IconValue | undefined;
     prependInnerIcon?: import("../../composables/icons.js").IconValue | undefined;
     'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
@@ -1349,7 +1350,6 @@ export declare const VFileInput: {
     'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
     centerAffix?: boolean | undefined;
-    iconColor?: string | boolean | undefined;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
 } & {
@@ -1476,9 +1476,9 @@ export declare const VFileInput: {
         baseColor?: string | undefined;
         prependIcon?: import("../../composables/icons.js").IconValue | undefined;
         appendIcon?: import("../../composables/icons.js").IconValue | undefined;
+        iconColor?: string | boolean | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-        iconColor?: string | boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint">;
@@ -1532,9 +1532,9 @@ export declare const VFileInput: {
         baseColor?: string | undefined;
         prependIcon?: import("../../composables/icons.js").IconValue | undefined;
         appendIcon?: import("../../composables/icons.js").IconValue | undefined;
+        iconColor?: string | boolean | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-        iconColor?: string | boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {}, {
@@ -1635,9 +1635,9 @@ export declare const VFileInput: {
     baseColor?: string | undefined;
     prependIcon?: import("../../composables/icons.js").IconValue | undefined;
     appendIcon?: import("../../composables/icons.js").IconValue | undefined;
+    iconColor?: string | boolean | undefined;
     'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-    iconColor?: string | boolean | undefined;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
 } & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint")> & import("vue").ShallowUnwrapRef<{
@@ -1649,7 +1649,7 @@ export declare const VFileInput: {
 }> & {} & import("vue").ComponentCustomProperties & {} & import("../../util/index.js").GenericProps<{
     modelValue?: unknown;
     'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-}, VInputSlots>, "name" | "id" | "width" | "color" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof import("vue").VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "baseColor" | "prependIcon" | "appendIcon" | "v-slot:prepend" | "v-slot:append" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "iconColor" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
+}, VInputSlots>, "name" | "id" | "width" | "color" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof import("vue").VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "baseColor" | "prependIcon" | "appendIcon" | "v-slot:prepend" | "v-slot:append" | "iconColor" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
     _allExposed: {
         reset: () => Promise<void>;
         resetValidation: () => Promise<void>;