@vuetify/nightly 3.0.0-beta.13 → 3.0.0-beta.15

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

@@ -1,14 +1,16 @@
 import * as vue from 'vue';
 import { VNodeChild, PropType, JSXComponent, ComputedRef, Ref, nextTick } from 'vue';
 
-declare type SlotsToProps<T extends Record<string, Slot>> = {
-    $children: () => (T['default'] | VNodeChild | {
+declare type SlotsToProps<T extends Record<string, any>> = T extends Record<string, Slot> ? ({
+    $children?: (VNodeChild | (keyof T extends 'default' ? T['default'] : {}) | {
         [K in keyof T]?: T[K];
     });
-    'v-slots': new () => {
+    'v-slots'?: {
         [K in keyof T]?: T[K] | false;
     };
-};
+} & {
+    [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
+}) : T extends Record<string, any[]> ? SlotsToProps<MakeSlots<T>> : never;
 declare type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
 declare type MakeSlots<T extends Record<string, any[]>> = {
     [K in keyof T]?: Slot<T[K]>;
@@ -25,6 +27,8 @@ interface LoaderSlotProps {
 declare type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
+declare type Density = null | 'default' | 'comfortable' | 'compact';
+
 declare type ValidationResult = string | boolean;
 declare type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
 
@@ -81,7 +85,7 @@ declare const VTextField: {
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
-            density: "default" | "compact" | "comfortable" | null;
+            density: Density;
             variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
             errorMessages: string | string[];
             maxErrors: string | number;
@@ -94,7 +98,7 @@ declare const VTextField: {
             persistentHint: boolean;
             persistentPlaceholder: boolean;
             persistentCounter: boolean;
-        }> & Omit<Readonly<vue.ExtractPropTypes<{
+        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
             loading: BooleanConstructor;
             theme: StringConstructor;
             appendInnerIcon: PropType<IconValue>;
@@ -139,7 +143,7 @@ declare const VTextField: {
             modelValue: null;
             validationValue: null;
             density: {
-                type: PropType<"default" | "compact" | "comfortable" | null>;
+                type: PropType<Density>;
                 default: string;
                 validator: (v: any) => boolean;
             };
@@ -172,21 +176,7 @@ declare const VTextField: {
                 type: StringConstructor;
                 default: string;
             };
-        } & SlotsToProps<Omit<MakeSlots<{
-            default: [VInputSlot];
-            prepend: [VInputSlot];
-            append: [VInputSlot];
-            details: [VInputSlot];
-        }> & MakeSlots<{
-            clear: [];
-            'prepend-inner': [DefaultInputSlot & VInputSlot];
-            'append-inner': [DefaultInputSlot & VInputSlot];
-            label: [DefaultInputSlot & VInputSlot];
-            loader: [LoaderSlotProps];
-            default: [VFieldSlot];
-        }>, "default"> & MakeSlots<{
-            default: [];
-        }>>>> & {
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
             "onUpdate:modelValue"?: ((val: string) => any) | undefined;
             "onClick:control"?: ((e: MouseEvent) => any) | undefined;
             "onClick:input"?: ((e: MouseEvent) => any) | undefined;
@@ -204,7 +194,7 @@ declare const VTextField: {
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $emit: ((event: "update:modelValue", val: string) => void) & ((event: "click:control", e: MouseEvent) => void) & ((event: "click:input", e: MouseEvent) => void);
         $el: any;
-        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
             loading: BooleanConstructor;
             theme: StringConstructor;
             appendInnerIcon: PropType<IconValue>;
@@ -249,7 +239,7 @@ declare const VTextField: {
             modelValue: null;
             validationValue: null;
             density: {
-                type: PropType<"default" | "compact" | "comfortable" | null>;
+                type: PropType<Density>;
                 default: string;
                 validator: (v: any) => boolean;
             };
@@ -282,29 +272,427 @@ declare const VTextField: {
                 type: StringConstructor;
                 default: string;
             };
-        } & SlotsToProps<Omit<MakeSlots<{
-            default: [VInputSlot];
-            prepend: [VInputSlot];
-            append: [VInputSlot];
-            details: [VInputSlot];
-        }> & MakeSlots<{
-            clear: [];
-            'prepend-inner': [DefaultInputSlot & VInputSlot];
-            'append-inner': [DefaultInputSlot & VInputSlot];
-            label: [DefaultInputSlot & VInputSlot];
-            loader: [LoaderSlotProps];
-            default: [VFieldSlot];
-        }>, "default"> & MakeSlots<{
-            default: [];
-        }>>>> & {
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
             "onUpdate:modelValue"?: ((val: string) => any) | undefined;
             "onClick:control"?: ((e: MouseEvent) => any) | undefined;
             "onClick:input"?: ((e: MouseEvent) => any) | undefined;
-        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        }, Omit<Omit<{
+            $: vue.ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                error: boolean;
+                direction: "horizontal" | "vertical";
+                disabled: boolean;
+                readonly: boolean;
+                messages: string | string[];
+                density: Density;
+                errorMessages: string | string[];
+                maxErrors: string | number;
+                rules: ValidationRule[];
+            }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+                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;
+                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">>> & {
+                "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "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, {}>> | null;
+            $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+            $emit: (event: "update:modelValue", val: any) => void;
+            $el: any;
+            $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+                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;
+                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">>> & {
+                "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, {
+                error: boolean;
+                direction: "horizontal" | "vertical";
+                disabled: boolean;
+                readonly: boolean;
+                messages: string | string[];
+                density: Density;
+                errorMessages: string | string[];
+                maxErrors: string | number;
+                rules: ValidationRule[];
+            }> & {
+                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, {}>> | 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;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+        } & Readonly<vue.ExtractPropTypes<Omit<{
+            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;
+            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">>> & {
+            "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" | "onUpdate:modelValue" | "modelValue" | "prependIcon" | "appendIcon" | "validationValue" | "onClick:append" | "onClick:prepend" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "errorMessages" | "maxErrors" | "rules")>, `$${any}`> & Omit<Omit<{
+            $: vue.ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                reverse: boolean;
+                error: boolean;
+                active: boolean;
+                loading: boolean;
+                disabled: boolean;
+                variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+                clearIcon: IconValue;
+                focused: boolean;
+                clearable: boolean;
+                dirty: boolean;
+                persistentClear: boolean;
+                singleLine: boolean;
+            }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+                loading: BooleanConstructor;
+                theme: StringConstructor;
+                appendInnerIcon: PropType<IconValue>;
+                bgColor: StringConstructor;
+                clearable: BooleanConstructor;
+                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>>;
+                focused: BooleanConstructor;
+                id: StringConstructor;
+            }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+                "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+                "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "loading" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+            $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, {}>> | null;
+            $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+            $emit: ((event: "click:control", e: MouseEvent) => void) & ((event: "update:focused", focused: boolean) => void);
+            $el: any;
+            $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+                loading: BooleanConstructor;
+                theme: StringConstructor;
+                appendInnerIcon: PropType<IconValue>;
+                bgColor: StringConstructor;
+                clearable: BooleanConstructor;
+                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>>;
+                focused: BooleanConstructor;
+                id: StringConstructor;
+            }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+                "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+                "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+            }, {
+                controlRef: vue.Ref<HTMLElement | undefined>;
+            }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+                'click:control': (e: MouseEvent) => boolean;
+                'update:focused': (focused: boolean) => boolean;
+                'update:modelValue': (val: any) => boolean;
+            }, "$children" | "v-slots" | "v-slot:default" | "update:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">, string, {
+                reverse: boolean;
+                error: boolean;
+                active: boolean;
+                loading: boolean;
+                disabled: boolean;
+                variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+                clearIcon: IconValue;
+                focused: boolean;
+                clearable: boolean;
+                dirty: boolean;
+                persistentClear: boolean;
+                singleLine: boolean;
+            }> & {
+                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, {}>> | 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;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+        } & Readonly<vue.ExtractPropTypes<Omit<{
+            loading: BooleanConstructor;
+            theme: StringConstructor;
+            appendInnerIcon: PropType<IconValue>;
+            bgColor: StringConstructor;
+            clearable: BooleanConstructor;
+            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>>;
+            focused: BooleanConstructor;
+            id: StringConstructor;
+        }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+        } & vue.ShallowUnwrapRef<{
+            controlRef: vue.Ref<HTMLElement | undefined>;
+        }> & {} & vue.ComponentCustomProperties & {
+            $props: {
+                modelValue?: unknown;
+                'onUpdate:modelValue'?: ((val: unknown) => any) | undefined;
+            } & {
+                $children?: {} | vue.VNodeChild | {
+                    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;
+                    default?: ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
+                };
+                'v-slots'?: {
+                    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;
+                    default?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
+                } | 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:default"?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
+            };
+        }, "id" | "color" | "label" | "$children" | "theme" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "bgColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "onClick:control" | ("reverse" | "error" | "active" | "loading" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'click:control': (e: MouseEvent) => boolean;
             'click:input': (e: MouseEvent) => boolean;
             'update:modelValue': (val: string) => boolean;
-        }, string, {
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">, string, {
             reverse: boolean;
             type: string;
             error: boolean;
@@ -315,7 +703,7 @@ declare const VTextField: {
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
-            density: "default" | "compact" | "comfortable" | null;
+            density: Density;
             variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
             errorMessages: string | string[];
             maxErrors: string | number;
@@ -348,7 +736,7 @@ declare const VTextField: {
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
         $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-    } & Readonly<vue.ExtractPropTypes<{
+    } & Readonly<vue.ExtractPropTypes<Omit<{
         loading: BooleanConstructor;
         theme: StringConstructor;
         appendInnerIcon: PropType<IconValue>;
@@ -393,7 +781,7 @@ declare const VTextField: {
         modelValue: null;
         validationValue: null;
         density: {
-            type: PropType<"default" | "compact" | "comfortable" | null>;
+            type: PropType<Density>;
             default: string;
             validator: (v: any) => boolean;
         };
@@ -426,156 +814,952 @@ declare const VTextField: {
             type: StringConstructor;
             default: string;
         };
-    } & SlotsToProps<Omit<MakeSlots<{
-        default: [VInputSlot];
-        prepend: [VInputSlot];
-        append: [VInputSlot];
-        details: [VInputSlot];
-    }> & MakeSlots<{
-        clear: [];
-        'prepend-inner': [DefaultInputSlot & VInputSlot];
-        'append-inner': [DefaultInputSlot & VInputSlot];
-        label: [DefaultInputSlot & VInputSlot];
-        loader: [LoaderSlotProps];
-        default: [VFieldSlot];
-    }>, "default"> & MakeSlots<{
-        default: [];
-    }>>>> & {
+    }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
         "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         "onClick:input"?: ((e: MouseEvent) => any) | undefined;
-    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
-    loading: BooleanConstructor;
-    theme: StringConstructor;
-    appendInnerIcon: PropType<IconValue>;
-    bgColor: StringConstructor;
-    clearable: BooleanConstructor;
-    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>>;
-    errorMessages: {
-        type: PropType<string | string[]>;
-        default: () => never[];
-    };
-    maxErrors: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    name: StringConstructor;
-    readonly: BooleanConstructor;
-    rules: {
-        type: PropType<ValidationRule[]>;
-        default: () => never[];
-    };
-    modelValue: null;
-    validationValue: null;
-    density: {
-        type: PropType<"default" | "compact" | "comfortable" | null>;
-        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>>;
-    autofocus: BooleanConstructor;
-    counter: PropType<string | number | true>;
-    counterValue: PropType<(value: any) => number>;
-    hint: StringConstructor;
-    persistentHint: BooleanConstructor;
-    prefix: StringConstructor;
-    placeholder: StringConstructor;
-    persistentPlaceholder: BooleanConstructor;
-    persistentCounter: BooleanConstructor;
-    suffix: StringConstructor;
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-} & SlotsToProps<Omit<MakeSlots<{
-    default: [VInputSlot];
-    prepend: [VInputSlot];
-    append: [VInputSlot];
-    details: [VInputSlot];
-}> & MakeSlots<{
-    clear: [];
-    'prepend-inner': [DefaultInputSlot & VInputSlot];
-    'append-inner': [DefaultInputSlot & VInputSlot];
-    label: [DefaultInputSlot & VInputSlot];
-    loader: [LoaderSlotProps];
-    default: [VFieldSlot];
-}>, "default"> & MakeSlots<{
-    default: [];
-}>>>> & {
-    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-    "onClick:control"?: ((e: MouseEvent) => any) | undefined;
-    "onClick:input"?: ((e: MouseEvent) => any) | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'click:control': (e: MouseEvent) => boolean;
-    'click:input': (e: MouseEvent) => boolean;
-    'update:modelValue': (val: string) => boolean;
-}, string, {
-    reverse: boolean;
-    type: string;
-    error: boolean;
-    active: boolean;
-    direction: "horizontal" | "vertical";
-    loading: boolean;
-    autofocus: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    messages: string | string[];
-    density: "default" | "compact" | "comfortable" | null;
-    variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
-    errorMessages: string | string[];
-    maxErrors: string | number;
-    rules: ValidationRule[];
-    clearIcon: IconValue;
-    clearable: boolean;
-    dirty: boolean;
-    persistentClear: boolean;
-    singleLine: boolean;
-    persistentHint: boolean;
-    persistentPlaceholder: boolean;
-    persistentCounter: boolean;
-}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>() => {
-    $slots: Omit<VInputSlots & VFieldSlots, 'default'> & MakeSlots<{
-        default: [];
-    }>;
+    } & vue.ShallowUnwrapRef<Omit<Omit<{
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            disabled: boolean;
+            readonly: boolean;
+            messages: string | string[];
+            density: Density;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+            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;
+            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">>> & {
+            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "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, {}>> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: "update:modelValue", val: any) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+            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;
+            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">>> & {
+            "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, {
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            disabled: boolean;
+            readonly: boolean;
+            messages: string | string[];
+            density: Density;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+        }> & {
+            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, {}>> | 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;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & Readonly<vue.ExtractPropTypes<Omit<{
+        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;
+        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">>> & {
+        "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" | "onUpdate:modelValue" | "modelValue" | "prependIcon" | "appendIcon" | "validationValue" | "onClick:append" | "onClick:prepend" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "errorMessages" | "maxErrors" | "rules")>, `$${any}`> & Omit<Omit<{
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            reverse: boolean;
+            error: boolean;
+            active: boolean;
+            loading: boolean;
+            disabled: boolean;
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+            clearIcon: IconValue;
+            focused: boolean;
+            clearable: boolean;
+            dirty: boolean;
+            persistentClear: boolean;
+            singleLine: boolean;
+        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+            loading: BooleanConstructor;
+            theme: StringConstructor;
+            appendInnerIcon: PropType<IconValue>;
+            bgColor: StringConstructor;
+            clearable: BooleanConstructor;
+            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>>;
+            focused: BooleanConstructor;
+            id: StringConstructor;
+        }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "loading" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+        $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, {}>> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: ((event: "click:control", e: MouseEvent) => void) & ((event: "update:focused", focused: boolean) => void);
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+            loading: BooleanConstructor;
+            theme: StringConstructor;
+            appendInnerIcon: PropType<IconValue>;
+            bgColor: StringConstructor;
+            clearable: BooleanConstructor;
+            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>>;
+            focused: BooleanConstructor;
+            id: StringConstructor;
+        }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+        }, {
+            controlRef: vue.Ref<HTMLElement | undefined>;
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+            'click:control': (e: MouseEvent) => boolean;
+            'update:focused': (focused: boolean) => boolean;
+            'update:modelValue': (val: any) => boolean;
+        }, "$children" | "v-slots" | "v-slot:default" | "update:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">, string, {
+            reverse: boolean;
+            error: boolean;
+            active: boolean;
+            loading: boolean;
+            disabled: boolean;
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+            clearIcon: IconValue;
+            focused: boolean;
+            clearable: boolean;
+            dirty: boolean;
+            persistentClear: boolean;
+            singleLine: boolean;
+        }> & {
+            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, {}>> | 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;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & Readonly<vue.ExtractPropTypes<Omit<{
+        loading: BooleanConstructor;
+        theme: StringConstructor;
+        appendInnerIcon: PropType<IconValue>;
+        bgColor: StringConstructor;
+        clearable: BooleanConstructor;
+        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>>;
+        focused: BooleanConstructor;
+        id: StringConstructor;
+    }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+        "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{
+        controlRef: vue.Ref<HTMLElement | undefined>;
+    }> & {} & vue.ComponentCustomProperties & {
+        $props: {
+            modelValue?: unknown;
+            'onUpdate:modelValue'?: ((val: unknown) => any) | undefined;
+        } & {
+            $children?: {} | vue.VNodeChild | {
+                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;
+                default?: ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
+            };
+            'v-slots'?: {
+                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;
+                default?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
+            } | 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:default"?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
+        };
+    }, "id" | "color" | "label" | "$children" | "theme" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "bgColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "onClick:control" | ("reverse" | "error" | "active" | "loading" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>> & {} & vue.ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+    loading: BooleanConstructor;
+    theme: StringConstructor;
+    appendInnerIcon: PropType<IconValue>;
+    bgColor: StringConstructor;
+    clearable: BooleanConstructor;
+    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>>;
+    errorMessages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    rules: {
+        type: PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    modelValue: null;
+    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>>;
+    autofocus: BooleanConstructor;
+    counter: PropType<string | number | true>;
+    counterValue: PropType<(value: any) => number>;
+    hint: StringConstructor;
+    persistentHint: BooleanConstructor;
+    prefix: StringConstructor;
+    placeholder: StringConstructor;
+    persistentPlaceholder: BooleanConstructor;
+    persistentCounter: BooleanConstructor;
+    suffix: StringConstructor;
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+}, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+    "onClick:input"?: ((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;
+        errorMessages: string | string[];
+        maxErrors: string | number;
+        rules: ValidationRule[];
+    }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+        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;
+        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">>> & {
+        "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "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, {}>> | null;
+    $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+    $emit: (event: "update:modelValue", val: any) => void;
+    $el: any;
+    $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+        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;
+        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">>> & {
+        "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, {
+        error: boolean;
+        direction: "horizontal" | "vertical";
+        disabled: boolean;
+        readonly: boolean;
+        messages: string | string[];
+        density: Density;
+        errorMessages: string | string[];
+        maxErrors: string | number;
+        rules: ValidationRule[];
+    }> & {
+        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, {}>> | 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;
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof nextTick;
+    $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+} & Readonly<vue.ExtractPropTypes<Omit<{
+    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;
+    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">>> & {
+    "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" | "onUpdate:modelValue" | "modelValue" | "prependIcon" | "appendIcon" | "validationValue" | "onClick:append" | "onClick:prepend" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "errorMessages" | "maxErrors" | "rules")>, `$${any}`> & Omit<Omit<{
+    $: vue.ComponentInternalInstance;
+    $data: {};
+    $props: Partial<{
+        reverse: boolean;
+        error: boolean;
+        active: boolean;
+        loading: boolean;
+        disabled: boolean;
+        variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+        clearIcon: IconValue;
+        focused: boolean;
+        clearable: boolean;
+        dirty: boolean;
+        persistentClear: boolean;
+        singleLine: boolean;
+    }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+        loading: BooleanConstructor;
+        theme: StringConstructor;
+        appendInnerIcon: PropType<IconValue>;
+        bgColor: StringConstructor;
+        clearable: BooleanConstructor;
+        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>>;
+        focused: BooleanConstructor;
+        id: StringConstructor;
+    }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+        "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "loading" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+    $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, {}>> | null;
+    $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+    $emit: ((event: "click:control", e: MouseEvent) => void) & ((event: "update:focused", focused: boolean) => void);
+    $el: any;
+    $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+        loading: BooleanConstructor;
+        theme: StringConstructor;
+        appendInnerIcon: PropType<IconValue>;
+        bgColor: StringConstructor;
+        clearable: BooleanConstructor;
+        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>>;
+        focused: BooleanConstructor;
+        id: StringConstructor;
+    }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+        "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+    }, {
+        controlRef: vue.Ref<HTMLElement | undefined>;
+    }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+        'click:control': (e: MouseEvent) => boolean;
+        'update:focused': (focused: boolean) => boolean;
+        'update:modelValue': (val: any) => boolean;
+    }, "$children" | "v-slots" | "v-slot:default" | "update:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">, string, {
+        reverse: boolean;
+        error: boolean;
+        active: boolean;
+        loading: boolean;
+        disabled: boolean;
+        variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+        clearIcon: IconValue;
+        focused: boolean;
+        clearable: boolean;
+        dirty: boolean;
+        persistentClear: boolean;
+        singleLine: boolean;
+    }> & {
+        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, {}>> | 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;
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof nextTick;
+    $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+} & Readonly<vue.ExtractPropTypes<Omit<{
+    loading: BooleanConstructor;
+    theme: StringConstructor;
+    appendInnerIcon: PropType<IconValue>;
+    bgColor: StringConstructor;
+    clearable: BooleanConstructor;
+    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>>;
+    focused: BooleanConstructor;
+    id: StringConstructor;
+}, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+    "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+    "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+} & vue.ShallowUnwrapRef<{
+    controlRef: vue.Ref<HTMLElement | undefined>;
+}> & {} & vue.ComponentCustomProperties & {
+    $props: {
+        modelValue?: unknown;
+        'onUpdate:modelValue'?: ((val: unknown) => any) | undefined;
+    } & {
+        $children?: {} | vue.VNodeChild | {
+            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;
+            default?: ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            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;
+            default?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
+        } | 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:default"?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
+    };
+}, "id" | "color" | "label" | "$children" | "theme" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "bgColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "onClick:control" | ("reverse" | "error" | "active" | "loading" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+    'click:control': (e: MouseEvent) => boolean;
+    'click:input': (e: MouseEvent) => boolean;
+    'update:modelValue': (val: string) => boolean;
+}, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">, string, {
+    reverse: boolean;
+    type: string;
+    error: boolean;
+    active: boolean;
+    direction: "horizontal" | "vertical";
+    loading: boolean;
+    autofocus: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    messages: string | string[];
+    density: Density;
+    variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+    errorMessages: string | string[];
+    maxErrors: string | number;
+    rules: ValidationRule[];
+    clearIcon: IconValue;
+    clearable: boolean;
+    dirty: boolean;
+    persistentClear: boolean;
+    singleLine: boolean;
+    persistentHint: boolean;
+    persistentPlaceholder: boolean;
+    persistentCounter: boolean;
+}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+    $props: SlotsToProps<Omit<VInputSlots & VFieldSlots, 'default'> & MakeSlots<{
+        default: [];
+    }>>;
 });
 declare type VTextField = InstanceType<typeof VTextField>;