@vuetify/nightly 3.7.6-dev.2024-12-18 → 3.7.6-master.2024-12-18

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

@@ -1,6 +1,5 @@
 import * as vue from 'vue';
 import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, ComponentPublicInstance, FunctionalComponent, ComputedRef, Ref, nextTick } from 'vue';
-import * as _vue_reactivity from '@vue/reactivity';
 
 type ClassValue = any;
 
@@ -125,7 +124,7 @@ type VCounterSlot = {
 };
 
 declare const VTextField: {
-    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -299,7 +298,40 @@ declare const VTextField: {
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
+            disabled: boolean | null;
+            readonly: boolean | null;
+            messages: string | readonly string[];
+            focused: boolean;
+            errorMessages: string | readonly string[] | null;
+            maxErrors: string | number;
+            rules: readonly ValidationRule[];
+            density: Density;
+            centerAffix: boolean;
+            hideSpinButtons: boolean;
+            persistentHint: boolean;
+        } & {
+            name?: string | undefined;
+            id?: string | undefined;
+            width?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            label?: string | undefined;
+            class?: any;
+            theme?: string | undefined;
+            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+            validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+            validationValue?: any;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
+            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+            hint?: string | undefined;
+            hideDetails?: boolean | "auto" | undefined;
+        } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -315,7 +347,6 @@ declare const VTextField: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
-        $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -380,7 +411,7 @@ declare const VTextField: {
             append: (arg: VInputSlot) => vue.VNode[];
             details: (arg: VInputSlot) => vue.VNode[];
             message: (arg: VMessageSlot) => vue.VNode[];
-        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
+        }>>> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -399,23 +430,8 @@ declare const VTextField: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Readonly<{
-        error: boolean;
-        direction: "horizontal" | "vertical";
-        style: vue.StyleValue;
-        disabled: boolean | null;
-        readonly: boolean | null;
-        messages: string | readonly string[];
-        focused: boolean;
-        errorMessages: string | readonly string[] | null;
-        maxErrors: string | number;
-        rules: readonly ValidationRule[];
-        density: Density;
-        centerAffix: boolean;
-        hideSpinButtons: boolean;
-        persistentHint: boolean;
-    }> & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -448,7 +464,7 @@ declare const VTextField: {
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
-    } & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")> & vue.ShallowUnwrapRef<{
+    } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
         reset: () => Promise<void>;
         resetValidation: () => Promise<void>;
         validate: (silent?: boolean) => Promise<string[]>;
@@ -457,7 +473,7 @@ declare const VTextField: {
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VInputSlots>, "name" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+    }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -508,7 +524,41 @@ declare const VTextField: {
             'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
             centerAffix?: boolean | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            flat: boolean;
+            reverse: boolean;
+            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+            error: boolean;
+            active: boolean;
+            style: vue.StyleValue;
+            disabled: boolean;
+            focused: boolean;
+            tile: boolean;
+            clearIcon: IconValue;
+            clearable: boolean;
+            dirty: boolean;
+            persistentClear: boolean;
+            singleLine: boolean;
+        } & {
+            id?: string | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
+            label?: string | undefined;
+            class?: any;
+            theme?: string | undefined;
+            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+            rounded?: string | number | boolean | undefined;
+            baseColor?: string | undefined;
+            bgColor?: string | undefined;
+            appendInnerIcon?: IconValue | undefined;
+            prependInnerIcon?: IconValue | undefined;
+            'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+            centerAffix?: boolean | undefined;
+        } & {
+            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        }, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -530,7 +580,6 @@ declare const VTextField: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
-        $host: Element | null;
         $emit: (event: "update:focused", focused: boolean) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -568,7 +617,7 @@ declare const VTextField: {
         } & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         }, {
-            controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            controlRef: vue.Ref<HTMLElement | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:focused': (focused: boolean) => true;
             'update:modelValue': (value: any) => true;
@@ -601,7 +650,7 @@ declare const VTextField: {
             }) => vue.VNode[];
             loader: (arg: LoaderSlotProps) => vue.VNode[];
             default: (arg: VFieldSlot) => vue.VNode[];
