@vuetify/nightly 4.0.0-dev-20230511.0 → 4.0.0-dev-20230512.0

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

@@ -1,7 +1,7 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, PropType, JSXComponent, ComputedRef, Ref, nextTick } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, PropType, JSXComponent, Ref, ComputedRef, nextTick } from 'vue';
 
-type SlotsToProps<U extends Record<string, any[]> | Record<string, Slot>, T = U extends Record<string, any[]> ? MakeSlots<U> : U> = {
+type SlotsToProps<U extends RawSlots, T = U extends Record<string, any[]> ? MakeSlots<U> : U> = {
     $children?: (VNodeChild | (T extends {
         default: infer V;
     } ? V : {}) | {
@@ -13,8 +13,9 @@ type SlotsToProps<U extends Record<string, any[]> | Record<string, Slot>, T = U
 } & {
     [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
 };
+type RawSlots = Record<string, any[]> | Record<string, Slot>;
 type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
-type MakeSlots<T extends Record<string, any[]> | Record<string, Slot>> = {
+type MakeSlots<T extends RawSlots> = {
     [K in keyof T]: T[K] extends any[] ? Slot<T[K]> : T[K];
 };
 type GenericProps<Props, Slots extends Record<string, any[]>> = {
@@ -36,11 +37,37 @@ interface LoaderSlotProps {
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
+interface DefaultInputSlot {
+    isActive: Ref<boolean>;
+    isFocused: Ref<boolean>;
+    controlRef: Ref<HTMLElement | undefined>;
+    focus: () => void;
+    blur: () => void;
+}
+interface VFieldSlot extends DefaultInputSlot {
+    props: Record<string, unknown>;
+}
+type VFieldSlots = {
+    clear: [];
+    'prepend-inner': [DefaultInputSlot];
+    'append-inner': [DefaultInputSlot];
+    label: [DefaultInputSlot & {
+        label: string | undefined;
+        props: Record<string, any>;
+    }];
+    loader: [LoaderSlotProps];
+    default: [VFieldSlot];
+};
+
 type Density = null | 'default' | 'comfortable' | 'compact';
 
 type ValidationResult = string | boolean;
 type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
 
+type VMessageSlot = {
+    message: string;
+};
+
 interface VInputSlot {
     id: ComputedRef<string>;
     messagesId: ComputedRef<string>;
@@ -55,83 +82,44 @@ interface VInputSlot {
     validate: () => void;
 }
 
-interface DefaultInputSlot {
-    isActive: Ref<boolean>;
-    isFocused: Ref<boolean>;
-    controlRef: Ref<HTMLElement | undefined>;
-    focus: () => void;
-    blur: () => void;
-}
-interface VFieldSlot extends DefaultInputSlot {
-    props: Record<string, unknown>;
-}
-type VFieldSlots = {
-    clear: [];
-    'prepend-inner': [DefaultInputSlot & VInputSlot];
-    'append-inner': [DefaultInputSlot & VInputSlot];
-    label: [DefaultInputSlot & VInputSlot];
-    loader: [LoaderSlotProps];
-    default: [VFieldSlot];
+type VCounterSlot = {
+    counter: string;
+    max: string | number | undefined;
+    value: string | number | undefined;
 };
 
 declare const VTextField: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            flat: boolean;
-            reverse: boolean;
-            type: string;
-            error: boolean;
-            active: boolean;
-            direction: "horizontal" | "vertical";
-            style: vue.StyleValue;
-            autofocus: boolean;
-            disabled: boolean;
-            readonly: boolean;
-            messages: string | string[];
-            rounded: string | number | boolean;
-            density: Density;
-            variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
-            clearIcon: IconValue;
-            focused: boolean;
-            errorMessages: string | string[];
-            maxErrors: string | number;
-            rules: ValidationRule[];
-            persistentHint: boolean;
-            clearable: boolean;
-            dirty: boolean;
-            persistentClear: boolean;
-            singleLine: boolean;
-            persistentPlaceholder: boolean;
-            persistentCounter: boolean;
-        }> & Omit<{
-            flat: boolean;
-            reverse: boolean;
-            type: string;
-            error: boolean;
-            active: boolean;
-            direction: "horizontal" | "vertical";
-            style: vue.StyleValue;
-            autofocus: boolean;
-            disabled: boolean;
-            readonly: boolean;
-            messages: string | string[];
-            density: Density;
-            variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
-            clearIcon: IconValue;
-            focused: boolean;
-            errorMessages: string | string[];
-            maxErrors: string | number;
-            rules: ValidationRule[];
-            persistentHint: boolean;
-            clearable: boolean;
-            dirty: boolean;
-            persistentClear: boolean;
-            singleLine: boolean;
-            persistentPlaceholder: boolean;
-            persistentCounter: boolean;
-        } & {
+        $props: {
+            flat?: boolean | undefined;
+            reverse?: boolean | undefined;
+            type?: string | undefined;
+            error?: boolean | undefined;
+            active?: boolean | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
+            style?: vue.StyleValue | undefined;
+            autofocus?: boolean | undefined;
+            disabled?: boolean | undefined;
+            readonly?: boolean | undefined;
+            messages?: string | string[] | undefined;
+            rounded?: string | number | boolean | undefined;
+            density?: Density | undefined;
+            variant?: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled" | undefined;
+            clearIcon?: IconValue | undefined;
+            focused?: boolean | undefined;
+            clearable?: boolean | undefined;
+            dirty?: boolean | undefined;
+            persistentClear?: boolean | undefined;
+            singleLine?: boolean | undefined;
+            errorMessages?: string | string[] | undefined;
+            maxErrors?: string | number | undefined;
+            rules?: ValidationRule[] | undefined;
+            persistentHint?: boolean | undefined;
+            persistentPlaceholder?: boolean | undefined;
+            persistentCounter?: boolean | undefined;
+            key?: string | number | symbol | undefined;
             id?: string | undefined;
             name?: string | undefined;
             color?: string | undefined;
@@ -140,13 +128,90 @@ declare const VTextField: {
             prefix?: string | undefined;
             class?: any;
             placeholder?: string | undefined;
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+                clear?: (() => vue.VNodeChild) | undefined;
+                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                label?: ((args_0: DefaultInputSlot & {
+                    label: string | undefined;
+                    props: Record<string, any>;
+                }) => vue.VNodeChild) | undefined;
+                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
+                'prepend-inner'?: ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
+                'append-inner'?: ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
+                default?: (() => vue.VNodeChild) | undefined;
+                counter?: ((args_0: VCounterSlot) => vue.VNodeChild) | undefined;
+            };
+            ref?: vue.VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
             theme?: string | undefined;
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             counter?: string | number | true | undefined;
-            rounded?: string | number | boolean | undefined;
+            'v-slots'?: {
+                message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+                clear?: false | (() => vue.VNodeChild) | undefined;
+                details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                label?: false | ((args_0: DefaultInputSlot & {
+                    label: string | undefined;
+                    props: Record<string, any>;
+                }) => vue.VNodeChild) | undefined;
+                append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                loader?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
+                'prepend-inner'?: false | ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
+                'append-inner'?: false | ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
+                default?: false | (() => vue.VNodeChild) | undefined;
+                counter?: false | ((args_0: VCounterSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             modelValue?: any;
+            "onUpdate:modelValue"?: ((val: string) => any) | undefined;
             bgColor?: string | undefined;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
+            "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
             appendInnerIcon?: IconValue | undefined;
             prependInnerIcon?: IconValue | undefined;
             'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
@@ -154,54 +219,28 @@ declare const VTextField: {
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+            'onUpdate:focused'?: (EventProp<[boolean], (args_0: boolean) => any> & ((focused: boolean) => any)) | undefined;
+            baseColor?: string | undefined;
+            "v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:label"?: false | ((args_0: DefaultInputSlot & {
+                label: string | undefined;
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
+            "v-slot:prepend-inner"?: false | ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:append-inner"?: false | ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-            baseColor?: string | undefined;
+            "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             suffix?: string | undefined;
             counterValue?: ((value: any) => number) | undefined;
             modelModifiers?: Record<string, boolean> | undefined;
-        } & {
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                clear?: (() => vue.VNodeChild) | undefined;
-                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-            };
-            'v-slots'?: {
-                clear?: false | (() => vue.VNodeChild) | undefined;
-                details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                label?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                loader?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                'prepend-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                'append-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                default?: false | (() => vue.VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:label"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => 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:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & {
-            "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             "onClick:control"?: ((e: MouseEvent) => any) | undefined;
             "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "type" | "error" | "active" | "direction" | "style" | "autofocus" | "disabled" | "readonly" | "messages" | "rounded" | "density" | "variant" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter">;
+            "v-slot:counter"?: false | ((args_0: VCounterSlot) => vue.VNodeChild) | undefined;
+        };
         $attrs: {
             [x: string]: unknown;
         };
@@ -209,10 +248,45 @@ declare const VTextField: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: vue.Slot | undefined;
+            message?: ((args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            clear?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            details?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            label?: ((args_0: DefaultInputSlot & {
+                label: string | undefined;
+                props: Record<string, any>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            append?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            prepend?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            loader?: ((args_0: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            'prepend-inner'?: ((args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            'append-inner'?: ((args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            counter?: ((args_0: VCounterSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
         }>;
-        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: ((event: "update:modelValue", val: string) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:control", e: MouseEvent) => void) & ((event: "mousedown:control", e: MouseEvent) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -231,14 +305,14 @@ declare const VTextField: {
             variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
             clearIcon: IconValue;
             focused: boolean;
-            errorMessages: string | string[];
-            maxErrors: string | number;
-            rules: ValidationRule[];
-            persistentHint: boolean;
             clearable: boolean;
             dirty: boolean;
             persistentClear: boolean;
             singleLine: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+            persistentHint: boolean;
             persistentPlaceholder: boolean;
             persistentCounter: boolean;
         } & {
@@ -265,117 +339,160 @@ declare const VTextField: {
             'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+            baseColor?: string | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-            baseColor?: string | undefined;
             suffix?: string | undefined;
             counterValue?: ((value: any) => number) | undefined;
             modelModifiers?: Record<string, boolean> | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
                 clear?: (() => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+                label?: ((args_0: DefaultInputSlot & {
+                    label: string | undefined;
+                    props: Record<string, any>;
+                }) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+                'prepend-inner'?: ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
+                'append-inner'?: ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
                 default?: (() => vue.VNodeChild) | undefined;
+                counter?: ((args_0: VCounterSlot) => vue.VNodeChild) | undefined;
             };
             'v-slots'?: {
+                message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
                 clear?: false | (() => vue.VNodeChild) | undefined;
                 details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                label?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+                label?: false | ((args_0: DefaultInputSlot & {
+                    label: string | undefined;
+                    props: Record<string, any>;
+                }) => vue.VNodeChild) | undefined;
                 append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 loader?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                'prepend-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                'append-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+                'prepend-inner'?: false | ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
+                'append-inner'?: false | ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
                 default?: false | (() => vue.VNodeChild) | undefined;
+                counter?: false | ((args_0: VCounterSlot) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
+            "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
             "v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:label"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:label"?: false | ((args_0: DefaultInputSlot & {
+                label: string | undefined;
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
             "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => 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:prepend-inner"?: false | ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:append-inner"?: false | ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:counter"?: false | ((args_0: VCounterSlot) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((val: string) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             "onClick:control"?: ((e: MouseEvent) => any) | undefined;
             "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-        }, Omit<Omit<{
+        }, HTMLInputElement & Omit<Omit<{
             $: vue.ComponentInternalInstance;
             $data: {};
-            $props: Partial<{
-                error: boolean;
-                direction: "horizontal" | "vertical";
-                style: vue.StyleValue;
-                disabled: boolean;
-                readonly: boolean;
-                messages: string | string[];
-                density: Density;
-                focused: boolean;
-                errorMessages: string | string[];
-                maxErrors: string | number;
-                rules: ValidationRule[];
-                persistentHint: boolean;
-            }> & Omit<{
-                error: boolean;
-                direction: "horizontal" | "vertical";
-                style: vue.StyleValue;
-                disabled: boolean;
-                readonly: boolean;
-                messages: string | string[];
-                density: Density;
-                focused: boolean;
-                errorMessages: string | string[];
-                maxErrors: string | number;
-                rules: ValidationRule[];
-                persistentHint: boolean;
-            } & {
+            $props: {
+                error?: boolean | undefined;
+                direction?: "horizontal" | "vertical" | undefined;
+                style?: vue.StyleValue | undefined;
+                disabled?: boolean | undefined;
+                readonly?: boolean | undefined;
+                messages?: string | string[] | undefined;
+                density?: Density | undefined;
+                focused?: boolean | undefined;
+                errorMessages?: string | string[] | undefined;
+                maxErrors?: string | number | undefined;
+                rules?: ValidationRule[] | undefined;
+                persistentHint?: boolean | undefined;
+                key?: string | number | symbol | undefined;
                 id?: string | undefined;
                 name?: string | undefined;
                 label?: string | undefined;
                 class?: any;
-                modelValue?: any;
-                prependIcon?: IconValue | undefined;
-                appendIcon?: IconValue | undefined;
-                'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-                'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-                'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
-                validateOn?: "input" | "blur" | "submit" | undefined;
-                validationValue?: any;
-                hint?: string | undefined;
-                hideDetails?: boolean | "auto" | undefined;
-            } & {
                 $children?: vue.VNodeChild | {
                     default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                    message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
                 } | ((args_0: VInputSlot) => vue.VNodeChild);
+                ref?: vue.VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                "v-slot:default"?: false | ((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;
+                    message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
                 } | undefined;
-            } & {
-                "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
                 "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            } & {
+                "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                modelValue?: any;
                 "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint">;
+                prependIcon?: IconValue | undefined;
+                appendIcon?: IconValue | undefined;
+                'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+                'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+                'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+                "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+                validateOn?: "input" | "blur" | "submit" | undefined;
+                validationValue?: any;
+                hint?: string | undefined;
+                hideDetails?: boolean | "auto" | undefined;
+                "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            };
             $attrs: {
                 [x: string]: unknown;
             };
@@ -383,10 +500,24 @@ declare const VTextField: {
                 [x: string]: unknown;
             };
             $slots: Readonly<{
-                [name: string]: vue.Slot | undefined;
+                default?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                prepend?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                append?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                details?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                message?: ((args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
             }>;
-            $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-            $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+            $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $emit: (event: "update:modelValue", val: any) => void;
             $el: any;
             $options: vue.ComponentOptionsBase<{
@@ -423,18 +554,21 @@ declare const VTextField: {
                     prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                    message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
                 } | ((args_0: VInputSlot) => vue.VNodeChild);
                 '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;
+                    message?: false | ((args_0: VMessageSlot) => 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;
+                "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
             } & {
                 "onUpdate:modelValue"?: ((val: any) => any) | undefined;
             }, {
@@ -456,7 +590,23 @@ declare const VTextField: {
                 maxErrors: string | number;
                 rules: ValidationRule[];
                 persistentHint: boolean;
-            }, {}, string> & {
+            }, {}, string, vue.SlotsType<Partial<{
+                default: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[];
+                prepend: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[];
+                append: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[];
+                details: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[];
+                message: (args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[];
+            }>>> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
                 beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -471,7 +621,7 @@ declare const VTextField: {
                 unmounted?: ((() => void) | (() => void)[]) | undefined;
                 renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
                 renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
@@ -510,35 +660,143 @@ declare const VTextField: {
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
             } | ((args_0: VInputSlot) => vue.VNodeChild);
             '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;
+                message?: false | ((args_0: VMessageSlot) => 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;
+            "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
         } & vue.ShallowUnwrapRef<{
             reset: () => void;
             resetValidation: () => void;
             validate: () => Promise<string[]>;
-        }> & {} & vue.ComponentCustomProperties & {}, "key" | "id" | "name" | "label" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint") | "v-slot:details">, `$${any}`> & Omit<Omit<{
+        }> & {} & vue.ComponentCustomProperties & {}, "key" | "id" | "name" | "label" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "v-slot:default" | "v-slots" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "onUpdate:focused" | "v-slot:message" | "validateOn" | "validationValue" | "hint" | "hideDetails" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint") | "v-slot:details">, `$${any}`> & Omit<Omit<{
             $: vue.ComponentInternalInstance;
             $data: {};
-            $props: Partial<{
+            $props: {
+                flat?: boolean | undefined;
+                reverse?: boolean | undefined;
+                error?: boolean | undefined;
+                active?: boolean | undefined;
+                style?: vue.StyleValue | undefined;
+                disabled?: boolean | undefined;
+                rounded?: string | number | boolean | undefined;
+                variant?: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled" | undefined;
+                clearIcon?: IconValue | undefined;
+                focused?: boolean | undefined;
+                clearable?: boolean | undefined;
+                dirty?: boolean | undefined;
+                persistentClear?: boolean | undefined;
+                singleLine?: boolean | undefined;
+                key?: string | number | symbol | undefined;
+                id?: string | undefined;
+                color?: string | undefined;
+                loading?: string | boolean | undefined;
+                label?: string | undefined;
+                class?: any;
+                ref?: vue.VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                theme?: string | undefined;
+                onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+                bgColor?: string | undefined;
+                appendInnerIcon?: IconValue | undefined;
+                prependInnerIcon?: IconValue | undefined;
+                'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+                'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+                'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+                'onUpdate:focused'?: (EventProp<[boolean], (args_0: boolean) => any> & ((focused: boolean) => any)) | undefined;
+                baseColor?: string | undefined;
+            };
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                clear?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                'prepend-inner'?: ((args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                'append-inner'?: ((args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                label?: ((args_0: DefaultInputSlot & {
+                    label: string | undefined;
+                    props: Record<string, any>;
+                }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                loader?: ((args_0: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                default?: ((args_0: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+            }>;
+            $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: (event: "update:focused", focused: boolean) => void;
+            $el: any;
+            $options: vue.ComponentOptionsBase<{
                 flat: boolean;
                 reverse: boolean;
                 error: boolean;
                 active: boolean;
                 style: vue.StyleValue;
                 disabled: boolean;
-                rounded: string | number | boolean;
                 variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
                 clearIcon: IconValue;
                 focused: boolean;
@@ -546,107 +804,24 @@ declare const VTextField: {
                 dirty: boolean;
                 persistentClear: boolean;
                 singleLine: boolean;
-            }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
-                theme: StringConstructor;
-                rounded: {
-                    type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-                    default: undefined;
-                };
-                loading: (StringConstructor | BooleanConstructor)[];
-                class: PropType<any>;
-                style: {
-                    type: PropType<vue.StyleValue>;
-                    default: null;
-                };
-                appendInnerIcon: PropType<IconValue>;
-                bgColor: StringConstructor;
-                clearable: BooleanConstructor;
-                clearIcon: {
-                    type: PropType<IconValue>;
-                    default: string;
-                };
-                active: BooleanConstructor;
-                color: StringConstructor;
-                baseColor: StringConstructor;
-                dirty: BooleanConstructor;
-                disabled: BooleanConstructor;
-                error: BooleanConstructor;
-                flat: BooleanConstructor;
-                label: StringConstructor;
-                persistentClear: BooleanConstructor;
-                prependInnerIcon: PropType<IconValue>;
-                reverse: BooleanConstructor;
-                singleLine: BooleanConstructor;
-                variant: {
-                    type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-                    default: string;
-                    validator: (v: any) => boolean;
-                };
-                'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-                'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-                'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-                focused: BooleanConstructor;
-                'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
-                id: StringConstructor;
-            }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
-                "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "error" | "active" | "style" | "disabled" | "rounded" | "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, {}, {}, string>, {}> | null;
-            $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-            $emit: (event: "update:focused", focused: boolean) => void;
-            $el: any;
-            $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
-                theme: StringConstructor;
-                rounded: {
-                    type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-                    default: undefined;
-                };
-                loading: (StringConstructor | BooleanConstructor)[];
-                class: PropType<any>;
-                style: {
-                    type: PropType<vue.StyleValue>;
-                    default: null;
-                };
-                appendInnerIcon: PropType<IconValue>;
-                bgColor: StringConstructor;
-                clearable: BooleanConstructor;
-                clearIcon: {
-                    type: PropType<IconValue>;
-                    default: string;
-                };
-                active: BooleanConstructor;
-                color: StringConstructor;
-                baseColor: StringConstructor;
-                dirty: BooleanConstructor;
-                disabled: BooleanConstructor;
-                error: BooleanConstructor;
-                flat: BooleanConstructor;
-                label: StringConstructor;
-                persistentClear: BooleanConstructor;
-                prependInnerIcon: PropType<IconValue>;
-                reverse: BooleanConstructor;
-                singleLine: BooleanConstructor;
-                variant: {
-                    type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-                    default: string;
-                    validator: (v: any) => boolean;
-                };
-                'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-                'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-                'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-                focused: BooleanConstructor;
-                'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
-                id: StringConstructor;
-            }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+            } & {
+                id?: string | undefined;
+                color?: string | undefined;
+                loading?: string | boolean | undefined;
+                label?: string | undefined;
+                class?: any;
+                theme?: string | undefined;
+                rounded?: string | number | boolean | undefined;
+                bgColor?: string | undefined;
+                appendInnerIcon?: IconValue | undefined;
+                prependInnerIcon?: IconValue | undefined;
+                'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+                'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+                'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+                'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+                baseColor?: string | undefined;
+            } & {
+                "onUpdate:modelValue"?: ((val: any) => any) | undefined;
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             }, {
                 controlRef: vue.Ref<HTMLElement | undefined>;
@@ -668,7 +843,29 @@ declare const VTextField: {
                 dirty: boolean;
                 persistentClear: boolean;
                 singleLine: boolean;
-            }, {}, string> & {
+            }, {}, string, vue.SlotsType<Partial<{
+                clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[];
+                'prepend-inner': (args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[];
+                'append-inner': (args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[];
+                label: (args_0: DefaultInputSlot & {
+                    label: string | undefined;
+                    props: Record<string, any>;
+                }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[];
+                loader: (args_0: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[];
+                default: (args_0: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                    [key: string]: any;
+                }>[];
+            }>>> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
                 beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -683,61 +880,50 @@ declare const VTextField: {
                 unmounted?: ((() => void) | (() => void)[]) | undefined;
                 renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
                 renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-        } & Readonly<vue.ExtractPropTypes<Omit<{
-            theme: StringConstructor;
-            rounded: {
-                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-                default: undefined;
-            };
-            loading: (StringConstructor | BooleanConstructor)[];
-            class: PropType<any>;
-            style: {
-                type: PropType<vue.StyleValue>;
-                default: null;
-            };
-            appendInnerIcon: PropType<IconValue>;
-            bgColor: StringConstructor;
-            clearable: BooleanConstructor;
-            clearIcon: {
-                type: PropType<IconValue>;
-                default: string;
-            };
-            active: BooleanConstructor;
-            color: StringConstructor;
-            baseColor: StringConstructor;
-            dirty: BooleanConstructor;
-            disabled: BooleanConstructor;
-            error: BooleanConstructor;
-            flat: BooleanConstructor;
-            label: StringConstructor;
-            persistentClear: BooleanConstructor;
-            prependInnerIcon: PropType<IconValue>;
-            reverse: BooleanConstructor;
-            singleLine: BooleanConstructor;
-            variant: {
-                type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-                default: string;
-                validator: (v: any) => boolean;
-            };
-            'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-            'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-            'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-            focused: BooleanConstructor;
-            'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
-            id: StringConstructor;
-        }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+        } & {
+            flat: boolean;
+            reverse: boolean;
+            error: boolean;
+            active: boolean;
+            style: vue.StyleValue;
+            disabled: boolean;
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
+            clearIcon: IconValue;
+            focused: boolean;
+            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;
+            rounded?: string | number | boolean | undefined;
+            bgColor?: string | undefined;
+            appendInnerIcon?: IconValue | undefined;
+            prependInnerIcon?: IconValue | undefined;
+            'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+            baseColor?: string | undefined;
+        } & {
+            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         } & vue.ShallowUnwrapRef<{
             controlRef: vue.Ref<HTMLElement | undefined>;
         }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
             modelValue?: unknown;
             'onUpdate:modelValue'?: ((val: unknown) => any) | undefined;
-        }, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "baseColor" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "error" | "active" | "style" | "disabled" | "rounded" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        }, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "baseColor" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "error" | "active" | "style" | "disabled" | "rounded" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:control': (e: MouseEvent) => true;
             'mousedown:control': (e: MouseEvent) => true;
             'update:focused': (focused: boolean) => true;
@@ -759,17 +945,54 @@ declare const VTextField: {
             variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
             clearIcon: IconValue;
             focused: boolean;
-            errorMessages: string | string[];
-            maxErrors: string | number;
-            rules: ValidationRule[];
-            persistentHint: boolean;
             clearable: boolean;
             dirty: boolean;
             persistentClear: boolean;
             singleLine: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+            persistentHint: boolean;
             persistentPlaceholder: boolean;
             persistentCounter: boolean;
-        }, {}, string> & {
+        }, {}, string, vue.SlotsType<Partial<{
+            message: (args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            details: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            label: (args_0: DefaultInputSlot & {
+                label: string | undefined;
+                props: Record<string, any>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            append: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            prepend: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            loader: (args_0: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            'prepend-inner': (args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            'append-inner': (args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            counter: (args_0: VCounterSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+        }>>> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -784,7 +1007,7 @@ declare const VTextField: {
             unmounted?: ((() => void) | (() => void)[]) | undefined;
             renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
             renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
@@ -805,14 +1028,14 @@ declare const VTextField: {
         variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
         clearIcon: IconValue;
         focused: boolean;
-        errorMessages: string | string[];
-        maxErrors: string | number;
-        rules: ValidationRule[];
-        persistentHint: boolean;
         clearable: boolean;
         dirty: boolean;
         persistentClear: boolean;
         singleLine: boolean;
+        errorMessages: string | string[];
+        maxErrors: string | number;
+        rules: ValidationRule[];
+        persistentHint: boolean;
         persistentPlaceholder: boolean;
         persistentCounter: boolean;
     } & {
@@ -839,117 +1062,160 @@ declare const VTextField: {
         'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+        baseColor?: string | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
-        baseColor?: string | undefined;
         suffix?: string | undefined;
         counterValue?: ((value: any) => number) | undefined;
         modelModifiers?: Record<string, boolean> | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
             clear?: (() => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            label?: ((args_0: DefaultInputSlot & {
+                label: string | undefined;
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            'prepend-inner'?: ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
+            'append-inner'?: ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
             default?: (() => vue.VNodeChild) | undefined;
+            counter?: ((args_0: VCounterSlot) => vue.VNodeChild) | undefined;
         };
         'v-slots'?: {
+            message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
             clear?: false | (() => vue.VNodeChild) | undefined;
             details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            label?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            label?: false | ((args_0: DefaultInputSlot & {
+                label: string | undefined;
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
             append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             loader?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            'prepend-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            'append-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            'prepend-inner'?: false | ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
+            'append-inner'?: false | ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
             default?: false | (() => vue.VNodeChild) | undefined;
+            counter?: false | ((args_0: VCounterSlot) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
+        "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
         "v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:label"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:label"?: false | ((args_0: DefaultInputSlot & {
+            label: string | undefined;
+            props: Record<string, any>;
+        }) => vue.VNodeChild) | undefined;
         "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => 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:prepend-inner"?: false | ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:append-inner"?: false | ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:counter"?: false | ((args_0: VCounterSlot) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-    } & vue.ShallowUnwrapRef<Omit<Omit<{
+    } & vue.ShallowUnwrapRef<HTMLInputElement & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            error: boolean;
-            direction: "horizontal" | "vertical";
-            style: vue.StyleValue;
-            disabled: boolean;
-            readonly: boolean;
-            messages: string | string[];
-            density: Density;
-            focused: boolean;
-            errorMessages: string | string[];
-            maxErrors: string | number;
-            rules: ValidationRule[];
-            persistentHint: boolean;
-        }> & Omit<{
-            error: boolean;
-            direction: "horizontal" | "vertical";
-            style: vue.StyleValue;
-            disabled: boolean;
-            readonly: boolean;
-            messages: string | string[];
-            density: Density;
-            focused: boolean;
-            errorMessages: string | string[];
-            maxErrors: string | number;
-            rules: ValidationRule[];
-            persistentHint: boolean;
-        } & {
+        $props: {
+            error?: boolean | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
+            style?: vue.StyleValue | undefined;
+            disabled?: boolean | undefined;
+            readonly?: boolean | undefined;
+            messages?: string | string[] | undefined;
+            density?: Density | undefined;
+            focused?: boolean | undefined;
+            errorMessages?: string | string[] | undefined;
+            maxErrors?: string | number | undefined;
+            rules?: ValidationRule[] | undefined;
+            persistentHint?: boolean | undefined;
+            key?: string | number | symbol | undefined;
             id?: string | undefined;
             name?: string | undefined;
             label?: string | undefined;
             class?: any;
-            modelValue?: any;
-            prependIcon?: IconValue | undefined;
-            appendIcon?: IconValue | undefined;
-            'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
-            validateOn?: "input" | "blur" | "submit" | undefined;
-            validationValue?: any;
-            hint?: string | undefined;
-            hideDetails?: boolean | "auto" | undefined;
-        } & {
             $children?: vue.VNodeChild | {
                 default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
             } | ((args_0: VInputSlot) => vue.VNodeChild);
+            ref?: vue.VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            "v-slot:default"?: false | ((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;
+                message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
             } | undefined;
-        } & {
-            "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
             "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        } & {
+            "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            modelValue?: any;
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint">;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
+            'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+            "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+            validateOn?: "input" | "blur" | "submit" | undefined;
+            validationValue?: any;
+            hint?: string | undefined;
+            hideDetails?: boolean | "auto" | undefined;
+            "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        };
         $attrs: {
             [x: string]: unknown;
         };
@@ -957,10 +1223,24 @@ declare const VTextField: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: vue.Slot | undefined;
+            default?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            prepend?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            append?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            details?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            message?: ((args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
         }>;
-        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: (event: "update:modelValue", val: any) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -997,18 +1277,21 @@ declare const VTextField: {
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
             } | ((args_0: VInputSlot) => vue.VNodeChild);
             '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;
+                message?: false | ((args_0: VMessageSlot) => 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;
+            "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
         }, {
@@ -1030,7 +1313,23 @@ declare const VTextField: {
             maxErrors: string | number;
             rules: ValidationRule[];
             persistentHint: boolean;
-        }, {}, string> & {
+        }, {}, string, vue.SlotsType<Partial<{
+            default: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            prepend: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            append: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            details: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            message: (args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+        }>>> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -1045,7 +1344,7 @@ declare const VTextField: {
             unmounted?: ((() => void) | (() => void)[]) | undefined;
             renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
             renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
@@ -1084,35 +1383,143 @@ declare const VTextField: {
             prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
         } | ((args_0: VInputSlot) => vue.VNodeChild);
         '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;
+            message?: false | ((args_0: VMessageSlot) => 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;
+        "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((val: any) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
         reset: () => void;
         resetValidation: () => void;
         validate: () => Promise<string[]>;
-    }> & {} & vue.ComponentCustomProperties & {}, "key" | "id" | "name" | "label" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint") | "v-slot:details">, `$${any}`> & Omit<Omit<{
+    }> & {} & vue.ComponentCustomProperties & {}, "key" | "id" | "name" | "label" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "v-slot:default" | "v-slots" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "onUpdate:focused" | "v-slot:message" | "validateOn" | "validationValue" | "hint" | "hideDetails" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint") | "v-slot:details">, `$${any}`> & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
+        $props: {
+            flat?: boolean | undefined;
+            reverse?: boolean | undefined;
+            error?: boolean | undefined;
+            active?: boolean | undefined;
+            style?: vue.StyleValue | undefined;
+            disabled?: boolean | undefined;
+            rounded?: string | number | boolean | undefined;
+            variant?: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled" | undefined;
+            clearIcon?: IconValue | undefined;
+            focused?: boolean | undefined;
+            clearable?: boolean | undefined;
+            dirty?: boolean | undefined;
+            persistentClear?: boolean | undefined;
+            singleLine?: boolean | undefined;
+            key?: string | number | symbol | undefined;
+            id?: string | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
+            label?: string | undefined;
+            class?: any;
+            ref?: vue.VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            theme?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+            bgColor?: string | undefined;
+            appendInnerIcon?: IconValue | undefined;
+            prependInnerIcon?: IconValue | undefined;
+            'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onUpdate:focused'?: (EventProp<[boolean], (args_0: boolean) => any> & ((focused: boolean) => any)) | undefined;
+            baseColor?: string | undefined;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            clear?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            'prepend-inner'?: ((args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            'append-inner'?: ((args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            label?: ((args_0: DefaultInputSlot & {
+                label: string | undefined;
+                props: Record<string, any>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            loader?: ((args_0: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            default?: ((args_0: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: "update:focused", focused: boolean) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
             flat: boolean;
             reverse: boolean;
             error: boolean;
             active: boolean;
             style: vue.StyleValue;
             disabled: boolean;
-            rounded: string | number | boolean;
             variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
             clearIcon: IconValue;
             focused: boolean;
@@ -1120,107 +1527,24 @@ declare const VTextField: {
             dirty: boolean;
             persistentClear: boolean;
             singleLine: boolean;
-        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
-            theme: StringConstructor;
-            rounded: {
-                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-                default: undefined;
-            };
-            loading: (StringConstructor | BooleanConstructor)[];
-            class: PropType<any>;
-            style: {
-                type: PropType<vue.StyleValue>;
-                default: null;
-            };
-            appendInnerIcon: PropType<IconValue>;
-            bgColor: StringConstructor;
-            clearable: BooleanConstructor;
-            clearIcon: {
-                type: PropType<IconValue>;
-                default: string;
-            };
-            active: BooleanConstructor;
-            color: StringConstructor;
-            baseColor: StringConstructor;
-            dirty: BooleanConstructor;
-            disabled: BooleanConstructor;
-            error: BooleanConstructor;
-            flat: BooleanConstructor;
-            label: StringConstructor;
-            persistentClear: BooleanConstructor;
-            prependInnerIcon: PropType<IconValue>;
-            reverse: BooleanConstructor;
-            singleLine: BooleanConstructor;
-            variant: {
-                type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-                default: string;
-                validator: (v: any) => boolean;
-            };
-            'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-            'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-            'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-            focused: BooleanConstructor;
-            'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
-            id: StringConstructor;
-        }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
-            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "error" | "active" | "style" | "disabled" | "rounded" | "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, {}, {}, string>, {}> | null;
-        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "update:focused", focused: boolean) => void;
-        $el: any;
-        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
-            theme: StringConstructor;
-            rounded: {
-                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-                default: undefined;
-            };
-            loading: (StringConstructor | BooleanConstructor)[];
-            class: PropType<any>;
-            style: {
-                type: PropType<vue.StyleValue>;
-                default: null;
-            };
-            appendInnerIcon: PropType<IconValue>;
-            bgColor: StringConstructor;
-            clearable: BooleanConstructor;
-            clearIcon: {
-                type: PropType<IconValue>;
-                default: string;
-            };
-            active: BooleanConstructor;
-            color: StringConstructor;
-            baseColor: StringConstructor;
-            dirty: BooleanConstructor;
-            disabled: BooleanConstructor;
-            error: BooleanConstructor;
-            flat: BooleanConstructor;
-            label: StringConstructor;
-            persistentClear: BooleanConstructor;
-            prependInnerIcon: PropType<IconValue>;
-            reverse: BooleanConstructor;
-            singleLine: BooleanConstructor;
-            variant: {
-                type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-                default: string;
-                validator: (v: any) => boolean;
-            };
-            'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-            'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-            'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-            focused: BooleanConstructor;
-            'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
-            id: StringConstructor;
-        }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+        } & {
+            id?: string | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
+            label?: string | undefined;
+            class?: any;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            bgColor?: string | undefined;
+            appendInnerIcon?: IconValue | undefined;
+            prependInnerIcon?: IconValue | undefined;
+            'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+            baseColor?: string | undefined;
+        } & {
+            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         }, {
             controlRef: vue.Ref<HTMLElement | undefined>;
@@ -1242,7 +1566,29 @@ declare const VTextField: {
             dirty: boolean;
             persistentClear: boolean;
             singleLine: boolean;
-        }, {}, string> & {
+        }, {}, string, vue.SlotsType<Partial<{
+            clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            'prepend-inner': (args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            'append-inner': (args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            label: (args_0: DefaultInputSlot & {
+                label: string | undefined;
+                props: Record<string, any>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            loader: (args_0: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            default: (args_0: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+        }>>> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -1257,61 +1603,50 @@ declare const VTextField: {
             unmounted?: ((() => void) | (() => void)[]) | undefined;
             renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
             renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-    } & Readonly<vue.ExtractPropTypes<Omit<{
-        theme: StringConstructor;
-        rounded: {
-            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-            default: undefined;
-        };
-        loading: (StringConstructor | BooleanConstructor)[];
-        class: PropType<any>;
-        style: {
-            type: PropType<vue.StyleValue>;
-            default: null;
-        };
-        appendInnerIcon: PropType<IconValue>;
-        bgColor: StringConstructor;
-        clearable: BooleanConstructor;
-        clearIcon: {
-            type: PropType<IconValue>;
-            default: string;
-        };
-        active: BooleanConstructor;
-        color: StringConstructor;
-        baseColor: StringConstructor;
-        dirty: BooleanConstructor;
-        disabled: BooleanConstructor;
-        error: BooleanConstructor;
-        flat: BooleanConstructor;
-        label: StringConstructor;
-        persistentClear: BooleanConstructor;
-        prependInnerIcon: PropType<IconValue>;
-        reverse: BooleanConstructor;
-        singleLine: BooleanConstructor;
-        variant: {
-            type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-            default: string;
-            validator: (v: any) => boolean;
-        };
-        'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-        'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-        'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-        focused: BooleanConstructor;
-        'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
-        id: StringConstructor;
-    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+    } & {
+        flat: boolean;
+        reverse: boolean;
+        error: boolean;
+        active: boolean;
+        style: vue.StyleValue;
+        disabled: boolean;
+        variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
+        clearIcon: IconValue;
+        focused: boolean;
+        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;
+        rounded?: string | number | boolean | undefined;
+        bgColor?: string | undefined;
+        appendInnerIcon?: IconValue | undefined;
+        prependInnerIcon?: IconValue | undefined;
+        'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+        baseColor?: string | undefined;
+    } & {
+        "onUpdate:modelValue"?: ((val: any) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
         controlRef: vue.Ref<HTMLElement | undefined>;
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((val: unknown) => any) | undefined;
-    }, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "baseColor" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "error" | "active" | "style" | "disabled" | "rounded" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>> & {} & vue.ComponentCustomProperties & {};
+    }, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "baseColor" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "error" | "active" | "style" | "disabled" | "rounded" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -1331,14 +1666,14 @@ declare const VTextField: {
     variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
     clearIcon: IconValue;
     focused: boolean;
-    errorMessages: string | string[];
-    maxErrors: string | number;
-    rules: ValidationRule[];
-    persistentHint: boolean;
     clearable: boolean;
     dirty: boolean;
     persistentClear: boolean;
     singleLine: boolean;
+    errorMessages: string | string[];
+    maxErrors: string | number;
+    rules: ValidationRule[];
+    persistentHint: boolean;
     persistentPlaceholder: boolean;
     persistentCounter: boolean;
 } & {
@@ -1365,117 +1700,160 @@ declare const VTextField: {
     'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+    baseColor?: string | undefined;
     validateOn?: "input" | "blur" | "submit" | undefined;
     validationValue?: any;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
-    baseColor?: string | undefined;
     suffix?: string | undefined;
     counterValue?: ((value: any) => number) | undefined;
     modelModifiers?: Record<string, boolean> | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
         clear?: (() => vue.VNodeChild) | undefined;
         details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        label?: ((args_0: DefaultInputSlot & {
+            label: string | undefined;
+            props: Record<string, any>;
+        }) => vue.VNodeChild) | undefined;
         append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-        'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-        'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        'prepend-inner'?: ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
+        'append-inner'?: ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
         default?: (() => vue.VNodeChild) | undefined;
+        counter?: ((args_0: VCounterSlot) => vue.VNodeChild) | undefined;
     };
     'v-slots'?: {
+        message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
         clear?: false | (() => vue.VNodeChild) | undefined;
         details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        label?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        label?: false | ((args_0: DefaultInputSlot & {
+            label: string | undefined;
+            props: Record<string, any>;
+        }) => vue.VNodeChild) | undefined;
         append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         loader?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-        'prepend-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-        'append-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        'prepend-inner'?: false | ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
+        'append-inner'?: false | ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
         default?: false | (() => vue.VNodeChild) | undefined;
+        counter?: false | ((args_0: VCounterSlot) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
+    "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
     "v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:label"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:label"?: false | ((args_0: DefaultInputSlot & {
+        label: string | undefined;
+        props: Record<string, any>;
+    }) => vue.VNodeChild) | undefined;
     "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => 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:prepend-inner"?: false | ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:append-inner"?: false | ((args_0: DefaultInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:counter"?: false | ((args_0: VCounterSlot) => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
     "onClick:control"?: ((e: MouseEvent) => any) | undefined;
     "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-}, Omit<Omit<{
+}, HTMLInputElement & Omit<Omit<{
     $: vue.ComponentInternalInstance;
     $data: {};
-    $props: Partial<{
-        error: boolean;
-        direction: "horizontal" | "vertical";
-        style: vue.StyleValue;
-        disabled: boolean;
-        readonly: boolean;
-        messages: string | string[];
-        density: Density;
-        focused: boolean;
-        errorMessages: string | string[];
-        maxErrors: string | number;
-        rules: ValidationRule[];
-        persistentHint: boolean;
-    }> & Omit<{
-        error: boolean;
-        direction: "horizontal" | "vertical";
-        style: vue.StyleValue;
-        disabled: boolean;
-        readonly: boolean;
-        messages: string | string[];
-        density: Density;
-        focused: boolean;
-        errorMessages: string | string[];
-        maxErrors: string | number;
-        rules: ValidationRule[];
-        persistentHint: boolean;
-    } & {
+    $props: {
+        error?: boolean | undefined;
+        direction?: "horizontal" | "vertical" | undefined;
+        style?: vue.StyleValue | undefined;
+        disabled?: boolean | undefined;
+        readonly?: boolean | undefined;
+        messages?: string | string[] | undefined;
+        density?: Density | undefined;
+        focused?: boolean | undefined;
+        errorMessages?: string | string[] | undefined;
+        maxErrors?: string | number | undefined;
+        rules?: ValidationRule[] | undefined;
+        persistentHint?: boolean | undefined;
+        key?: string | number | symbol | undefined;
         id?: string | undefined;
         name?: string | undefined;
         label?: string | undefined;
         class?: any;
-        modelValue?: any;
-        prependIcon?: IconValue | undefined;
-        appendIcon?: IconValue | undefined;
-        'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
-        validateOn?: "input" | "blur" | "submit" | undefined;
-        validationValue?: any;
-        hint?: string | undefined;
-        hideDetails?: boolean | "auto" | undefined;
-    } & {
         $children?: vue.VNodeChild | {
             default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
         } | ((args_0: VInputSlot) => vue.VNodeChild);
+        ref?: vue.VNodeRef | undefined;
+        ref_for?: boolean | undefined;
+        ref_key?: string | undefined;
+        "v-slot:default"?: false | ((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;
+            message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
         } | undefined;
-    } & {
-        "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
         "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-    } & {
+        "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        modelValue?: any;
         "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint">;
+        prependIcon?: IconValue | undefined;
+        appendIcon?: IconValue | undefined;
+        'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+        "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+        validateOn?: "input" | "blur" | "submit" | undefined;
+        validationValue?: any;
+        hint?: string | undefined;
+        hideDetails?: boolean | "auto" | undefined;
+        "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+    };
     $attrs: {
         [x: string]: unknown;
     };
@@ -1483,10 +1861,24 @@ declare const VTextField: {
         [x: string]: unknown;
     };
     $slots: Readonly<{
-        [name: string]: vue.Slot | undefined;
+        default?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[]) | undefined;
+        prepend?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[]) | undefined;
+        append?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[]) | undefined;
+        details?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[]) | undefined;
+        message?: ((args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[]) | undefined;
     }>;
-    $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-    $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+    $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+    $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
     $emit: (event: "update:modelValue", val: any) => void;
     $el: any;
     $options: vue.ComponentOptionsBase<{
@@ -1523,18 +1915,21 @@ declare const VTextField: {
             prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
         } | ((args_0: VInputSlot) => vue.VNodeChild);
         '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;
+            message?: false | ((args_0: VMessageSlot) => 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;
+        "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((val: any) => any) | undefined;
     }, {
@@ -1556,7 +1951,23 @@ declare const VTextField: {
         maxErrors: string | number;
         rules: ValidationRule[];
         persistentHint: boolean;
-    }, {}, string> & {
+    }, {}, string, vue.SlotsType<Partial<{
+        default: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+        prepend: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+        append: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+        details: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+        message: (args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+    }>>> & {
         beforeCreate?: ((() => void) | (() => void)[]) | undefined;
         created?: ((() => void) | (() => void)[]) | undefined;
         beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -1571,7 +1982,7 @@ declare const VTextField: {
         unmounted?: ((() => void) | (() => void)[]) | undefined;
         renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
         renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-        errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
@@ -1610,35 +2021,143 @@ declare const VTextField: {
         prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
     } | ((args_0: VInputSlot) => vue.VNodeChild);
     '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;
+        message?: false | ((args_0: VMessageSlot) => 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;
+    "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
 } & vue.ShallowUnwrapRef<{
     reset: () => void;
     resetValidation: () => void;
     validate: () => Promise<string[]>;
-}> & {} & vue.ComponentCustomProperties & {}, "key" | "id" | "name" | "label" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint") | "v-slot:details">, `$${any}`> & Omit<Omit<{
+}> & {} & vue.ComponentCustomProperties & {}, "key" | "id" | "name" | "label" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "v-slot:default" | "v-slots" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "onUpdate:focused" | "v-slot:message" | "validateOn" | "validationValue" | "hint" | "hideDetails" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint") | "v-slot:details">, `$${any}`> & Omit<Omit<{
     $: vue.ComponentInternalInstance;
     $data: {};
-    $props: Partial<{
+    $props: {
+        flat?: boolean | undefined;
+        reverse?: boolean | undefined;
+        error?: boolean | undefined;
+        active?: boolean | undefined;
+        style?: vue.StyleValue | undefined;
+        disabled?: boolean | undefined;
+        rounded?: string | number | boolean | undefined;
+        variant?: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled" | undefined;
+        clearIcon?: IconValue | undefined;
+        focused?: boolean | undefined;
+        clearable?: boolean | undefined;
+        dirty?: boolean | undefined;
+        persistentClear?: boolean | undefined;
+        singleLine?: boolean | undefined;
+        key?: string | number | symbol | undefined;
+        id?: string | undefined;
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
+        label?: string | undefined;
+        class?: any;
+        ref?: vue.VNodeRef | undefined;
+        ref_for?: boolean | undefined;
+        ref_key?: string | undefined;
+        theme?: string | undefined;
+        onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+        bgColor?: string | undefined;
+        appendInnerIcon?: IconValue | undefined;
+        prependInnerIcon?: IconValue | undefined;
+        'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        'onUpdate:focused'?: (EventProp<[boolean], (args_0: boolean) => any> & ((focused: boolean) => any)) | undefined;
+        baseColor?: string | undefined;
+    };
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        clear?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[]) | undefined;
+        'prepend-inner'?: ((args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[]) | undefined;
+        'append-inner'?: ((args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[]) | undefined;
+        label?: ((args_0: DefaultInputSlot & {
+            label: string | undefined;
+            props: Record<string, any>;
+        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[]) | undefined;
+        loader?: ((args_0: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[]) | undefined;
+        default?: ((args_0: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[]) | undefined;
+    }>;
+    $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+    $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+    $emit: (event: "update:focused", focused: boolean) => void;
+    $el: any;
+    $options: vue.ComponentOptionsBase<{
         flat: boolean;
         reverse: boolean;
         error: boolean;
         active: boolean;
         style: vue.StyleValue;
         disabled: boolean;
-        rounded: string | number | boolean;
         variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
         clearIcon: IconValue;
         focused: boolean;
@@ -1646,107 +2165,24 @@ declare const VTextField: {
         dirty: boolean;
         persistentClear: boolean;
         singleLine: boolean;
-    }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
-        theme: StringConstructor;
-        rounded: {
-            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-            default: undefined;
-        };
-        loading: (StringConstructor | BooleanConstructor)[];
-        class: PropType<any>;
-        style: {
-            type: PropType<vue.StyleValue>;
-            default: null;
-        };
-        appendInnerIcon: PropType<IconValue>;
-        bgColor: StringConstructor;
-        clearable: BooleanConstructor;
-        clearIcon: {
-            type: PropType<IconValue>;
-            default: string;
-        };
-        active: BooleanConstructor;
-        color: StringConstructor;
-        baseColor: StringConstructor;
-        dirty: BooleanConstructor;
-        disabled: BooleanConstructor;
-        error: BooleanConstructor;
-        flat: BooleanConstructor;
-        label: StringConstructor;
-        persistentClear: BooleanConstructor;
-        prependInnerIcon: PropType<IconValue>;
-        reverse: BooleanConstructor;
-        singleLine: BooleanConstructor;
-        variant: {
-            type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-            default: string;
-            validator: (v: any) => boolean;
-        };
-        'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-        'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-        'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-        focused: BooleanConstructor;
-        'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
-        id: StringConstructor;
-    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
-        "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "error" | "active" | "style" | "disabled" | "rounded" | "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, {}, {}, string>, {}> | null;
-    $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-    $emit: (event: "update:focused", focused: boolean) => void;
-    $el: any;
-    $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
-        theme: StringConstructor;
-        rounded: {
-            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-            default: undefined;
-        };
-        loading: (StringConstructor | BooleanConstructor)[];
-        class: PropType<any>;
-        style: {
-            type: PropType<vue.StyleValue>;
-            default: null;
-        };
-        appendInnerIcon: PropType<IconValue>;
-        bgColor: StringConstructor;
-        clearable: BooleanConstructor;
-        clearIcon: {
-            type: PropType<IconValue>;
-            default: string;
-        };
-        active: BooleanConstructor;
-        color: StringConstructor;
-        baseColor: StringConstructor;
-        dirty: BooleanConstructor;
-        disabled: BooleanConstructor;
-        error: BooleanConstructor;
-        flat: BooleanConstructor;
-        label: StringConstructor;
-        persistentClear: BooleanConstructor;
-        prependInnerIcon: PropType<IconValue>;
-        reverse: BooleanConstructor;
-        singleLine: BooleanConstructor;
-        variant: {
-            type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-            default: string;
-            validator: (v: any) => boolean;
-        };
-        'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-        'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-        'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-        focused: BooleanConstructor;
-        'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
-        id: StringConstructor;
-    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+    } & {
+        id?: string | undefined;
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
+        label?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+        bgColor?: string | undefined;
+        appendInnerIcon?: IconValue | undefined;
+        prependInnerIcon?: IconValue | undefined;
+        'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+        baseColor?: string | undefined;
+    } & {
+        "onUpdate:modelValue"?: ((val: any) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
     }, {
         controlRef: vue.Ref<HTMLElement | undefined>;
@@ -1768,7 +2204,29 @@ declare const VTextField: {
         dirty: boolean;
         persistentClear: boolean;
         singleLine: boolean;
-    }, {}, string> & {
+    }, {}, string, vue.SlotsType<Partial<{
+        clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+        'prepend-inner': (args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+        'append-inner': (args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+        label: (args_0: DefaultInputSlot & {
+            label: string | undefined;
+            props: Record<string, any>;
+        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+        loader: (args_0: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+        default: (args_0: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+    }>>> & {
         beforeCreate?: ((() => void) | (() => void)[]) | undefined;
         created?: ((() => void) | (() => void)[]) | undefined;
         beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -1783,61 +2241,50 @@ declare const VTextField: {
         unmounted?: ((() => void) | (() => void)[]) | undefined;
         renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
         renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-        errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-} & Readonly<vue.ExtractPropTypes<Omit<{
-    theme: StringConstructor;
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    loading: (StringConstructor | BooleanConstructor)[];
-    class: PropType<any>;
-    style: {
-        type: PropType<vue.StyleValue>;
-        default: null;
-    };
-    appendInnerIcon: PropType<IconValue>;
-    bgColor: StringConstructor;
-    clearable: BooleanConstructor;
-    clearIcon: {
-        type: PropType<IconValue>;
-        default: string;
-    };
-    active: BooleanConstructor;
-    color: StringConstructor;
-    baseColor: StringConstructor;
-    dirty: BooleanConstructor;
-    disabled: BooleanConstructor;
-    error: BooleanConstructor;
-    flat: BooleanConstructor;
-    label: StringConstructor;
-    persistentClear: BooleanConstructor;
-    prependInnerIcon: PropType<IconValue>;
-    reverse: BooleanConstructor;
-    singleLine: BooleanConstructor;
-    variant: {
-        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-    'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-    'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-    focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
-    id: StringConstructor;
-}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+} & {
+    flat: boolean;
+    reverse: boolean;
+    error: boolean;
+    active: boolean;
+    style: vue.StyleValue;
+    disabled: boolean;
+    variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
+    clearIcon: IconValue;
+    focused: boolean;
+    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;
+    rounded?: string | number | boolean | undefined;
+    bgColor?: string | undefined;
+    appendInnerIcon?: IconValue | undefined;
+    prependInnerIcon?: IconValue | undefined;
+    'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+    'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+    'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+    baseColor?: string | undefined;
+} & {
+    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
 } & vue.ShallowUnwrapRef<{
     controlRef: vue.Ref<HTMLElement | undefined>;
 }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
     modelValue?: unknown;
     'onUpdate:modelValue'?: ((val: unknown) => any) | undefined;
-}, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "baseColor" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "error" | "active" | "style" | "disabled" | "rounded" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "baseColor" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "error" | "active" | "style" | "disabled" | "rounded" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'click:control': (e: MouseEvent) => true;
     'mousedown:control': (e: MouseEvent) => true;
     'update:focused': (focused: boolean) => true;
@@ -1859,17 +2306,54 @@ declare const VTextField: {
     variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
     clearIcon: IconValue;
     focused: boolean;
-    errorMessages: string | string[];
-    maxErrors: string | number;
-    rules: ValidationRule[];
-    persistentHint: boolean;
     clearable: boolean;
     dirty: boolean;
     persistentClear: boolean;
     singleLine: boolean;
+    errorMessages: string | string[];
+    maxErrors: string | number;
+    rules: ValidationRule[];
+    persistentHint: boolean;
     persistentPlaceholder: boolean;
     persistentCounter: boolean;
-}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}, {}, string, vue.SlotsType<Partial<{
+    message: (args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    details: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    label: (args_0: DefaultInputSlot & {
+        label: string | undefined;
+        props: Record<string, any>;
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    append: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    prepend: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    loader: (args_0: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    'prepend-inner': (args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    'append-inner': (args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    counter: (args_0: VCounterSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     theme: StringConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];