@vuetify/nightly 4.0.0-dev-20230426.0 → 4.0.0-dev-20230427.0

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

@@ -13,7 +13,7 @@ interface LoaderSlotProps {
     isActive: boolean;
 }
 
-type IconValue = string | JSXComponent;
+type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
 type Density = null | 'default' | 'comfortable' | 'compact';
@@ -56,6 +56,7 @@ declare const VFileInput: {
             error: boolean;
             active: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             multiple: boolean;
             readonly: boolean;
@@ -86,6 +87,7 @@ declare const VFileInput: {
             error: boolean;
             active: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             multiple: boolean;
             readonly: boolean;
@@ -115,6 +117,7 @@ declare const VFileInput: {
             color?: string | undefined;
             loading?: string | boolean | undefined;
             label?: string | undefined;
+            class?: any;
             theme?: string | undefined;
             rounded?: string | number | boolean | undefined;
             bgColor?: string | undefined;
@@ -131,9 +134,10 @@ declare const VFileInput: {
             validationValue?: any;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
+            baseColor?: string | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
-                default?: (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: VFieldSlot) => vue.VNodeChild)) | undefined;
+            $children?: vue.VNodeChild | {
+                default?: ((...args: [VInputSlot] & [VFieldSlot]) => vue.VNodeChild) | undefined;
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -143,21 +147,9 @@ declare const VFileInput: {
                 label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
                 loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
                 counter?: (() => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
-                default?: (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: VFieldSlot) => vue.VNodeChild)) | undefined;
-                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                clear?: (() => vue.VNodeChild) | undefined;
-                'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                counter?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((...args: [VInputSlot] & [VFieldSlot]) => vue.VNodeChild);
             'v-slots'?: {
-                default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: VFieldSlot) => vue.VNodeChild)) | undefined;
+                default?: false | ((...args: [VInputSlot] & [VFieldSlot]) => vue.VNodeChild) | undefined;
                 prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -169,7 +161,7 @@ declare const VFileInput: {
                 counter?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: VFieldSlot) => vue.VNodeChild)) | undefined;
+            "v-slot:default"?: false | ((...args: [VInputSlot] & [VFieldSlot]) => vue.VNodeChild) | undefined;
             "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -184,7 +176,7 @@ declare const VFileInput: {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             "onClick:control"?: ((e: MouseEvent) => any) | undefined;
             "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "error" | "active" | "direction" | "disabled" | "multiple" | "readonly" | "counter" | "messages" | "rounded" | "density" | "variant" | "modelValue" | "prependIcon" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "chips" | "counterSizeString" | "counterString" | "showSize">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "error" | "active" | "direction" | "style" | "disabled" | "multiple" | "readonly" | "counter" | "messages" | "rounded" | "density" | "variant" | "modelValue" | "prependIcon" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "chips" | "counterSizeString" | "counterString" | "showSize">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -204,6 +196,7 @@ declare const VFileInput: {
             error: boolean;
             active: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             multiple: boolean;
             readonly: boolean;
@@ -233,6 +226,7 @@ declare const VFileInput: {
             color?: string | undefined;
             loading?: string | boolean | undefined;
             label?: string | undefined;
+            class?: any;
             theme?: string | undefined;
             rounded?: string | number | boolean | undefined;
             bgColor?: string | undefined;
@@ -249,21 +243,10 @@ declare const VFileInput: {
             validationValue?: any;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
+            baseColor?: string | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
-                default?: (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: VFieldSlot) => vue.VNodeChild)) | undefined;
-                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                clear?: (() => vue.VNodeChild) | undefined;
-                'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                counter?: (() => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
-                default?: (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: VFieldSlot) => vue.VNodeChild)) | undefined;
+            $children?: vue.VNodeChild | {
+                default?: ((...args: [VInputSlot] & [VFieldSlot]) => vue.VNodeChild) | undefined;
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -273,9 +256,9 @@ declare const VFileInput: {
                 label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
                 loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
                 counter?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((...args: [VInputSlot] & [VFieldSlot]) => vue.VNodeChild);
             'v-slots'?: {
-                default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: VFieldSlot) => vue.VNodeChild)) | undefined;
+                default?: false | ((...args: [VInputSlot] & [VFieldSlot]) => vue.VNodeChild) | undefined;
                 prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -287,7 +270,7 @@ declare const VFileInput: {
                 counter?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: VFieldSlot) => vue.VNodeChild)) | undefined;
