@vuetify/nightly 3.6.13-3.7.0-beta.0.0-dev.2024-07-10 → 3.6.13-3.7.0-beta.0.0-dev.2024-07-24

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

@@ -81,28 +81,27 @@ type VInputSlots = {
 
 declare const VFileInput: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
-        reverse: boolean;
         flat: boolean;
-        style: vue.StyleValue;
-        active: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         error: boolean;
+        active: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
+        multiple: boolean;
+        readonly: boolean | null;
         messages: string | readonly string[];
         counter: boolean;
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
         modelValue: File | File[] | null;
-        variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        multiple: boolean;
         tile: boolean;
         density: Density;
-        direction: "horizontal" | "vertical";
         prependIcon: NonNullable<IconValue>;
         clearIcon: IconValue;
-        centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
         clearable: boolean;
@@ -113,32 +112,33 @@ declare const VFileInput: {
         counterSizeString: string;
         counterString: string;
         hideInput: boolean;
-        showSize: boolean | 1000 | 1024;
+        showSize: boolean | 1024 | 1000;
     } & {
-        class?: any;
         id?: string | undefined;
-        label?: string | undefined;
         width?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
         name?: string | undefined;
+        color?: string | undefined;
+        maxWidth?: string | number | undefined;
+        minWidth?: string | number | undefined;
         loading?: string | boolean | undefined;
+        label?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
+        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
         validationValue?: any;
         rounded?: string | number | boolean | undefined;
-        maxWidth?: string | number | undefined;
-        minWidth?: string | number | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         appendIcon?: IconValue | undefined;
         appendInnerIcon?: IconValue | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+        centerAffix?: boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
@@ -219,86 +219,86 @@ declare const VFileInput: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            style: vue.StyleValue;
             error: boolean;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean | null;
+            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
-            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
-            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
         }> & Omit<{
-            style: vue.StyleValue;
             error: boolean;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean | null;
+            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
-            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
-            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
-            class?: any;
             id?: string | undefined;
-            label?: string | undefined;
             width?: string | number | undefined;
-            theme?: string | undefined;
             name?: string | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
-            validationValue?: any;
             maxWidth?: string | number | undefined;
             minWidth?: string | number | undefined;
+            label?: string | undefined;
+            class?: any;
+            theme?: string | undefined;
+            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+            validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+            validationValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
-            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            style: vue.StyleValue;
             error: boolean;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean | null;
+            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
-            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
-            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
         } & {
-            class?: any;
             id?: string | undefined;
-            label?: string | undefined;
             width?: string | number | undefined;
-            theme?: string | undefined;
             name?: string | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
-            validationValue?: any;
             maxWidth?: string | number | undefined;
             minWidth?: string | number | undefined;
+            label?: string | undefined;
+            class?: any;
+            theme?: string | undefined;
+            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+            validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+            validationValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
-            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        } & {}, "style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+        } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -327,36 +327,36 @@ declare const VFileInput: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
-            style: vue.StyleValue;
             error: boolean;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean | null;
+            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
-            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
-            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
         } & {
-            class?: any;
             id?: string | undefined;
-            label?: string | undefined;
             width?: string | number | undefined;
-            theme?: string | undefined;
             name?: string | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
-            validationValue?: any;
             maxWidth?: string | number | undefined;
             minWidth?: string | number | undefined;
+            label?: string | undefined;
+            class?: any;
+            theme?: string | undefined;
+            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+            validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+            validationValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
-            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
         } & {}, {
@@ -367,18 +367,18 @@ declare const VFileInput: {
             errorMessages: vue.ComputedRef<string[]>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:modelValue': (value: any) => true;
-        }, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
-            style: vue.StyleValue;
+        }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "v-slot:append" | "v-slot:prepend" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
             error: boolean;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean | null;
