@vuetify/nightly 3.2.0-dev-20230214.0 → 3.2.0-dev-20230322.0

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

@@ -1,5 +1,9 @@
 import * as vue from 'vue';
-import { PropType, JSXComponent, ComputedRef, Ref, nextTick } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, PropType, JSXComponent, ComputedRef, Ref, nextTick } from 'vue';
+
+interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
+    filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
+}
 
 type EventProp<T = (...args: any[]) => any> = T | T[];
 declare const EventProp: PropType<EventProp<(...args: any[]) => any>>;
@@ -42,7 +46,844 @@ interface VFieldSlot extends DefaultInputSlot {
     props: Record<string, unknown>;
 }
 
-declare const VFileInput: vue.DefineComponent<{
+declare const VFileInput: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            reverse: boolean;
+            error: boolean;
+            active: boolean;
+            direction: "horizontal" | "vertical";
+            disabled: boolean;
+            multiple: boolean;
+            readonly: boolean;
+            counter: boolean;
+            messages: string | string[];
+            density: Density;
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+            modelValue: File[];
+            prependIcon: NonNullable<IconValue>;
+            clearIcon: IconValue;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+            clearable: boolean;
+            dirty: boolean;
+            persistentClear: boolean;
+            singleLine: boolean;
+            persistentHint: boolean;
+            chips: boolean;
+            counterSizeString: string;
+            counterString: string;
+            showSize: boolean | 1000 | 1024;
+        }> & Omit<{
+            reverse: boolean;
+            error: boolean;
+            active: boolean;
+            direction: "horizontal" | "vertical";
+            disabled: boolean;
+            multiple: boolean;
+            readonly: boolean;
+            counter: boolean;
+            messages: string | string[];
+            density: Density;
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+            modelValue: File[];
+            prependIcon: NonNullable<IconValue>;
+            clearIcon: IconValue;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+            clearable: boolean;
+            dirty: boolean;
+            persistentClear: boolean;
+            singleLine: boolean;
+            persistentHint: boolean;
+            chips: boolean;
+            counterSizeString: string;
+            counterString: string;
+            showSize: boolean | 1000 | 1024;
+        } & {
+            id?: string | undefined;
+            name?: string | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
+            label?: string | undefined;
+            placeholder?: string | undefined;
+            theme?: string | undefined;
+            bgColor?: string | undefined;
+            appendIcon?: IconValue | undefined;
+            appendInnerIcon?: IconValue | undefined;
+            prependInnerIcon?: IconValue | undefined;
+            'onClick:clear'?: EventProp<(...args: any[]) => any> | undefined;
+            'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
+            'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+            'onClick:appendInner'?: EventProp<(...args: any[]) => any> | undefined;
+            'onClick:prependInner'?: EventProp<(...args: any[]) => any> | undefined;
+            validateOn?: "input" | "blur" | "submit" | undefined;
+            validationValue?: any;
+            hideDetails?: boolean | "auto" | undefined;
+            hint?: 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;
+                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;
+            'v-slots'?: {
+                default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: 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;
+                clear?: false | (() => vue.VNodeChild) | undefined;
+                'prepend-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+                'append-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+                label?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+                loader?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
+                counter?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: 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;
+            "v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:prepend-inner"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:append-inner"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:label"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
+            "v-slot:counter"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            "onUpdate:modelValue"?: ((files: File[]) => any) | undefined;
+            "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+            "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "direction" | "disabled" | "multiple" | "readonly" | "counter" | "messages" | "density" | "variant" | "modelValue" | "prependIcon" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentHint" | "chips" | "counterSizeString" | "counterString" | "showSize">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: ((event: "update:modelValue", files: File[]) => void) & ((event: "click:control", e: MouseEvent) => void) & ((event: "mousedown:control", e: MouseEvent) => void);
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            reverse: boolean;
+            error: boolean;
+            active: boolean;
+            direction: "horizontal" | "vertical";
+            disabled: boolean;
+            multiple: boolean;
+            readonly: boolean;
+            counter: boolean;
+            messages: string | string[];
+            density: Density;
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+            modelValue: File[];
+            prependIcon: NonNullable<IconValue>;
+            clearIcon: IconValue;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+            clearable: boolean;
+            dirty: boolean;
+            persistentClear: boolean;
+            singleLine: boolean;
+            persistentHint: boolean;
+            chips: boolean;
+            counterSizeString: string;
+            counterString: string;
+            showSize: boolean | 1000 | 1024;
+        } & {
+            id?: string | undefined;
+            name?: string | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
+            label?: string | undefined;
+            placeholder?: string | undefined;
+            theme?: string | undefined;
+            bgColor?: string | undefined;
+            appendIcon?: IconValue | undefined;
+            appendInnerIcon?: IconValue | undefined;
+            prependInnerIcon?: IconValue | undefined;
+            'onClick:clear'?: EventProp<(...args: any[]) => any> | undefined;
+            'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
+            'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+            'onClick:appendInner'?: EventProp<(...args: any[]) => any> | undefined;
+            'onClick:prependInner'?: EventProp<(...args: any[]) => any> | undefined;
+            validateOn?: "input" | "blur" | "submit" | undefined;
+            validationValue?: any;
+            hideDetails?: boolean | "auto" | undefined;
+            hint?: 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;
+                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;
+            'v-slots'?: {
+                default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: 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;
+                clear?: false | (() => vue.VNodeChild) | undefined;
+                'prepend-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+                'append-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+                label?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+                loader?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
+                counter?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: 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;
+            "v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:prepend-inner"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:append-inner"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:label"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
+            "v-slot:counter"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            "onUpdate:modelValue"?: ((files: File[]) => any) | undefined;
+            "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+            "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
+        }, Omit<Omit<{
+            $: vue.ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                error: boolean;
+                direction: "horizontal" | "vertical";
+                disabled: boolean;
+                readonly: boolean;
+                messages: string | string[];
+                density: Density;
+                focused: boolean;
+                errorMessages: string | string[];
+                maxErrors: string | number;
+                rules: ValidationRule[];
+            }> & Omit<{
+                error: boolean;
+                direction: "horizontal" | "vertical";
+                disabled: boolean;
+                readonly: boolean;
+                messages: string | string[];
+                density: Density;
+                focused: boolean;
+                errorMessages: string | string[];
+                maxErrors: string | number;
+                rules: ValidationRule[];
+            } & {
+                id?: string | undefined;
+                name?: string | undefined;
+                label?: string | undefined;
+                modelValue?: any;
+                prependIcon?: IconValue | undefined;
+                appendIcon?: IconValue | undefined;
+                'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
+                'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+                validateOn?: "input" | "blur" | "submit" | undefined;
+                validationValue?: any;
+                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?: {
+                    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;
+                'v-slots'?: {
+                    default?: false | ((args_0: VInputSlot) => 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;
+                } | undefined;
+            } & {
+                "v-slot:default"?: false | ((args_0: VInputSlot) => 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;
+            } & {
+                "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: vue.Slot | undefined;
+            }>;
+            $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+            $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+            $emit: (event: "update:modelValue", val: any) => void;
+            $el: any;
+            $options: vue.ComponentOptionsBase<{
+                error: boolean;
+                direction: "horizontal" | "vertical";
+                disabled: boolean;
+                readonly: boolean;
+                messages: string | string[];
+                density: Density;
+                focused: boolean;
+                errorMessages: string | string[];
+                maxErrors: string | number;
+                rules: ValidationRule[];
+            } & {
+                id?: string | undefined;
+                name?: string | undefined;
+                label?: string | undefined;
+                modelValue?: any;
+                prependIcon?: IconValue | undefined;
+                appendIcon?: IconValue | undefined;
+                'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
+                'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+                validateOn?: "input" | "blur" | "submit" | undefined;
+                validationValue?: any;
+                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?: {
+                    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;
+                'v-slots'?: {
+                    default?: false | ((args_0: VInputSlot) => 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;
+                } | undefined;
+            } & {
+                "v-slot:default"?: false | ((args_0: VInputSlot) => 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;
+            } & {
+                "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+            }, {
+                reset: () => void;
+                resetValidation: () => void;
+                validate: () => Promise<string[]>;
+            }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+                'update:modelValue': (val: any) => true;
+            }, string, {
+                error: boolean;
+                direction: "horizontal" | "vertical";
+                disabled: boolean;
+                readonly: boolean;
+                messages: string | string[];
+                density: Density;
+                focused: boolean;
+                errorMessages: string | string[];
+                maxErrors: string | number;
+                rules: ValidationRule[];
+            }, {}, string> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $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;
+        } & {
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            disabled: boolean;
+            readonly: boolean;
+            messages: string | string[];
+            density: Density;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+        } & {
+            id?: string | undefined;
+            name?: string | undefined;
+            label?: string | undefined;
+            modelValue?: any;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
+            'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
+            'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+            validateOn?: "input" | "blur" | "submit" | undefined;
+            validationValue?: any;
+            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?: {
+                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;
+            'v-slots'?: {
+                default?: false | ((args_0: VInputSlot) => 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;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | ((args_0: VInputSlot) => 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;
+        } & {
+            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+        } & vue.ShallowUnwrapRef<{
+            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" | "validateOn" | "validationValue" | "hideDetails" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules") | "v-slot:details">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            'click:control': (e: MouseEvent) => true;
+            'mousedown:control': (e: MouseEvent) => true;
+            'update:modelValue': (files: File[]) => true;
+        }, string, {
+            reverse: boolean;
+            error: boolean;
+            active: boolean;
+            direction: "horizontal" | "vertical";
+            disabled: boolean;
+            multiple: boolean;
+            readonly: boolean;
+            counter: boolean;
+            messages: string | string[];
+            density: Density;
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+            modelValue: File[];
+            prependIcon: NonNullable<IconValue>;
+            clearIcon: IconValue;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+            clearable: boolean;
+            dirty: boolean;
+            persistentClear: boolean;
+            singleLine: boolean;
+            persistentHint: boolean;
+            chips: boolean;
+            counterSizeString: string;
+            counterString: string;
+            showSize: boolean | 1000 | 1024;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $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;
+    } & {
+        reverse: boolean;
+        error: boolean;
+        active: boolean;
+        direction: "horizontal" | "vertical";
+        disabled: boolean;
+        multiple: boolean;
+        readonly: boolean;
+        counter: boolean;
+        messages: string | string[];
+        density: Density;
+        variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+        modelValue: File[];
+        prependIcon: NonNullable<IconValue>;
+        clearIcon: IconValue;
+        focused: boolean;
+        errorMessages: string | string[];
+        maxErrors: string | number;
+        rules: ValidationRule[];
+        clearable: boolean;
+        dirty: boolean;
+        persistentClear: boolean;
+        singleLine: boolean;
+        persistentHint: boolean;
+        chips: boolean;
+        counterSizeString: string;
+        counterString: string;
+        showSize: boolean | 1000 | 1024;
+    } & {
+        id?: string | undefined;
+        name?: string | undefined;
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
+        label?: string | undefined;
+        placeholder?: string | undefined;
+        theme?: string | undefined;
+        bgColor?: string | undefined;
+        appendIcon?: IconValue | undefined;
+        appendInnerIcon?: IconValue | undefined;
+        prependInnerIcon?: IconValue | undefined;
+        'onClick:clear'?: EventProp<(...args: any[]) => any> | undefined;
+        'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
+        'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+        'onClick:appendInner'?: EventProp<(...args: any[]) => any> | undefined;
+        'onClick:prependInner'?: EventProp<(...args: any[]) => any> | undefined;
+        validateOn?: "input" | "blur" | "submit" | undefined;
+        validationValue?: any;
+        hideDetails?: boolean | "auto" | undefined;
+        hint?: 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;
+            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;
+        'v-slots'?: {
+            default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: 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;
+            clear?: false | (() => vue.VNodeChild) | undefined;
+            'prepend-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            'append-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            label?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            loader?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
+            counter?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: 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;
+        "v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:prepend-inner"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:append-inner"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:label"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:counter"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        "onUpdate:modelValue"?: ((files: File[]) => any) | undefined;
+        "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+        "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
+    } & vue.ShallowUnwrapRef<Omit<Omit<{
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            disabled: boolean;
+            readonly: boolean;
+            messages: string | string[];
+            density: Density;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+        }> & Omit<{
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            disabled: boolean;
+            readonly: boolean;
+            messages: string | string[];
+            density: Density;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+        } & {
+            id?: string | undefined;
+            name?: string | undefined;
+            label?: string | undefined;
+            modelValue?: any;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
+            'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
+            'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+            validateOn?: "input" | "blur" | "submit" | undefined;
+            validationValue?: any;
+            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?: {
+                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;
+            'v-slots'?: {
+                default?: false | ((args_0: VInputSlot) => 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;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | ((args_0: VInputSlot) => 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;
+        } & {
+            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: "update:modelValue", val: any) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            disabled: boolean;
+            readonly: boolean;
+            messages: string | string[];
+            density: Density;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+        } & {
+            id?: string | undefined;
+            name?: string | undefined;
+            label?: string | undefined;
+            modelValue?: any;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
+            'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
+            'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+            validateOn?: "input" | "blur" | "submit" | undefined;
+            validationValue?: any;
+            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?: {
+                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;
+            'v-slots'?: {
+                default?: false | ((args_0: VInputSlot) => 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;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | ((args_0: VInputSlot) => 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;
+        } & {
+            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+        }, {
+            reset: () => void;
+            resetValidation: () => void;
+            validate: () => Promise<string[]>;
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            'update:modelValue': (val: any) => true;
+        }, string, {
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            disabled: boolean;
+            readonly: boolean;
+            messages: string | string[];
+            density: Density;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $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;
+    } & {
+        error: boolean;
+        direction: "horizontal" | "vertical";
+        disabled: boolean;
+        readonly: boolean;
+        messages: string | string[];
+        density: Density;
+        focused: boolean;
+        errorMessages: string | string[];
+        maxErrors: string | number;
+        rules: ValidationRule[];
+    } & {
+        id?: string | undefined;
+        name?: string | undefined;
+        label?: string | undefined;
+        modelValue?: any;
+        prependIcon?: IconValue | undefined;
+        appendIcon?: IconValue | undefined;
+        'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
+        'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+        validateOn?: "input" | "blur" | "submit" | undefined;
+        validationValue?: any;
+        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?: {
+            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;
+        'v-slots'?: {
+            default?: false | ((args_0: VInputSlot) => 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;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | ((args_0: VInputSlot) => 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;
+    } & {
+        "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{
+        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" | "validateOn" | "validationValue" | "hideDetails" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules") | "v-slot:details">, `$${any}`>> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
     reverse: boolean;
     error: boolean;
     active: boolean;
@@ -104,6 +945,18 @@ declare const VFileInput: vue.DefineComponent<{
         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;
     'v-slots'?: {
         default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: VFieldSlot) => vue.VNodeChild)) | undefined;
         prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -127,6 +980,10 @@ declare const VFileInput: vue.DefineComponent<{
     "v-slot:label"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
     "v-slot:counter"?: false | (() => vue.VNodeChild) | undefined;
+} & {
+    "onUpdate:modelValue"?: ((files: File[]) => any) | undefined;
+    "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+    "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
 }, Omit<Omit<{
     $: vue.ComponentInternalInstance;
     $data: {};
@@ -171,6 +1028,12 @@ declare const VFileInput: vue.DefineComponent<{
             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;
         'v-slots'?: {
             default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -228,6 +1091,12 @@ declare const VFileInput: vue.DefineComponent<{
             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;
         'v-slots'?: {
             default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -308,6 +1177,12 @@ declare const VFileInput: vue.DefineComponent<{
         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;
     'v-slots'?: {
         default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -325,11 +1200,11 @@ declare const VFileInput: vue.DefineComponent<{
     reset: () => void;
     resetValidation: () => void;
     validate: () => Promise<string[]>;
-}> & {} & vue.ComponentCustomProperties & {}, "id" | "name" | "label" | "$children" | "v-slot:default" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "validateOn" | "validationValue" | "hideDetails" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules") | "v-slot:details">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}> & {} & 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" | "validateOn" | "validationValue" | "hideDetails" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules") | "v-slot:details">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'click:control': (e: MouseEvent) => true;
     'mousedown:control': (e: MouseEvent) => true;
     'update:modelValue': (files: File[]) => true;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+}, string, {
     reverse: boolean;
     error: boolean;
     active: boolean;
@@ -357,96 +1232,197 @@ declare const VFileInput: vue.DefineComponent<{
     counterSizeString: string;
     counterString: string;
     showSize: boolean | 1000 | 1024;
-} & {
-    id?: string | undefined;
-    name?: string | undefined;
-    color?: string | undefined;
-    loading?: string | boolean | undefined;
-    label?: string | undefined;
-    placeholder?: string | undefined;
-    theme?: string | undefined;
-    bgColor?: string | undefined;
-    appendIcon?: IconValue | undefined;
-    appendInnerIcon?: IconValue | undefined;
-    prependInnerIcon?: IconValue | undefined;
-    'onClick:clear'?: EventProp<(...args: any[]) => any> | undefined;
-    'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
-    'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
-    'onClick:appendInner'?: EventProp<(...args: any[]) => any> | undefined;
-    'onClick:prependInner'?: EventProp<(...args: any[]) => any> | undefined;
-    validateOn?: "input" | "blur" | "submit" | undefined;
-    validationValue?: any;
-    hideDetails?: boolean | "auto" | undefined;
-    hint?: 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;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    loading: (StringConstructor | BooleanConstructor)[];
+    theme: StringConstructor;
+    appendInnerIcon: PropType<IconValue>;
+    bgColor: StringConstructor;
+    clearable: {
+        type: PropType<boolean>;
+        default: boolean;
     };
-    'v-slots'?: {
-        default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: 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;
-        clear?: false | (() => vue.VNodeChild) | undefined;
-        'prepend-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-        'append-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-        label?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-        loader?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-        counter?: false | (() => vue.VNodeChild) | undefined;
-    } | undefined;
-} & {
-    "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & ((args_0: 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;
-    "v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:prepend-inner"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:append-inner"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:label"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-    "v-slot:counter"?: false | (() => vue.VNodeChild) | undefined;
-} & {
-    "onUpdate:modelValue"?: ((files: File[]) => any) | undefined;
-    "onClick:control"?: ((e: MouseEvent) => any) | undefined;
-    "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-}, {
-    reverse: boolean;
-    error: boolean;
-    active: boolean;
-    direction: "horizontal" | "vertical";
-    disabled: boolean;
-    multiple: boolean;
-    readonly: boolean;
-    counter: boolean;
-    messages: string | string[];
-    density: Density;
-    variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
-    modelValue: File[];
-    prependIcon: NonNullable<IconValue>;
-    clearIcon: IconValue;
-    focused: boolean;
-    errorMessages: string | string[];
-    maxErrors: string | number;
-    rules: ValidationRule[];
-    clearable: boolean;
-    dirty: boolean;
-    persistentClear: boolean;
-    singleLine: boolean;
-    persistentHint: boolean;
-    chips: boolean;
-    counterSizeString: string;
-    counterString: string;
-    showSize: boolean | 1000 | 1024;
-}>;
+    clearIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    active: BooleanConstructor;
+    color: StringConstructor;
+    dirty: BooleanConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    label: StringConstructor;
+    persistentClear: BooleanConstructor;
+    prependInnerIcon: PropType<IconValue>;
+    reverse: BooleanConstructor;
+    singleLine: BooleanConstructor;
+    variant: {
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:clear': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:appendInner': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
+    modelValue: {
+        type: PropType<File[]>;
+        default: () => never[];
+        validator: (val: any) => boolean;
+    };
+    focused: BooleanConstructor;
+    errorMessages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    rules: {
+        type: PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    validateOn: PropType<"input" | "blur" | "submit" | undefined>;
+    validationValue: null;
+    density: {
+        type: PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    id: StringConstructor;
+    appendIcon: PropType<IconValue>;
+    prependIcon: {
+        type: PropType<NonNullable<IconValue>>;
+        default: NonNullable<IconValue>;
+    };
+    hideDetails: PropType<boolean | "auto">;
+    messages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
+    chips: BooleanConstructor;
+    counter: BooleanConstructor;
+    counterSizeString: {
+        type: StringConstructor;
+        default: string;
+    };
+    counterString: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: BooleanConstructor;
+    hint: StringConstructor;
+    persistentHint: BooleanConstructor;
+    placeholder: StringConstructor;
+    showSize: {
+        type: PropType<boolean | 1000 | 1024>;
+        default: boolean;
+        validator: (v: boolean | number) => boolean;
+    };
+}, vue.ExtractPropTypes<{
+    loading: (StringConstructor | BooleanConstructor)[];
+    theme: StringConstructor;
+    appendInnerIcon: PropType<IconValue>;
+    bgColor: StringConstructor;
+    clearable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    clearIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    active: BooleanConstructor;
+    color: StringConstructor;
+    dirty: BooleanConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    label: StringConstructor;
+    persistentClear: BooleanConstructor;
+    prependInnerIcon: PropType<IconValue>;
+    reverse: BooleanConstructor;
+    singleLine: BooleanConstructor;
+    variant: {
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:clear': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:appendInner': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
+    modelValue: {
+        type: PropType<File[]>;
+        default: () => never[];
+        validator: (val: any) => boolean;
+    };
+    focused: BooleanConstructor;
+    errorMessages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    rules: {
+        type: PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    validateOn: PropType<"input" | "blur" | "submit" | undefined>;
+    validationValue: null;
+    density: {
+        type: PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    id: StringConstructor;
+    appendIcon: PropType<IconValue>;
+    prependIcon: {
+        type: PropType<NonNullable<IconValue>>;
+        default: NonNullable<IconValue>;
+    };
+    hideDetails: PropType<boolean | "auto">;
+    messages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
+    chips: BooleanConstructor;
+    counter: BooleanConstructor;
+    counterSizeString: {
+        type: StringConstructor;
+        default: string;
+    };
+    counterString: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: BooleanConstructor;
+    hint: StringConstructor;
+    persistentHint: BooleanConstructor;
+    placeholder: StringConstructor;
+    showSize: {
+        type: PropType<boolean | 1000 | 1024>;
+        default: boolean;
+        validator: (v: boolean | number) => boolean;
+    };
+}>>;
 type VFileInput = InstanceType<typeof VFileInput>;
 
 export { VFileInput };