+            "v-slot:default"?: false | ((...args: [VInputSlot] & [VFieldSlot]) => vue.VNodeChild) | undefined;
             "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -308,6 +291,7 @@ declare const VFileInput: {
             $props: Partial<{
                 error: boolean;
                 direction: "horizontal" | "vertical";
+                style: vue.StyleValue;
                 disabled: boolean;
                 readonly: boolean;
                 messages: string | string[];
@@ -320,6 +304,7 @@ declare const VFileInput: {
             }> & Omit<{
                 error: boolean;
                 direction: "horizontal" | "vertical";
+                style: vue.StyleValue;
                 disabled: boolean;
                 readonly: boolean;
                 messages: string | string[];
@@ -333,6 +318,7 @@ declare const VFileInput: {
                 id?: string | undefined;
                 name?: string | undefined;
                 label?: string | undefined;
+                class?: any;
                 modelValue?: any;
                 prependIcon?: IconValue | undefined;
                 appendIcon?: IconValue | undefined;
@@ -344,18 +330,12 @@ declare const VFileInput: {
                 hint?: string | undefined;
                 hideDetails?: boolean | "auto" | undefined;
             } & {
-                $children?: {} | vue.VNodeChild | {
-                    default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                    prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                    append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                    details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                };
-                $slots?: {
+                $children?: vue.VNodeChild | {
                     default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                } | undefined;
+                } | ((args_0: VInputSlot) => vue.VNodeChild);
                 'v-slots'?: {
                     default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -369,7 +349,7 @@ declare const VFileInput: {
                 "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             } & {
                 "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint">;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -386,6 +366,7 @@ declare const VFileInput: {
             $options: vue.ComponentOptionsBase<{
                 error: boolean;
                 direction: "horizontal" | "vertical";
+                style: vue.StyleValue;
                 disabled: boolean;
                 readonly: boolean;
                 messages: string | string[];
@@ -399,6 +380,7 @@ declare const VFileInput: {
                 id?: string | undefined;
                 name?: string | undefined;
                 label?: string | undefined;
+                class?: any;
                 modelValue?: any;
                 prependIcon?: IconValue | undefined;
                 appendIcon?: IconValue | undefined;
@@ -410,18 +392,12 @@ declare const VFileInput: {
                 hint?: string | undefined;
                 hideDetails?: boolean | "auto" | undefined;
             } & {
-                $children?: {} | vue.VNodeChild | {
+                $children?: vue.VNodeChild | {
                     default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                };
-                $slots?: {
-                    default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                    prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                    append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                    details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                } | undefined;
+                } | ((args_0: VInputSlot) => vue.VNodeChild);
                 'v-slots'?: {
                     default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -444,6 +420,7 @@ declare const VFileInput: {
             }, string, {
                 error: boolean;
                 direction: "horizontal" | "vertical";
+                style: vue.StyleValue;
                 disabled: boolean;
                 readonly: boolean;
                 messages: string | string[];
@@ -476,6 +453,7 @@ declare const VFileInput: {
         } & {
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -489,6 +467,7 @@ declare const VFileInput: {
             id?: string | undefined;
             name?: string | undefined;
             label?: string | undefined;
+            class?: any;
             modelValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
@@ -500,18 +479,12 @@ declare const VFileInput: {
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
-                default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((args_0: VInputSlot) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -529,7 +502,7 @@ declare const VFileInput: {
             reset: () => void;
             resetValidation: () => void;
             validate: () => Promise<string[]>;
-        }> & {} & vue.ComponentCustomProperties & {}, "id" | "name" | "label" | "$children" | "v-slot:default" | "$slots" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint") | "v-slot:details">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        }> & {} & vue.ComponentCustomProperties & {}, "key" | "id" | "name" | "label" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint") | "v-slot:details">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:control': (e: MouseEvent) => true;
             'mousedown:control': (e: MouseEvent) => true;
             'update:focused': (focused: boolean) => true;
@@ -540,6 +513,7 @@ declare const VFileInput: {
             error: boolean;
             active: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             multiple: boolean;
             readonly: boolean;
@@ -590,6 +564,7 @@ declare const VFileInput: {
         error: boolean;
         active: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         multiple: boolean;
         readonly: boolean;
@@ -619,6 +594,7 @@ declare const VFileInput: {
         color?: string | undefined;
         loading?: string | boolean | undefined;
         label?: string | undefined;
+        class?: any;
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
@@ -635,9 +611,10 @@ declare const VFileInput: {
         validationValue?: any;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
+        baseColor?: string | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
-            default?: (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: VFieldSlot) => vue.VNodeChild)) | undefined;
+        $children?: vue.VNodeChild | {
+            default?: ((...args: [VInputSlot] & [VFieldSlot]) => vue.VNodeChild) | undefined;
             prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -647,21 +624,9 @@ declare const VFileInput: {
             label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
             loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
             counter?: (() => vue.VNodeChild) | undefined;
-        };
-        $slots?: {
-            default?: (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: VFieldSlot) => vue.VNodeChild)) | undefined;
-            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            clear?: (() => vue.VNodeChild) | undefined;
-            'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            counter?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
+        } | ((...args: [VInputSlot] & [VFieldSlot]) => vue.VNodeChild);
         'v-slots'?: {
-            default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: VFieldSlot) => vue.VNodeChild)) | undefined;
+            default?: false | ((...args: [VInputSlot] & [VFieldSlot]) => vue.VNodeChild) | undefined;
             prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -673,7 +638,7 @@ declare const VFileInput: {
             counter?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: VFieldSlot) => vue.VNodeChild)) | undefined;
+        "v-slot:default"?: false | ((...args: [VInputSlot] & [VFieldSlot]) => vue.VNodeChild) | undefined;
         "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -694,6 +659,7 @@ declare const VFileInput: {
         $props: Partial<{
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -706,6 +672,7 @@ declare const VFileInput: {
         }> & Omit<{
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -719,6 +686,7 @@ declare const VFileInput: {
             id?: string | undefined;
             name?: string | undefined;
             label?: string | undefined;
+            class?: any;
             modelValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
@@ -730,18 +698,12 @@ declare const VFileInput: {
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
-                default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((args_0: VInputSlot) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -755,7 +717,7 @@ declare const VFileInput: {
             "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -772,6 +734,7 @@ declare const VFileInput: {
         $options: vue.ComponentOptionsBase<{
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -785,6 +748,7 @@ declare const VFileInput: {
             id?: string | undefined;
             name?: string | undefined;
             label?: string | undefined;
+            class?: any;
             modelValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
@@ -796,18 +760,12 @@ declare const VFileInput: {
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
-                default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((args_0: VInputSlot) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -830,6 +788,7 @@ declare const VFileInput: {
         }, string, {
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -862,6 +821,7 @@ declare const VFileInput: {
     } & {
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -875,6 +835,7 @@ declare const VFileInput: {
         id?: string | undefined;
         name?: string | undefined;
         label?: string | undefined;
+        class?: any;
         modelValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -886,18 +847,12 @@ declare const VFileInput: {
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
-            default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        };
-        $slots?: {
+        $children?: vue.VNodeChild | {
             default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
+        } | ((args_0: VInputSlot) => vue.VNodeChild);
         'v-slots'?: {
             default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -915,7 +870,7 @@ declare const VFileInput: {
         reset: () => void;
         resetValidation: () => void;
         validate: () => Promise<string[]>;
-    }> & {} & vue.ComponentCustomProperties & {}, "id" | "name" | "label" | "$children" | "v-slot:default" | "$slots" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint") | "v-slot:details">, `$${any}`>> & {} & vue.ComponentCustomProperties & {};
+    }> & {} & vue.ComponentCustomProperties & {}, "key" | "id" | "name" | "label" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint") | "v-slot:details">, `$${any}`>> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -925,6 +880,7 @@ declare const VFileInput: {
     error: boolean;
     active: boolean;
     direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
     disabled: boolean;
     multiple: boolean;
     readonly: boolean;
@@ -954,6 +910,7 @@ declare const VFileInput: {
     color?: string | undefined;
     loading?: string | boolean | undefined;
     label?: string | undefined;
+    class?: any;
     theme?: string | undefined;
     rounded?: string | number | boolean | undefined;
     bgColor?: string | undefined;
@@ -970,21 +927,10 @@ declare const VFileInput: {
     validationValue?: any;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
+    baseColor?: string | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
-        default?: (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: VFieldSlot) => vue.VNodeChild)) | undefined;
-        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        clear?: (() => vue.VNodeChild) | undefined;
-        'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-        'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-        label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-        loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-        counter?: (() => vue.VNodeChild) | undefined;
-    };
-    $slots?: {
-        default?: (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: VFieldSlot) => vue.VNodeChild)) | undefined;
+    $children?: vue.VNodeChild | {
+        default?: ((...args: [VInputSlot] & [VFieldSlot]) => vue.VNodeChild) | undefined;
         prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -994,9 +940,9 @@ declare const VFileInput: {
         label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
         loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
         counter?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
+    } | ((...args: [VInputSlot] & [VFieldSlot]) => vue.VNodeChild);
     'v-slots'?: {
-        default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: VFieldSlot) => vue.VNodeChild)) | undefined;
+        default?: false | ((...args: [VInputSlot] & [VFieldSlot]) => vue.VNodeChild) | undefined;
         prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -1008,7 +954,7 @@ declare const VFileInput: {
         counter?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: VFieldSlot) => vue.VNodeChild)) | undefined;
+    "v-slot:default"?: false | ((...args: [VInputSlot] & [VFieldSlot]) => vue.VNodeChild) | undefined;
     "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -1029,6 +975,7 @@ declare const VFileInput: {
     $props: Partial<{
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1041,6 +988,7 @@ declare const VFileInput: {
     }> & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1054,6 +1002,7 @@ declare const VFileInput: {
         id?: string | undefined;
         name?: string | undefined;
         label?: string | undefined;
+        class?: any;
         modelValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -1065,18 +1014,12 @@ declare const VFileInput: {
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | {
             default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        };
-        $slots?: {
-            default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
+        } | ((args_0: VInputSlot) => vue.VNodeChild);
         'v-slots'?: {
             default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -1090,7 +1033,7 @@ declare const VFileInput: {
         "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint">;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1107,6 +1050,7 @@ declare const VFileInput: {
     $options: vue.ComponentOptionsBase<{
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1120,6 +1064,7 @@ declare const VFileInput: {
         id?: string | undefined;
         name?: string | undefined;
         label?: string | undefined;
+        class?: any;
         modelValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -1131,18 +1076,12 @@ declare const VFileInput: {
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | {
             default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        };
-        $slots?: {
-            default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
+        } | ((args_0: VInputSlot) => vue.VNodeChild);
         'v-slots'?: {
             default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -1165,6 +1104,7 @@ declare const VFileInput: {
     }, string, {
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1197,6 +1137,7 @@ declare const VFileInput: {
 } & {
     error: boolean;
     direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
     disabled: boolean;
     readonly: boolean;
     messages: string | string[];
@@ -1210,6 +1151,7 @@ declare const VFileInput: {
     id?: string | undefined;
     name?: string | undefined;
     label?: string | undefined;
+    class?: any;
     modelValue?: any;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
@@ -1221,18 +1163,12 @@ declare const VFileInput: {
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | {
         default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-    };
-    $slots?: {
-        default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-    } | undefined;
+    } | ((args_0: VInputSlot) => vue.VNodeChild);
     'v-slots'?: {
         default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -1250,7 +1186,7 @@ declare const VFileInput: {
     reset: () => void;
     resetValidation: () => void;
     validate: () => Promise<string[]>;
-}> & {} & vue.ComponentCustomProperties & {}, "id" | "name" | "label" | "$children" | "v-slot:default" | "$slots" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint") | "v-slot:details">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}> & {} & vue.ComponentCustomProperties & {}, "key" | "id" | "name" | "label" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint") | "v-slot:details">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'click:control': (e: MouseEvent) => true;
     'mousedown:control': (e: MouseEvent) => true;
     'update:focused': (focused: boolean) => true;
@@ -1261,6 +1197,7 @@ declare const VFileInput: {
     error: boolean;
     active: boolean;
     direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
     disabled: boolean;
     multiple: boolean;
     readonly: boolean;
@@ -1286,12 +1223,17 @@ declare const VFileInput: {
     counterString: string;
     showSize: boolean | 1024 | 1000;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    theme: StringConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     loading: (StringConstructor | BooleanConstructor)[];
-    theme: StringConstructor;
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     appendInnerIcon: PropType<IconValue>;
     bgColor: StringConstructor;
     clearable: {
@@ -1304,6 +1246,7 @@ declare const VFileInput: {
     };
     active: BooleanConstructor;
     color: StringConstructor;
+    baseColor: StringConstructor;
     dirty: BooleanConstructor;
     disabled: BooleanConstructor;
     error: BooleanConstructor;
@@ -1386,12 +1329,17 @@ declare const VFileInput: {
         validator: (v: boolean | number) => boolean;
     };
 }, vue.ExtractPropTypes<{
+    theme: StringConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     loading: (StringConstructor | BooleanConstructor)[];
-    theme: StringConstructor;
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     appendInnerIcon: PropType<IconValue>;
     bgColor: StringConstructor;
     clearable: {
@@ -1404,6 +1352,7 @@ declare const VFileInput: {
     };
     active: BooleanConstructor;
     color: StringConstructor;
+    baseColor: StringConstructor;
     dirty: BooleanConstructor;
     disabled: BooleanConstructor;
     error: BooleanConstructor;