+            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
-            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
-            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
@@ -419,36 +419,36 @@ declare const VFileInput: {
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & Omit<{
-        style: vue.StyleValue;
         error: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean | null;
+        readonly: boolean | null;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
         density: Density;
-        direction: "horizontal" | "vertical";
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
     } & {
-        class?: any;
         id?: string | undefined;
-        label?: string | undefined;
         width?: string | number | undefined;
-        theme?: string | undefined;
         name?: string | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
-        validationValue?: any;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
+        label?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
+        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+        validationValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
@@ -460,34 +460,33 @@ declare const VFileInput: {
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VInputSlots>, "class" | "id" | "label" | "width" | "theme" | "key" | "name" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "maxWidth" | "minWidth" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:prepend" | "onClick:append" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    }, VInputSlots>, "key" | "id" | "width" | "name" | "maxWidth" | "minWidth" | "label" | "class" | "ref" | "$children" | "theme" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:append" | "v-slot:prepend" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'click:control': (e: MouseEvent) => true;
         'mousedown:control': (e: MouseEvent) => true;
         'update:focused': (focused: boolean) => true;
         'update:modelValue': (files: File | File[]) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        reverse: boolean;
         flat: boolean;
-        style: vue.StyleValue;
-        active: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         error: boolean;
+        active: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
+        multiple: boolean;
+        readonly: boolean | null;
         messages: string | readonly string[];
         counter: boolean;
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
         modelValue: File | File[] | null;
-        variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        multiple: boolean;
         tile: boolean;
         density: Density;
-        direction: "horizontal" | "vertical";
         prependIcon: NonNullable<IconValue>;
         clearIcon: IconValue;
-        centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
         clearable: boolean;
@@ -498,32 +497,33 @@ declare const VFileInput: {
         counterSizeString: string;
         counterString: string;
         hideInput: boolean;
-        showSize: boolean | 1000 | 1024;
+        showSize: boolean | 1024 | 1000;
     } & {
-        class?: any;
         id?: string | undefined;
-        label?: string | undefined;
         width?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
         name?: string | undefined;
+        color?: string | undefined;
+        maxWidth?: string | number | undefined;
+        minWidth?: string | number | undefined;
         loading?: string | boolean | undefined;
+        label?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
+        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
         validationValue?: any;
         rounded?: string | number | boolean | undefined;
-        maxWidth?: string | number | undefined;
-        minWidth?: string | number | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         appendIcon?: IconValue | undefined;
         appendInnerIcon?: IconValue | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+        centerAffix?: boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
@@ -601,26 +601,26 @@ declare const VFileInput: {
         "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
     }, {
-        reverse: boolean;
         flat: boolean;
-        style: vue.StyleValue;
-        active: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         error: boolean;
+        active: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
+        multiple: boolean;
+        readonly: boolean | null;
         messages: string | readonly string[];
         counter: boolean;
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
         modelValue: File | File[] | null;
         rounded: string | number | boolean;
-        variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        multiple: boolean;
         tile: boolean;
         density: Density;
-        direction: "horizontal" | "vertical";
         prependIcon: NonNullable<IconValue>;
         clearIcon: IconValue;
         centerAffix: boolean;
@@ -634,7 +634,7 @@ declare const VFileInput: {
         counterSizeString: string;
         counterString: string;
         hideInput: boolean;
-        showSize: boolean | 1000 | 1024;
+        showSize: boolean | 1024 | 1000;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: VInputSlot & VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
@@ -689,28 +689,27 @@ declare const VFileInput: {
         M: {};
         Defaults: {};
     }, {
-        reverse: boolean;
         flat: boolean;
-        style: vue.StyleValue;
-        active: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         error: boolean;
+        active: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
+        multiple: boolean;
+        readonly: boolean | null;
         messages: string | readonly string[];
         counter: boolean;
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
         modelValue: File | File[] | null;
-        variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        multiple: boolean;
         tile: boolean;
         density: Density;
-        direction: "horizontal" | "vertical";
         prependIcon: NonNullable<IconValue>;
         clearIcon: IconValue;
-        centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
         clearable: boolean;
@@ -721,32 +720,33 @@ declare const VFileInput: {
         counterSizeString: string;
         counterString: string;
         hideInput: boolean;
-        showSize: boolean | 1000 | 1024;
+        showSize: boolean | 1024 | 1000;
     } & {
-        class?: any;
         id?: string | undefined;
-        label?: string | undefined;
         width?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
         name?: string | undefined;
+        color?: string | undefined;
+        maxWidth?: string | number | undefined;
+        minWidth?: string | number | undefined;
         loading?: string | boolean | undefined;
+        label?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
+        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
         validationValue?: any;
         rounded?: string | number | boolean | undefined;
-        maxWidth?: string | number | undefined;
-        minWidth?: string | number | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         appendIcon?: IconValue | undefined;
         appendInnerIcon?: IconValue | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+        centerAffix?: boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
@@ -827,86 +827,86 @@ declare const VFileInput: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            style: vue.StyleValue;
             error: boolean;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean | null;
+            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
-            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
-            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
         }> & Omit<{
-            style: vue.StyleValue;
             error: boolean;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean | null;
+            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
-            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
-            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
-            class?: any;
             id?: string | undefined;
-            label?: string | undefined;
             width?: string | number | undefined;
-            theme?: string | undefined;
             name?: string | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
-            validationValue?: any;
             maxWidth?: string | number | undefined;
             minWidth?: string | number | undefined;
+            label?: string | undefined;
+            class?: any;
+            theme?: string | undefined;
+            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+            validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+            validationValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
-            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            style: vue.StyleValue;
             error: boolean;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean | null;
+            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
-            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
-            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
         } & {
-            class?: any;
             id?: string | undefined;
-            label?: string | undefined;
             width?: string | number | undefined;
-            theme?: string | undefined;
             name?: string | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
-            validationValue?: any;
             maxWidth?: string | number | undefined;
             minWidth?: string | number | undefined;
+            label?: string | undefined;
+            class?: any;
+            theme?: string | undefined;
+            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+            validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+            validationValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
-            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        } & {}, "style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+        } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -935,36 +935,36 @@ declare const VFileInput: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
-            style: vue.StyleValue;
             error: boolean;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean | null;
+            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
-            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
-            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
         } & {
-            class?: any;
             id?: string | undefined;
-            label?: string | undefined;
             width?: string | number | undefined;
-            theme?: string | undefined;
             name?: string | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
-            validationValue?: any;
             maxWidth?: string | number | undefined;
             minWidth?: string | number | undefined;
+            label?: string | undefined;
+            class?: any;
+            theme?: string | undefined;
+            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+            validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+            validationValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
-            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
         } & {}, {
@@ -975,18 +975,18 @@ declare const VFileInput: {
             errorMessages: vue.ComputedRef<string[]>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:modelValue': (value: any) => true;
-        }, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
-            style: vue.StyleValue;
+        }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "v-slot:append" | "v-slot:prepend" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
             error: boolean;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean | null;
+            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
-            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
-            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
@@ -1027,36 +1027,36 @@ declare const VFileInput: {
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & Omit<{
-        style: vue.StyleValue;
         error: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean | null;
+        readonly: boolean | null;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
         density: Density;
-        direction: "horizontal" | "vertical";
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
     } & {
-        class?: any;
         id?: string | undefined;
-        label?: string | undefined;
         width?: string | number | undefined;
-        theme?: string | undefined;
         name?: string | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
-        validationValue?: any;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
+        label?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
+        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+        validationValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
@@ -1068,27 +1068,27 @@ declare const VFileInput: {
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VInputSlots>, "class" | "id" | "label" | "width" | "theme" | "key" | "name" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "maxWidth" | "minWidth" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:prepend" | "onClick:append" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`>, {}, {}, {}, {
-        reverse: boolean;
+    }, VInputSlots>, "key" | "id" | "width" | "name" | "maxWidth" | "minWidth" | "label" | "class" | "ref" | "$children" | "theme" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:append" | "v-slot:prepend" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`>, {}, {}, {}, {
         flat: boolean;
-        style: vue.StyleValue;
-        active: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         error: boolean;
+        active: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
+        multiple: boolean;
+        readonly: boolean | null;
         messages: string | readonly string[];
         counter: boolean;
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
         modelValue: File | File[] | null;
         rounded: string | number | boolean;
-        variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        multiple: boolean;
         tile: boolean;
         density: Density;
-        direction: "horizontal" | "vertical";
         prependIcon: NonNullable<IconValue>;
         clearIcon: IconValue;
         centerAffix: boolean;
@@ -1102,34 +1102,33 @@ declare const VFileInput: {
         counterSizeString: string;
         counterString: string;
         hideInput: boolean;
-        showSize: boolean | 1000 | 1024;
+        showSize: boolean | 1024 | 1000;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
-    reverse: boolean;
     flat: boolean;
-    style: vue.StyleValue;
-    active: boolean;
+    reverse: boolean;
+    variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
     error: boolean;
+    active: boolean;
+    direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
     disabled: boolean;
+    multiple: boolean;
+    readonly: boolean | null;
     messages: string | readonly string[];
     counter: boolean;
     focused: boolean;
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
-    readonly: boolean | null;
     rules: readonly ValidationRule[];
     modelValue: File | File[] | null;
-    variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-    multiple: boolean;
     tile: boolean;
     density: Density;
-    direction: "horizontal" | "vertical";
     prependIcon: NonNullable<IconValue>;
     clearIcon: IconValue;
-    centerAffix: boolean;
     hideSpinButtons: boolean;
     persistentHint: boolean;
     clearable: boolean;
@@ -1140,32 +1139,33 @@ declare const VFileInput: {
     counterSizeString: string;
     counterString: string;
     hideInput: boolean;
-    showSize: boolean | 1000 | 1024;
+    showSize: boolean | 1024 | 1000;
 } & {
-    class?: any;
     id?: string | undefined;
-    label?: string | undefined;
     width?: string | number | undefined;
-    theme?: string | undefined;
-    color?: string | undefined;
     name?: string | undefined;
+    color?: string | undefined;
+    maxWidth?: string | number | undefined;
+    minWidth?: string | number | undefined;
     loading?: string | boolean | undefined;
+    label?: string | undefined;
+    class?: any;
+    theme?: string | undefined;
     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-    validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
+    validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
     validationValue?: any;
     rounded?: string | number | boolean | undefined;
-    maxWidth?: string | number | undefined;
-    minWidth?: string | number | undefined;
     baseColor?: string | undefined;
     bgColor?: string | undefined;
     appendIcon?: IconValue | undefined;
     appendInnerIcon?: IconValue | undefined;
     prependInnerIcon?: IconValue | undefined;
     'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-    'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+    'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+    centerAffix?: boolean | undefined;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
 } & {
@@ -1246,86 +1246,86 @@ declare const VFileInput: {
     $: vue.ComponentInternalInstance;
     $data: {};
     $props: Partial<{
-        style: vue.StyleValue;
         error: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean | null;
+        readonly: boolean | null;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
         density: Density;
-        direction: "horizontal" | "vertical";
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
     }> & Omit<{
-        style: vue.StyleValue;
         error: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean | null;
+        readonly: boolean | null;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
         density: Density;
-        direction: "horizontal" | "vertical";
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
-        class?: any;
         id?: string | undefined;
-        label?: string | undefined;
         width?: string | number | undefined;
-        theme?: string | undefined;
         name?: string | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
-        validationValue?: any;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
+        label?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
+        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+        validationValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        style: vue.StyleValue;
         error: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean | null;
+        readonly: boolean | null;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
         density: Density;
-        direction: "horizontal" | "vertical";
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
     } & {
-        class?: any;
         id?: string | undefined;
-        label?: string | undefined;
         width?: string | number | undefined;
-        theme?: string | undefined;
         name?: string | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
-        validationValue?: any;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
+        label?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
+        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+        validationValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
-    } & {}, "style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+    } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1354,36 +1354,36 @@ declare const VFileInput: {
     $emit: (event: string, ...args: any[]) => void;
     $el: any;
     $options: vue.ComponentOptionsBase<{
-        style: vue.StyleValue;
         error: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean | null;
+        readonly: boolean | null;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
         density: Density;
-        direction: "horizontal" | "vertical";
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
     } & {
-        class?: any;
         id?: string | undefined;
-        label?: string | undefined;
         width?: string | number | undefined;
-        theme?: string | undefined;
         name?: string | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
-        validationValue?: any;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
+        label?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
+        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+        validationValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {}, {
@@ -1394,18 +1394,18 @@ declare const VFileInput: {
         errorMessages: vue.ComputedRef<string[]>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => true;
-    }, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
-        style: vue.StyleValue;
+    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "v-slot:append" | "v-slot:prepend" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
         error: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean | null;
+        readonly: boolean | null;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
         density: Density;
-        direction: "horizontal" | "vertical";
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
@@ -1446,36 +1446,36 @@ declare const VFileInput: {
     $nextTick: typeof nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
 } & Omit<{
-    style: vue.StyleValue;
     error: boolean;
+    direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
     disabled: boolean | null;
+    readonly: boolean | null;
     messages: string | readonly string[];
     focused: boolean;
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
-    readonly: boolean | null;
     rules: readonly ValidationRule[];
     density: Density;
-    direction: "horizontal" | "vertical";
     centerAffix: boolean;
     hideSpinButtons: boolean;
     persistentHint: boolean;
 } & {
-    class?: any;
     id?: string | undefined;
-    label?: string | undefined;
     width?: string | number | undefined;
-    theme?: string | undefined;
     name?: string | undefined;
-    'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-    validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
-    validationValue?: any;
     maxWidth?: string | number | undefined;
     minWidth?: string | number | undefined;
+    label?: string | undefined;
+    class?: any;
+    theme?: string | undefined;
+    'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+    validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+    validationValue?: any;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
-    'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+    'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
 } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
@@ -1487,32 +1487,32 @@ declare const VFileInput: {
 }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
     modelValue?: unknown;
     'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-}, VInputSlots>, "class" | "id" | "label" | "width" | "theme" | "key" | "name" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "maxWidth" | "minWidth" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:prepend" | "onClick:append" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, VInputSlots>, "key" | "id" | "width" | "name" | "maxWidth" | "minWidth" | "label" | "class" | "ref" | "$children" | "theme" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:append" | "v-slot:prepend" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'click:control': (e: MouseEvent) => true;
     'mousedown:control': (e: MouseEvent) => true;
     'update:focused': (focused: boolean) => true;
     'update:modelValue': (files: File | File[]) => true;
 }, string, {
-    reverse: boolean;
     flat: boolean;
-    style: vue.StyleValue;
-    active: boolean;
+    reverse: boolean;
+    variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
     error: boolean;
+    active: boolean;
+    direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
     disabled: boolean;
+    multiple: boolean;
+    readonly: boolean | null;
     messages: string | readonly string[];
     counter: boolean;
     focused: boolean;
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
-    readonly: boolean | null;
     rules: readonly ValidationRule[];
     modelValue: File | File[] | null;
     rounded: string | number | boolean;
-    variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-    multiple: boolean;
     tile: boolean;
     density: Density;
-    direction: "horizontal" | "vertical";
     prependIcon: NonNullable<IconValue>;
     clearIcon: IconValue;
     centerAffix: boolean;
@@ -1526,7 +1526,7 @@ declare const VFileInput: {
     counterSizeString: string;
     counterString: string;
     hideInput: boolean;
-    showSize: boolean | 1000 | 1024;
+    showSize: boolean | 1024 | 1000;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: VInputSlot & VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
@@ -1576,7 +1576,7 @@ declare const VFileInput: {
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     theme: StringConstructor;
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
@@ -1597,7 +1597,10 @@ declare const VFileInput: {
         default: string;
     };
     active: BooleanConstructor;
-    centerAffix: BooleanConstructor;
+    centerAffix: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     color: StringConstructor;
     baseColor: StringConstructor;
     dirty: BooleanConstructor;
@@ -1613,7 +1616,7 @@ declare const VFileInput: {
     reverse: BooleanConstructor;
     singleLine: BooleanConstructor;
     variant: {
-        type: PropType<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+        type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -1644,7 +1647,7 @@ declare const VFileInput: {
         type: PropType<readonly ValidationRule[]>;
         default: () => never[];
     };
-    validateOn: PropType<(("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined>;
+    validateOn: PropType<("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined>;
     validationValue: null;
     width: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];
@@ -1688,14 +1691,14 @@ declare const VFileInput: {
     hideInput: BooleanConstructor;
     multiple: BooleanConstructor;
     showSize: {
-        type: PropType<boolean | 1000 | 1024>;
+        type: PropType<boolean | 1024 | 1000>;
         default: boolean;
         validator: (v: boolean | number) => boolean;
     };
 }, vue.ExtractPropTypes<{
     theme: StringConstructor;
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
@@ -1716,7 +1719,10 @@ declare const VFileInput: {
         default: string;
     };
     active: BooleanConstructor;
-    centerAffix: BooleanConstructor;
+    centerAffix: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     color: StringConstructor;
     baseColor: StringConstructor;
     dirty: BooleanConstructor;
@@ -1732,7 +1738,7 @@ declare const VFileInput: {
     reverse: BooleanConstructor;
     singleLine: BooleanConstructor;
     variant: {
-        type: PropType<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+        type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -1763,7 +1769,7 @@ declare const VFileInput: {
         type: PropType<readonly ValidationRule[]>;
         default: () => never[];
     };
-    validateOn: PropType<(("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined>;
+    validateOn: PropType<("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined>;
     validationValue: null;
     width: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];
@@ -1807,7 +1813,7 @@ declare const VFileInput: {
     hideInput: BooleanConstructor;
     multiple: BooleanConstructor;
     showSize: {
-        type: PropType<boolean | 1000 | 1024>;
+        type: PropType<boolean | 1024 | 1000>;
         default: boolean;
         validator: (v: boolean | number) => boolean;
     };