vuetify 3.1.3 → 3.1.5

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

@@ -1,17 +1,22 @@
 import * as vue from 'vue';
 import { PropType, JSXComponent, ComputedRef, Ref, nextTick } from 'vue';
 
-declare type Density = null | 'default' | 'comfortable' | 'compact';
-
-declare type EventProp<T = (...args: any[]) => any> = T | T[];
+type EventProp<T = (...args: any[]) => any> = T | T[];
 declare const EventProp: PropType<EventProp<(...args: any[]) => any>>;
 
-declare type ValidationResult = string | boolean;
-declare type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
+interface LoaderSlotProps {
+    color: string | undefined;
+    isActive: boolean;
+}
 
-declare type IconValue = string | JSXComponent;
+type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
+type Density = null | 'default' | 'comfortable' | 'compact';
+
+type ValidationResult = string | boolean;
+type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
+
 interface VInputSlot {
     id: ComputedRef<string>;
     messagesId: ComputedRef<string>;
@@ -26,101 +31,102 @@ interface VInputSlot {
     validate: () => void;
 }
 
+interface DefaultInputSlot {
+    isActive: Ref<boolean>;
+    isFocused: Ref<boolean>;
+    controlRef: Ref<HTMLElement | undefined>;
+    focus: () => void;
+    blur: () => void;
+}
+interface VFieldSlot extends DefaultInputSlot {
+    props: Record<string, unknown>;
+}
+
 declare const VFileInput: vue.DefineComponent<{
-    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<(string & {}) | IconValue>;
-        default: (string & {}) | 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;
-    };
+    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;
+    };
+    '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;
 }, Omit<Omit<{
     $: vue.ComponentInternalInstance;
     $data: {};
@@ -135,49 +141,48 @@ declare const VFileInput: vue.DefineComponent<{
         errorMessages: string | string[];
         maxErrors: string | number;
         rules: ValidationRule[];
-    }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
-        focused: BooleanConstructor;
-        disabled: BooleanConstructor;
-        error: BooleanConstructor;
-        errorMessages: {
-            type: PropType<string | string[]>;
-            default: () => never[];
-        };
-        maxErrors: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-        };
-        name: StringConstructor;
-        label: StringConstructor;
-        readonly: BooleanConstructor;
-        rules: {
-            type: PropType<ValidationRule[]>;
-            default: () => never[];
-        };
-        modelValue: null;
-        validateOn: PropType<"input" | "blur" | "submit" | undefined>;
-        validationValue: null;
-        density: {
-            type: PropType<Density>;
-            default: string;
-            validator: (v: any) => boolean;
-        };
-        id: StringConstructor;
-        appendIcon: PropType<IconValue>;
-        prependIcon: PropType<IconValue>;
-        hideDetails: PropType<boolean | "auto">;
-        messages: {
-            type: PropType<string | string[]>;
-            default: () => never[];
-        };
-        direction: {
-            type: PropType<"horizontal" | "vertical">;
-            default: string;
-            validator: (v: any) => boolean;
+    }> & 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;
         };
-        'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
-        'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
-    }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">>> & {
+        '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: {
@@ -189,61 +194,60 @@ declare const VFileInput: vue.DefineComponent<{
     $slots: Readonly<{
         [name: string]: vue.Slot | undefined;
     }>;
-    $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-    $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+    $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<Readonly<vue.ExtractPropTypes<Omit<{
-        focused: BooleanConstructor;
-        disabled: BooleanConstructor;
-        error: BooleanConstructor;
-        errorMessages: {
-            type: PropType<string | string[]>;
-            default: () => never[];
-        };
-        maxErrors: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-        };
-        name: StringConstructor;
-        label: StringConstructor;
-        readonly: BooleanConstructor;
-        rules: {
-            type: PropType<ValidationRule[]>;
-            default: () => never[];
-        };
-        modelValue: null;
-        validateOn: PropType<"input" | "blur" | "submit" | undefined>;
-        validationValue: null;
-        density: {
-            type: PropType<Density>;
-            default: string;
-            validator: (v: any) => boolean;
-        };
-        id: StringConstructor;
-        appendIcon: PropType<IconValue>;
-        prependIcon: PropType<IconValue>;
-        hideDetails: PropType<boolean | "auto">;
-        messages: {
-            type: PropType<string | string[]>;
-            default: () => never[];
-        };
-        direction: {
-            type: PropType<"horizontal" | "vertical">;
-            default: string;
-            validator: (v: any) => boolean;
+    $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;
         };
-        'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
-        'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
-    }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">>> & {
+        '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, Omit<{
-        'update:modelValue': (val: any) => boolean;
-    }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">, string, {
+    }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        'update:modelValue': (val: any) => true;
+    }, string, {
         error: boolean;
         direction: "horizontal" | "vertical";
         disabled: boolean;
@@ -254,7 +258,7 @@ declare const VFileInput: vue.DefineComponent<{
         errorMessages: string | string[];
         maxErrors: string | number;
         rules: ValidationRule[];
-    }> & {
+    }, {}, string> & {
         beforeCreate?: ((() => void) | (() => void)[]) | undefined;
         created?: ((() => void) | (() => void)[]) | undefined;
         beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -269,180 +273,151 @@ declare const VFileInput: vue.DefineComponent<{
         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, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | 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(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-} & Readonly<vue.ExtractPropTypes<Omit<{
-    focused: BooleanConstructor;
-    disabled: BooleanConstructor;
-    error: BooleanConstructor;
-    errorMessages: {
-        type: PropType<string | string[]>;
-        default: () => never[];
-    };
-    maxErrors: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    name: StringConstructor;
-    label: StringConstructor;
-    readonly: BooleanConstructor;
-    rules: {
-        type: PropType<ValidationRule[]>;
-        default: () => never[];
-    };
-    modelValue: null;
-    validateOn: PropType<"input" | "blur" | "submit" | undefined>;
-    validationValue: null;
-    density: {
-        type: PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    id: StringConstructor;
-    appendIcon: PropType<IconValue>;
-    prependIcon: PropType<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>>;
-}, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">>> & {
+    $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;
+    };
+    '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 & {
-    $props: {
-        $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;
-        };
-        '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;
-    };
-}, "id" | "name" | "label" | "$children" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "validateOn" | "validationValue" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}> & {} & 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, {
     'click:control': (e: MouseEvent) => true;
+    'mousedown:control': (e: MouseEvent) => true;
     'update:modelValue': (files: File[]) => true;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<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<(string & {}) | IconValue>;
-        default: (string & {}) | 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;
-    };
-}>> & {
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    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;
+    };
+    '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;
@@ -451,12 +426,12 @@ declare const VFileInput: vue.DefineComponent<{
     disabled: boolean;
     multiple: boolean;
     readonly: boolean;
-    messages: string | string[];
     counter: boolean;
+    messages: string | string[];
     density: Density;
     variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
     modelValue: File[];
-    prependIcon: (string & {}) | IconValue;
+    prependIcon: NonNullable<IconValue>;
     clearIcon: IconValue;
     focused: boolean;
     errorMessages: string | string[];
@@ -472,6 +447,6 @@ declare const VFileInput: vue.DefineComponent<{
     counterString: string;
     showSize: boolean | 1000 | 1024;
 }>;
-declare type VFileInput = InstanceType<typeof VFileInput>;
+type VFileInput = InstanceType<typeof VFileInput>;
 
 export { VFileInput };