vuetify 3.1.15 → 3.2.0

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

@@ -1,6 +1,26 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, PropType, JSXComponent, ComputedRef, Ref, nextTick } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, PropType, JSXComponent, ComputedRef, Ref, nextTick } from 'vue';
 
+type SlotsToProps<U extends Record<string, any[]> | Record<string, Slot>, T = U extends Record<string, any[]> ? MakeSlots<U> : U> = {
+    $children?: (VNodeChild | (T extends {
+        default: infer V;
+    } ? V : {}) | {
+        [K in keyof T]?: T[K];
+    });
+    'v-slots'?: {
+        [K in keyof T]?: T[K] | false;
+    };
+} & {
+    [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
+};
+type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
+type MakeSlots<T extends Record<string, any[]> | Record<string, Slot>> = {
+    [K in keyof T]: T[K] extends any[] ? Slot<T[K]> : T[K];
+};
+type GenericProps<Props, Slots extends Record<string, any[]>> = {
+    $props: Props & SlotsToProps<Slots>;
+    $slots: MakeSlots<Slots>;
+};
 interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
 }
@@ -13,7 +33,7 @@ interface LoaderSlotProps {
     isActive: boolean;
 }
 
-type IconValue = string | JSXComponent;
+type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
 type Density = null | 'default' | 'comfortable' | 'compact';
@@ -45,23 +65,34 @@ interface DefaultInputSlot {
 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];
+};
 
 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";
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
             clearIcon: IconValue;
             focused: boolean;
             errorMessages: string | string[];