-        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
+        }>>> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -620,25 +669,8 @@ declare const VTextField: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Readonly<{
-        flat: boolean;
-        reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        error: boolean;
-        active: boolean;
-        style: vue.StyleValue;
-        disabled: boolean;
-        focused: boolean;
-        rounded: string | number | boolean;
-        tile: boolean;
-        clearIcon: IconValue;
-        centerAffix: boolean;
-        clearable: boolean;
-        dirty: boolean;
-        persistentClear: boolean;
-        singleLine: boolean;
-    }> & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Omit<{
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -672,12 +704,12 @@ declare const VTextField: {
         centerAffix?: boolean | undefined;
     } & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-    }, ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine") | "controlRef"> & vue.ShallowUnwrapRef<{
-        controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    }, "controlRef"> & vue.ShallowUnwrapRef<{
+        controlRef: vue.Ref<HTMLElement | undefined>;
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VFieldSlots>, "id" | "color" | "loading" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
+    }, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
         _allExposed: {
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
@@ -685,14 +717,138 @@ declare const VTextField: {
             isValid: vue.ComputedRef<boolean | null>;
             errorMessages: vue.ComputedRef<string[]>;
         } | {
-            controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            controlRef: vue.Ref<HTMLElement | undefined>;
         } | {};
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'click:control': (e: MouseEvent) => true;
         'mousedown:control': (e: MouseEvent) => true;
         'update:focused': (focused: boolean) => true;
         'update:modelValue': (val: string) => true;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        flat: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+        type: string;
+        error: boolean;
+        active: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
+        autofocus: boolean;
+        disabled: boolean;
+        readonly: boolean | null;
+        messages: string | readonly string[];
+        focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
+        rules: readonly ValidationRule[];
+        tile: boolean;
+        density: Density;
+        clearIcon: IconValue;
+        hideSpinButtons: boolean;
+        persistentHint: boolean;
+        clearable: boolean;
+        dirty: boolean;
+        persistentClear: boolean;
+        singleLine: boolean;
+        persistentPlaceholder: boolean;
+        persistentCounter: boolean;
+    } & {
+        name?: string | undefined;
+        id?: string | undefined;
+        width?: string | number | undefined;
+        color?: string | undefined;
+        maxWidth?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        loading?: string | boolean | undefined;
+        label?: string | undefined;
+        prefix?: string | undefined;
+        role?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
+        placeholder?: string | undefined;
+        counter?: string | number | boolean | undefined;
+        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+        modelValue?: any;
+        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+        validationValue?: any;
+        rounded?: string | number | boolean | undefined;
+        baseColor?: string | undefined;
+        bgColor?: string | undefined;
+        prependIcon?: IconValue | undefined;
+        appendIcon?: IconValue | undefined;
+        appendInnerIcon?: IconValue | undefined;
+        prependInnerIcon?: IconValue | undefined;
+        'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+        centerAffix?: boolean | undefined;
+        hint?: string | undefined;
+        hideDetails?: boolean | "auto" | undefined;
+        suffix?: string | undefined;
+        counterValue?: number | ((value: any) => number) | undefined;
+        modelModifiers?: Record<string, boolean> | undefined;
+    } & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+            clear?: ((arg: DefaultInputSlot & {
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
+            details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            label?: ((arg: DefaultInputSlot & {
+                label: string | undefined;
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
+            append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+            'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
+            'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
+            default?: (() => vue.VNodeChild) | undefined;
+            counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+            clear?: false | ((arg: DefaultInputSlot & {
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
+            details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            label?: false | ((arg: DefaultInputSlot & {
+                label: string | undefined;
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
+            append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+            'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
+            'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
+            default?: false | (() => vue.VNodeChild) | undefined;
+            counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+        "v-slot:clear"?: false | ((arg: DefaultInputSlot & {
+            props: Record<string, any>;
+        }) => vue.VNodeChild) | undefined;
+        "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:label"?: false | ((arg: DefaultInputSlot & {
+            label: string | undefined;
+            props: Record<string, any>;
+        }) => vue.VNodeChild) | undefined;
+        "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:counter"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
+    } & {
+        "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+        "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+        "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
+    }, {
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -739,7 +895,7 @@ declare const VTextField: {
         'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
         default: () => vue.VNode[];
         counter: (arg: VCounterSlot) => vue.VNode[];
-    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+    }>>, {
         P: {};
         B: {};
         D: {};
@@ -920,7 +1076,40 @@ declare const VTextField: {
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
+            disabled: boolean | null;
+            readonly: boolean | null;
+            messages: string | readonly string[];
+            focused: boolean;
+            errorMessages: string | readonly string[] | null;
+            maxErrors: string | number;
+            rules: readonly ValidationRule[];
+            density: Density;
+            centerAffix: boolean;
+            hideSpinButtons: boolean;
+            persistentHint: boolean;
+        } & {
+            name?: string | undefined;
+            id?: string | undefined;
+            width?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            label?: string | undefined;
+            class?: any;
+            theme?: string | undefined;
+            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+            validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+            validationValue?: any;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
+            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+            hint?: string | undefined;
+            hideDetails?: boolean | "auto" | undefined;
+        } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -936,7 +1125,6 @@ declare const VTextField: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
-        $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -1001,7 +1189,7 @@ declare const VTextField: {
             append: (arg: VInputSlot) => vue.VNode[];
             details: (arg: VInputSlot) => vue.VNode[];
             message: (arg: VMessageSlot) => vue.VNode[];
-        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
+        }>>> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -1020,23 +1208,8 @@ declare const VTextField: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Readonly<{
-        error: boolean;
-        direction: "horizontal" | "vertical";
-        style: vue.StyleValue;
-        disabled: boolean | null;
-        readonly: boolean | null;
-        messages: string | readonly string[];
-        focused: boolean;
-        errorMessages: string | readonly string[] | null;
-        maxErrors: string | number;
-        rules: readonly ValidationRule[];
-        density: Density;
-        centerAffix: boolean;
-        hideSpinButtons: boolean;
-        persistentHint: boolean;
-    }> & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -1069,7 +1242,7 @@ declare const VTextField: {
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
-    } & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")> & vue.ShallowUnwrapRef<{
+    } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
         reset: () => Promise<void>;
         resetValidation: () => Promise<void>;
         validate: (silent?: boolean) => Promise<string[]>;
@@ -1078,7 +1251,7 @@ declare const VTextField: {
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VInputSlots>, "name" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+    }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -1129,7 +1302,41 @@ declare const VTextField: {
             'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
             centerAffix?: boolean | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            flat: boolean;
+            reverse: boolean;
+            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+            error: boolean;
+            active: boolean;
+            style: vue.StyleValue;
+            disabled: boolean;
+            focused: boolean;
+            tile: boolean;
+            clearIcon: IconValue;
+            clearable: boolean;
+            dirty: boolean;
+            persistentClear: boolean;
+            singleLine: boolean;
+        } & {
+            id?: string | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
+            label?: string | undefined;
+            class?: any;
+            theme?: string | undefined;
+            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+            rounded?: string | number | boolean | undefined;
+            baseColor?: string | undefined;
+            bgColor?: string | undefined;
+            appendInnerIcon?: IconValue | undefined;
+            prependInnerIcon?: IconValue | undefined;
+            'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+            centerAffix?: boolean | undefined;
+        } & {
+            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        }, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1151,7 +1358,6 @@ declare const VTextField: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
-        $host: Element | null;
         $emit: (event: "update:focused", focused: boolean) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -1189,7 +1395,7 @@ declare const VTextField: {
         } & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         }, {
-            controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            controlRef: vue.Ref<HTMLElement | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:focused': (focused: boolean) => true;
             'update:modelValue': (value: any) => true;
@@ -1222,7 +1428,7 @@ declare const VTextField: {
             }) => vue.VNode[];
             loader: (arg: LoaderSlotProps) => vue.VNode[];
             default: (arg: VFieldSlot) => vue.VNode[];
-        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
+        }>>> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -1241,25 +1447,8 @@ declare const VTextField: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Readonly<{
-        flat: boolean;
-        reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        error: boolean;
-        active: boolean;
-        style: vue.StyleValue;
-        disabled: boolean;
-        focused: boolean;
-        rounded: string | number | boolean;
-        tile: boolean;
-        clearIcon: IconValue;
-        centerAffix: boolean;
-        clearable: boolean;
-        dirty: boolean;
-        persistentClear: boolean;
-        singleLine: boolean;
-    }> & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Omit<{
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -1293,12 +1482,12 @@ declare const VTextField: {
         centerAffix?: boolean | undefined;
     } & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-    }, ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine") | "controlRef"> & vue.ShallowUnwrapRef<{
-        controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    }, "controlRef"> & vue.ShallowUnwrapRef<{
+        controlRef: vue.Ref<HTMLElement | undefined>;
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VFieldSlots>, "id" | "color" | "loading" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
+    }, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
         _allExposed: {
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
@@ -1306,7 +1495,7 @@ declare const VTextField: {
             isValid: vue.ComputedRef<boolean | null>;
             errorMessages: vue.ComputedRef<string[]>;
         } | {
-            controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            controlRef: vue.Ref<HTMLElement | undefined>;
         } | {};
     }, {}, {}, {}, {
         flat: boolean;
@@ -1516,7 +1705,40 @@ declare const VTextField: {
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        error: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
+        disabled: boolean | null;
+        readonly: boolean | null;
+        messages: string | readonly string[];
+        focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
+        rules: readonly ValidationRule[];
+        density: Density;
+        centerAffix: boolean;
+        hideSpinButtons: boolean;
+        persistentHint: boolean;
+    } & {
+        name?: string | undefined;
+        id?: string | undefined;
+        width?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        label?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
+        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+        validationValue?: any;
+        prependIcon?: IconValue | undefined;
+        appendIcon?: IconValue | undefined;
+        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+        hint?: string | undefined;
+        hideDetails?: boolean | "auto" | undefined;
+    } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1532,7 +1754,6 @@ declare const VTextField: {
     }>;
     $root: vue.ComponentPublicInstance | null;
     $parent: vue.ComponentPublicInstance | null;
-    $host: Element | null;
     $emit: (event: string, ...args: any[]) => void;
     $el: any;
     $options: vue.ComponentOptionsBase<{
@@ -1597,7 +1818,7 @@ declare const VTextField: {
         append: (arg: VInputSlot) => vue.VNode[];
         details: (arg: VInputSlot) => vue.VNode[];
         message: (arg: VMessageSlot) => vue.VNode[];
-    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
+    }>>> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
         beforeMount?: (() => void) | (() => void)[];
@@ -1616,23 +1837,8 @@ declare const VTextField: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-} & Readonly<{
-    error: boolean;
-    direction: "horizontal" | "vertical";
-    style: vue.StyleValue;
-    disabled: boolean | null;
-    readonly: boolean | null;
-    messages: string | readonly string[];
-    focused: boolean;
-    errorMessages: string | readonly string[] | null;
-    maxErrors: string | number;
-    rules: readonly ValidationRule[];
-    density: Density;
-    centerAffix: boolean;
-    hideSpinButtons: boolean;
-    persistentHint: boolean;
-}> & Omit<{
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+} & Omit<{
     error: boolean;
     direction: "horizontal" | "vertical";
     style: vue.StyleValue;
@@ -1665,7 +1871,7 @@ declare const VTextField: {
     'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
-} & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")> & vue.ShallowUnwrapRef<{
+} & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
     reset: () => Promise<void>;
     resetValidation: () => Promise<void>;
     validate: (silent?: boolean) => Promise<string[]>;
@@ -1674,7 +1880,7 @@ declare const VTextField: {
 }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
     modelValue?: unknown;
     'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-}, VInputSlots>, "name" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+}, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
     $: vue.ComponentInternalInstance;
     $data: {};
     $props: Partial<{
@@ -1725,7 +1931,41 @@ declare const VTextField: {
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
         centerAffix?: boolean | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        flat: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+        error: boolean;
+        active: boolean;
+        style: vue.StyleValue;
+        disabled: boolean;
+        focused: boolean;
+        tile: boolean;
+        clearIcon: IconValue;
+        clearable: boolean;
+        dirty: boolean;
+        persistentClear: boolean;
+        singleLine: boolean;
+    } & {
+        id?: string | undefined;
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
+        label?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
+        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+        rounded?: string | number | boolean | undefined;
+        baseColor?: string | undefined;
+        bgColor?: string | undefined;
+        appendInnerIcon?: IconValue | undefined;
+        prependInnerIcon?: IconValue | undefined;
+        'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+        centerAffix?: boolean | undefined;
+    } & {
+        "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+    }, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1747,7 +1987,6 @@ declare const VTextField: {
     }>;
     $root: vue.ComponentPublicInstance | null;
     $parent: vue.ComponentPublicInstance | null;
-    $host: Element | null;
     $emit: (event: "update:focused", focused: boolean) => void;
     $el: any;
     $options: vue.ComponentOptionsBase<{
@@ -1785,7 +2024,7 @@ declare const VTextField: {
     } & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
     }, {
-        controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        controlRef: vue.Ref<HTMLElement | undefined>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:focused': (focused: boolean) => true;
         'update:modelValue': (value: any) => true;
@@ -1818,7 +2057,7 @@ declare const VTextField: {
         }) => vue.VNode[];
         loader: (arg: LoaderSlotProps) => vue.VNode[];
         default: (arg: VFieldSlot) => vue.VNode[];
-    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
+    }>>> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
         beforeMount?: (() => void) | (() => void)[];
@@ -1837,25 +2076,8 @@ declare const VTextField: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-} & Readonly<{
-    flat: boolean;
-    reverse: boolean;
-    variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-    error: boolean;
-    active: boolean;
-    style: vue.StyleValue;
-    disabled: boolean;
-    focused: boolean;
-    rounded: string | number | boolean;
-    tile: boolean;
-    clearIcon: IconValue;
-    centerAffix: boolean;
-    clearable: boolean;
-    dirty: boolean;
-    persistentClear: boolean;
-    singleLine: boolean;
-}> & Omit<{
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+} & Omit<{
     flat: boolean;
     reverse: boolean;
     variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -1889,12 +2111,12 @@ declare const VTextField: {
     centerAffix?: boolean | undefined;
 } & {
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-}, ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine") | "controlRef"> & vue.ShallowUnwrapRef<{
-    controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+}, "controlRef"> & vue.ShallowUnwrapRef<{
+    controlRef: vue.Ref<HTMLElement | undefined>;
 }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
     modelValue?: unknown;
     'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-}, VFieldSlots>, "id" | "color" | "loading" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
+}, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
     _allExposed: {
         reset: () => Promise<void>;
         resetValidation: () => Promise<void>;
@@ -1902,7 +2124,7 @@ declare const VTextField: {
         isValid: vue.ComputedRef<boolean | null>;
         errorMessages: vue.ComputedRef<string[]>;
     } | {
-        controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        controlRef: vue.Ref<HTMLElement | undefined>;
     } | {};
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'click:control': (e: MouseEvent) => true;
@@ -1956,7 +2178,7 @@ declare const VTextField: {
     'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
     default: () => vue.VNode[];
     counter: (arg: VCounterSlot) => vue.VNode[];
-}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     theme: StringConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];