@@ -75,17 +106,19 @@ declare const VTextField: {
             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";
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
             clearIcon: IconValue;
             focused: boolean;
             errorMessages: string | string[];
@@ -105,9 +138,11 @@ declare const VTextField: {
             loading?: string | boolean | undefined;
             label?: string | undefined;
             prefix?: string | undefined;
+            class?: any;
             placeholder?: string | undefined;
             theme?: string | undefined;
             counter?: string | number | true | undefined;
+            rounded?: string | number | boolean | undefined;
             modelValue?: any;
             bgColor?: string | undefined;
             prependIcon?: IconValue | undefined;
@@ -119,16 +154,17 @@ 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<[FocusEvent], (args_0: FocusEvent) => 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;
+            baseColor?: string | undefined;
             suffix?: string | undefined;
             counterValue?: ((value: any) => number) | undefined;
             modelModifiers?: Record<string, boolean> | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 clear?: (() => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
@@ -139,17 +175,6 @@ declare const VTextField: {
                 'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                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;
-            } | undefined;
             'v-slots'?: {
                 clear?: false | (() => vue.VNodeChild) | undefined;
                 details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -176,7 +201,7 @@ declare const VTextField: {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             "onClick:control"?: ((e: MouseEvent) => any) | undefined;
             "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "type" | "error" | "active" | "direction" | "autofocus" | "disabled" | "readonly" | "messages" | "density" | "variant" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter">;
+        } & 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">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -191,17 +216,19 @@ declare const VTextField: {
         $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<{
+            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";
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
             clearIcon: IconValue;
             focused: boolean;
             errorMessages: string | string[];
@@ -221,9 +248,11 @@ declare const VTextField: {
             loading?: string | boolean | undefined;
             label?: string | undefined;
             prefix?: string | undefined;
+            class?: any;
             placeholder?: string | undefined;
             theme?: string | undefined;
             counter?: string | number | true | undefined;
+            rounded?: string | number | boolean | undefined;
             modelValue?: any;
             bgColor?: string | undefined;
             prependIcon?: IconValue | undefined;
@@ -235,16 +264,17 @@ 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<[FocusEvent], (args_0: FocusEvent) => 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;
+            baseColor?: string | undefined;
             suffix?: string | undefined;
             counterValue?: ((value: any) => number) | undefined;
             modelModifiers?: Record<string, boolean> | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 clear?: (() => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
@@ -255,17 +285,6 @@ declare const VTextField: {
                 'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                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;
-            } | undefined;
             'v-slots'?: {
                 clear?: false | (() => vue.VNodeChild) | undefined;
                 details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -298,6 +317,7 @@ declare const VTextField: {
             $props: Partial<{
                 error: boolean;
                 direction: "horizontal" | "vertical";
+                style: vue.StyleValue;
                 disabled: boolean;
                 readonly: boolean;
                 messages: string | string[];
@@ -310,6 +330,7 @@ declare const VTextField: {
             }> & Omit<{
                 error: boolean;
                 direction: "horizontal" | "vertical";
+                style: vue.StyleValue;
                 disabled: boolean;
                 readonly: boolean;
                 messages: string | string[];
@@ -323,29 +344,24 @@ declare const VTextField: {
                 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<[FocusEvent], (args_0: FocusEvent) => 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 | {
+                $children?: vue.VNodeChild | {
                     default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                };
-                $slots?: {
-                    default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                    prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                    append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                    details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                } | undefined;
+                } | ((args_0: VInputSlot) => vue.VNodeChild);
                 'v-slots'?: {
                     default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -359,7 +375,7 @@ declare const VTextField: {
                 "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             } & {
                 "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint">;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -376,6 +392,7 @@ declare const VTextField: {
             $options: vue.ComponentOptionsBase<{
                 error: boolean;
                 direction: "horizontal" | "vertical";
+                style: vue.StyleValue;
                 disabled: boolean;
                 readonly: boolean;
                 messages: string | string[];
@@ -389,29 +406,24 @@ declare const VTextField: {
                 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<[FocusEvent], (args_0: FocusEvent) => 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;
-                };
-                $slots?: {
+                $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;
-                } | undefined;
+                } | ((args_0: VInputSlot) => vue.VNodeChild);
                 'v-slots'?: {
                     default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                     prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -434,6 +446,7 @@ declare const VTextField: {
             }, string, {
                 error: boolean;
                 direction: "horizontal" | "vertical";
+                style: vue.StyleValue;
                 disabled: boolean;
                 readonly: boolean;
                 messages: string | string[];
@@ -466,6 +479,7 @@ declare const VTextField: {
         } & {
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -479,29 +493,24 @@ declare const VTextField: {
             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<[FocusEvent], (args_0: FocusEvent) => 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;
-            };
-            $slots?: {
+            $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;
-            } | undefined;
+            } | ((args_0: VInputSlot) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -519,15 +528,18 @@ declare const VTextField: {
             reset: () => void;
             resetValidation: () => void;
             validate: () => Promise<string[]>;
-        }> & {} & vue.ComponentCustomProperties & {}, "id" | "name" | "label" | "$children" | "v-slot:default" | "$slots" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | ("error" | "direction" | "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" | "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.ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                flat: boolean;
                 reverse: boolean;
                 error: boolean;
                 active: boolean;
+                style: vue.StyleValue;
                 disabled: boolean;
-                variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+                rounded: string | number | boolean;
+                variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
                 clearIcon: IconValue;
                 focused: boolean;
                 clearable: boolean;
@@ -535,8 +547,17 @@ declare const VTextField: {
                 persistentClear: boolean;
                 singleLine: boolean;
             }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
-                loading: (StringConstructor | BooleanConstructor)[];
                 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;
@@ -546,16 +567,18 @@ declare const VTextField: {
                 };
                 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">;
+                    type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
                     default: string;
                     validator: (v: any) => boolean;
                 };
@@ -563,11 +586,11 @@ declare const VTextField: {
                 'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
                 'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
                 focused: BooleanConstructor;
-                'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+                'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
                 id: StringConstructor;
-            }, "$children" | "v-slot:default" | "$slots" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+            }, "$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, "reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "error" | "active" | "style" | "disabled" | "rounded" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -582,8 +605,17 @@ declare const VTextField: {
             $emit: (event: "update:focused", focused: boolean) => void;
             $el: any;
             $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
-                loading: (StringConstructor | BooleanConstructor)[];
                 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;
@@ -593,16 +625,18 @@ declare const VTextField: {
                 };
                 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">;
+                    type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
                     default: string;
                     validator: (v: any) => boolean;
                 };
@@ -610,21 +644,24 @@ declare const VTextField: {
                 'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
                 'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
                 focused: BooleanConstructor;
-                'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+                'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
                 id: StringConstructor;
-            }, "$children" | "v-slot:default" | "$slots" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+            }, "$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;
             }, {
                 controlRef: vue.Ref<HTMLElement | undefined>;
             }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
                 'update:focused': (focused: boolean) => true;
                 'update:modelValue': (val: any) => true;
-            }, "$children" | "v-slot:default" | "$slots" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
+            }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
+                flat: boolean;
                 reverse: boolean;
                 error: boolean;
                 active: boolean;
+                style: vue.StyleValue;
                 disabled: boolean;
-                variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+                rounded: string | number | boolean;
+                variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
                 clearIcon: IconValue;
                 focused: boolean;
                 clearable: boolean;
@@ -652,8 +689,17 @@ declare const VTextField: {
             $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<{
-            loading: (StringConstructor | BooleanConstructor)[];
             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;
@@ -663,16 +709,18 @@ declare const VTextField: {
             };
             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">;
+                type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
                 default: string;
                 validator: (v: any) => boolean;
             };
@@ -680,66 +728,35 @@ declare const VTextField: {
             'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
-            'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+            'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
             id: StringConstructor;
-        }, "$children" | "v-slot:default" | "$slots" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+        }, "$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.ShallowUnwrapRef<{
             controlRef: vue.Ref<HTMLElement | undefined>;
-        }> & {} & vue.ComponentCustomProperties & {} & {
-            $props: {
-                modelValue?: unknown;
-                'onUpdate:modelValue'?: ((val: unknown) => any) | undefined;
-            } & {
-                $children?: {} | vue.VNodeChild | {
-                    clear?: (() => vue.VNodeChild) | undefined;
-                    'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                    'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                    label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                    loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                    default?: ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
-                };
-                $slots?: {
-                    clear?: (() => vue.VNodeChild) | undefined;
-                    'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                    'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                    label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                    loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                    default?: ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
-                } | undefined;
-                'v-slots'?: {
-                    clear?: false | (() => vue.VNodeChild) | undefined;
-                    'prepend-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                    'append-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                    label?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                    loader?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                    default?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
-                } | undefined;
-            } & {
-                "v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
-                "v-slot:prepend-inner"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                "v-slot:append-inner"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                "v-slot:label"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                "v-slot:default"?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
-            };
-        }, "id" | "color" | "loading" | "label" | "$children" | "theme" | "v-slot:default" | "$slots" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        }> & {} & 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, {
             'click:control': (e: MouseEvent) => true;
             'mousedown:control': (e: MouseEvent) => true;
             'update:focused': (focused: boolean) => true;
             'update:modelValue': (val: string) => true;
         }, string, {
+            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";
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
             clearIcon: IconValue;
             focused: boolean;
             errorMessages: string | string[];
@@ -773,17 +790,19 @@ declare const VTextField: {
         $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;
     } & {
+        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";
+        variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
         clearIcon: IconValue;
         focused: boolean;
         errorMessages: string | string[];
@@ -803,9 +822,11 @@ declare const VTextField: {
         loading?: string | boolean | undefined;
         label?: string | undefined;
         prefix?: string | undefined;
+        class?: any;
         placeholder?: string | undefined;
         theme?: string | undefined;
         counter?: string | number | true | undefined;
+        rounded?: string | number | boolean | undefined;
         modelValue?: any;
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
@@ -817,16 +838,17 @@ 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<[FocusEvent], (args_0: FocusEvent) => 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;
+        baseColor?: string | undefined;
         suffix?: string | undefined;
         counterValue?: ((value: any) => number) | undefined;
         modelModifiers?: Record<string, boolean> | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             clear?: (() => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
@@ -837,17 +859,6 @@ declare const VTextField: {
             'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            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;
-        } | undefined;
         'v-slots'?: {
             clear?: false | (() => vue.VNodeChild) | undefined;
             details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -880,6 +891,7 @@ declare const VTextField: {
         $props: Partial<{
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -892,6 +904,7 @@ declare const VTextField: {
         }> & Omit<{
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -905,29 +918,24 @@ declare const VTextField: {
             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<[FocusEvent], (args_0: FocusEvent) => 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 | {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
-                default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((args_0: VInputSlot) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -941,7 +949,7 @@ declare const VTextField: {
             "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -958,6 +966,7 @@ declare const VTextField: {
         $options: vue.ComponentOptionsBase<{
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -971,29 +980,24 @@ declare const VTextField: {
             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<[FocusEvent], (args_0: FocusEvent) => 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;
-            };
-            $slots?: {
+            $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;
-            } | undefined;
+            } | ((args_0: VInputSlot) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -1016,6 +1020,7 @@ declare const VTextField: {
         }, string, {
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -1048,6 +1053,7 @@ declare const VTextField: {
     } & {
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1061,29 +1067,24 @@ declare const VTextField: {
         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<[FocusEvent], (args_0: FocusEvent) => 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 | {
+        $children?: vue.VNodeChild | {
             default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        };
-        $slots?: {
-            default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
+        } | ((args_0: VInputSlot) => vue.VNodeChild);
         'v-slots'?: {
             default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -1101,15 +1102,18 @@ declare const VTextField: {
         reset: () => void;
         resetValidation: () => void;
         validate: () => Promise<string[]>;
-    }> & {} & vue.ComponentCustomProperties & {}, "id" | "name" | "label" | "$children" | "v-slot:default" | "$slots" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | ("error" | "direction" | "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" | "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.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            flat: boolean;
             reverse: boolean;
             error: boolean;
             active: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
-            variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+            rounded: string | number | boolean;
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
             clearIcon: IconValue;
             focused: boolean;
             clearable: boolean;
@@ -1117,8 +1121,17 @@ declare const VTextField: {
             persistentClear: boolean;
             singleLine: boolean;
         }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
-            loading: (StringConstructor | BooleanConstructor)[];
             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;
@@ -1128,16 +1141,18 @@ declare const VTextField: {
             };
             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">;
+                type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
                 default: string;
                 validator: (v: any) => boolean;
             };
@@ -1145,11 +1160,11 @@ declare const VTextField: {
             'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
-            'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+            'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
             id: StringConstructor;
-        }, "$children" | "v-slot:default" | "$slots" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+        }, "$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, "reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "error" | "active" | "style" | "disabled" | "rounded" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1164,8 +1179,17 @@ declare const VTextField: {
         $emit: (event: "update:focused", focused: boolean) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
-            loading: (StringConstructor | BooleanConstructor)[];
             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;
@@ -1175,16 +1199,18 @@ declare const VTextField: {
             };
             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">;
+                type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
                 default: string;
                 validator: (v: any) => boolean;
             };
@@ -1192,21 +1218,24 @@ declare const VTextField: {
             'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
-            'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+            'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
             id: StringConstructor;
-        }, "$children" | "v-slot:default" | "$slots" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+        }, "$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;
         }, {
             controlRef: vue.Ref<HTMLElement | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:focused': (focused: boolean) => true;
             'update:modelValue': (val: any) => true;
-        }, "$children" | "v-slot:default" | "$slots" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
+        }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
+            flat: boolean;
             reverse: boolean;
             error: boolean;
             active: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
-            variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+            rounded: string | number | boolean;
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
             clearIcon: IconValue;
             focused: boolean;
             clearable: boolean;
@@ -1234,8 +1263,17 @@ declare const VTextField: {
         $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<{
-        loading: (StringConstructor | BooleanConstructor)[];
         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;
@@ -1245,16 +1283,18 @@ declare const VTextField: {
         };
         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">;
+            type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
             default: string;
             validator: (v: any) => boolean;
         };
@@ -1262,65 +1302,33 @@ declare const VTextField: {
         'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         focused: BooleanConstructor;
-        'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+        'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
         id: StringConstructor;
-    }, "$children" | "v-slot:default" | "$slots" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+    }, "$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.ShallowUnwrapRef<{
         controlRef: vue.Ref<HTMLElement | undefined>;
-    }> & {} & vue.ComponentCustomProperties & {} & {
-        $props: {
-            modelValue?: unknown;
-            'onUpdate:modelValue'?: ((val: unknown) => any) | undefined;
-        } & {
-            $children?: {} | vue.VNodeChild | {
-                clear?: (() => vue.VNodeChild) | undefined;
-                'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                default?: ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
-                clear?: (() => vue.VNodeChild) | undefined;
-                'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                default?: ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
-            'v-slots'?: {
-                clear?: false | (() => vue.VNodeChild) | undefined;
-                'prepend-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                'append-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                label?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-                loader?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                default?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:prepend-inner"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:append-inner"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:label"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            "v-slot:default"?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
-        };
-    }, "id" | "color" | "loading" | "label" | "$children" | "theme" | "v-slot:default" | "$slots" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>> & {} & vue.ComponentCustomProperties & {};
+    }> & {} & 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 & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    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";
+    variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
     clearIcon: IconValue;
     focused: boolean;
     errorMessages: string | string[];
@@ -1340,9 +1348,11 @@ declare const VTextField: {
     loading?: string | boolean | undefined;
     label?: string | undefined;
     prefix?: string | undefined;
+    class?: any;
     placeholder?: string | undefined;
     theme?: string | undefined;
     counter?: string | number | true | undefined;
+    rounded?: string | number | boolean | undefined;
     modelValue?: any;
     bgColor?: string | undefined;
     prependIcon?: IconValue | undefined;
@@ -1354,16 +1364,17 @@ 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<[FocusEvent], (args_0: FocusEvent) => 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;
+    baseColor?: string | undefined;
     suffix?: string | undefined;
     counterValue?: ((value: any) => number) | undefined;
     modelModifiers?: Record<string, boolean> | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         clear?: (() => vue.VNodeChild) | undefined;
         details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
@@ -1374,17 +1385,6 @@ declare const VTextField: {
         'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        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;
-    } | undefined;
     'v-slots'?: {
         clear?: false | (() => vue.VNodeChild) | undefined;
         details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -1417,6 +1417,7 @@ declare const VTextField: {
     $props: Partial<{
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1429,6 +1430,7 @@ declare const VTextField: {
     }> & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1442,29 +1444,24 @@ declare const VTextField: {
         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<[FocusEvent], (args_0: FocusEvent) => 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;
-        };
-        $slots?: {
+        $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;
-        } | undefined;
+        } | ((args_0: VInputSlot) => vue.VNodeChild);
         'v-slots'?: {
             default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -1478,7 +1475,7 @@ declare const VTextField: {
         "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint">;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1495,6 +1492,7 @@ declare const VTextField: {
     $options: vue.ComponentOptionsBase<{
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1508,29 +1506,24 @@ declare const VTextField: {
         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<[FocusEvent], (args_0: FocusEvent) => 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 | {
+        $children?: vue.VNodeChild | {
             default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        };
-        $slots?: {
-            default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
+        } | ((args_0: VInputSlot) => vue.VNodeChild);
         'v-slots'?: {
             default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -1553,6 +1546,7 @@ declare const VTextField: {
     }, string, {
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1585,6 +1579,7 @@ declare const VTextField: {
 } & {
     error: boolean;
     direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
     disabled: boolean;
     readonly: boolean;
     messages: string | string[];
@@ -1598,29 +1593,24 @@ declare const VTextField: {
     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<[FocusEvent], (args_0: FocusEvent) => 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 | {
+    $children?: vue.VNodeChild | {
         default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-    };
-    $slots?: {
-        default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-    } | undefined;
+    } | ((args_0: VInputSlot) => vue.VNodeChild);
     'v-slots'?: {
         default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -1638,15 +1628,18 @@ declare const VTextField: {
     reset: () => void;
     resetValidation: () => void;
     validate: () => Promise<string[]>;
-}> & {} & vue.ComponentCustomProperties & {}, "id" | "name" | "label" | "$children" | "v-slot:default" | "$slots" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | ("error" | "direction" | "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" | "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.ComponentInternalInstance;
     $data: {};
     $props: Partial<{
+        flat: boolean;
         reverse: boolean;
         error: boolean;
         active: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
-        variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+        rounded: string | number | boolean;
+        variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
         clearIcon: IconValue;
         focused: boolean;
         clearable: boolean;
@@ -1654,8 +1647,17 @@ declare const VTextField: {
         persistentClear: boolean;
         singleLine: boolean;
     }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
-        loading: (StringConstructor | BooleanConstructor)[];
         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;
@@ -1665,16 +1667,18 @@ declare const VTextField: {
         };
         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">;
+            type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
             default: string;
             validator: (v: any) => boolean;
         };
@@ -1682,11 +1686,11 @@ declare const VTextField: {
         'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         focused: BooleanConstructor;
-        'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+        'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
         id: StringConstructor;
-    }, "$children" | "v-slot:default" | "$slots" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+    }, "$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, "reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "error" | "active" | "style" | "disabled" | "rounded" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1701,8 +1705,17 @@ declare const VTextField: {
     $emit: (event: "update:focused", focused: boolean) => void;
     $el: any;
     $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
-        loading: (StringConstructor | BooleanConstructor)[];
         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;
@@ -1712,16 +1725,18 @@ declare const VTextField: {
         };
         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">;
+            type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
             default: string;
             validator: (v: any) => boolean;
         };
@@ -1729,21 +1744,24 @@ declare const VTextField: {
         'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         focused: BooleanConstructor;
-        'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+        'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
         id: StringConstructor;
-    }, "$children" | "v-slot:default" | "$slots" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+    }, "$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;
     }, {
         controlRef: vue.Ref<HTMLElement | undefined>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:focused': (focused: boolean) => true;
         'update:modelValue': (val: any) => true;
-    }, "$children" | "v-slot:default" | "$slots" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
+    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
+        flat: boolean;
         reverse: boolean;
         error: boolean;
         active: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
-        variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+        rounded: string | number | boolean;
+        variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
         clearIcon: IconValue;
         focused: boolean;
         clearable: boolean;
@@ -1771,8 +1789,17 @@ declare const VTextField: {
     $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<{
-    loading: (StringConstructor | BooleanConstructor)[];
     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;
@@ -1782,16 +1809,18 @@ declare const VTextField: {
     };
     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">;
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -1799,66 +1828,35 @@ declare const VTextField: {
     'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     id: StringConstructor;
-}, "$children" | "v-slot:default" | "$slots" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+}, "$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.ShallowUnwrapRef<{
     controlRef: vue.Ref<HTMLElement | undefined>;
-}> & {} & vue.ComponentCustomProperties & {} & {
-    $props: {
-        modelValue?: unknown;
-        'onUpdate:modelValue'?: ((val: unknown) => any) | undefined;
-    } & {
-        $children?: {} | vue.VNodeChild | {
-            clear?: (() => vue.VNodeChild) | undefined;
-            'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            default?: ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
-        };
-        $slots?: {
-            clear?: (() => vue.VNodeChild) | undefined;
-            'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            default?: ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
-        'v-slots'?: {
-            clear?: false | (() => vue.VNodeChild) | undefined;
-            'prepend-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            'append-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            label?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            loader?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            default?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:prepend-inner"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:append-inner"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:label"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-        "v-slot:default"?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
-    };
-}, "id" | "color" | "loading" | "label" | "$children" | "theme" | "v-slot:default" | "$slots" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}> & {} & 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, {
     'click:control': (e: MouseEvent) => true;
     'mousedown:control': (e: MouseEvent) => true;
     'update:focused': (focused: boolean) => true;
     'update:modelValue': (val: string) => true;
 }, string, {
+    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";
+    variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
     clearIcon: IconValue;
     focused: boolean;
     errorMessages: string | string[];
@@ -1872,8 +1870,17 @@ declare const VTextField: {
     persistentPlaceholder: boolean;
     persistentCounter: boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    loading: (StringConstructor | BooleanConstructor)[];
     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;
@@ -1883,16 +1890,18 @@ declare const VTextField: {
     };
     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">;
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -1900,7 +1909,7 @@ declare const VTextField: {
     'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: PropType<string | string[]>;
         default: () => never[];
@@ -1954,8 +1963,17 @@ declare const VTextField: {
     };
     modelModifiers: PropType<Record<string, boolean>>;
 }, vue.ExtractPropTypes<{
-    loading: (StringConstructor | BooleanConstructor)[];
     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;
@@ -1965,16 +1983,18 @@ declare const VTextField: {
     };
     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">;
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -1982,7 +2002,7 @@ declare const VTextField: {
     'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: PropType<string | string[]>;
         default: () => never[];