@vuetify/nightly 4.0.0-dev-20230422.0 → 4.0.0-dev-20230427.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,6 +65,14 @@ 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[]): {
@@ -57,6 +85,7 @@ declare const VTextField: {
             error: boolean;
             active: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             autofocus: boolean;
             disabled: boolean;
             readonly: boolean;
@@ -83,6 +112,7 @@ declare const VTextField: {
             error: boolean;
             active: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             autofocus: boolean;
             disabled: boolean;
             readonly: boolean;
@@ -108,6 +138,7 @@ 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;
@@ -128,11 +159,12 @@ declare const VTextField: {
             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;
@@ -143,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;
@@ -180,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, "flat" | "reverse" | "type" | "error" | "active" | "direction" | "autofocus" | "disabled" | "readonly" | "messages" | "rounded" | "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;
         };
@@ -201,6 +222,7 @@ declare const VTextField: {
             error: boolean;
             active: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             autofocus: boolean;
             disabled: boolean;
             readonly: boolean;
@@ -226,6 +248,7 @@ 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;
@@ -246,11 +269,12 @@ declare const VTextField: {
             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;
@@ -261,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;
@@ -304,6 +317,7 @@ declare const VTextField: {
             $props: Partial<{
                 error: boolean;
                 direction: "horizontal" | "vertical";
+                style: vue.StyleValue;
                 disabled: boolean;
                 readonly: boolean;
                 messages: string | string[];
@@ -316,6 +330,7 @@ declare const VTextField: {
             }> & Omit<{
                 error: boolean;
                 direction: "horizontal" | "vertical";
+                style: vue.StyleValue;
                 disabled: boolean;
                 readonly: boolean;
                 messages: string | string[];
@@ -329,6 +344,7 @@ declare const VTextField: {
                 id?: string | undefined;
                 name?: string | undefined;
                 label?: string | undefined;
+                class?: any;
                 modelValue?: any;
                 prependIcon?: IconValue | undefined;
                 appendIcon?: IconValue | undefined;
@@ -340,18 +356,12 @@ declare const VTextField: {
                 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;
@@ -365,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;
             };
@@ -382,6 +392,7 @@ declare const VTextField: {
             $options: vue.ComponentOptionsBase<{
                 error: boolean;
                 direction: "horizontal" | "vertical";
+                style: vue.StyleValue;
                 disabled: boolean;
                 readonly: boolean;
                 messages: string | string[];
@@ -395,6 +406,7 @@ declare const VTextField: {
                 id?: string | undefined;
                 name?: string | undefined;
                 label?: string | undefined;
+                class?: any;
                 modelValue?: any;
                 prependIcon?: IconValue | undefined;
                 appendIcon?: IconValue | undefined;
@@ -406,18 +418,12 @@ declare const VTextField: {
                 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;
@@ -440,6 +446,7 @@ declare const VTextField: {
             }, string, {
                 error: boolean;
                 direction: "horizontal" | "vertical";
+                style: vue.StyleValue;
                 disabled: boolean;
                 readonly: boolean;
                 messages: string | string[];
@@ -472,6 +479,7 @@ declare const VTextField: {
         } & {
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -485,6 +493,7 @@ declare const VTextField: {
             id?: string | undefined;
             name?: string | undefined;
             label?: string | undefined;
+            class?: any;
             modelValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
@@ -496,18 +505,12 @@ declare const VTextField: {
             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;
@@ -525,7 +528,7 @@ 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<{
@@ -533,6 +536,7 @@ declare const VTextField: {
                 reverse: boolean;
                 error: boolean;
                 active: boolean;
+                style: vue.StyleValue;
                 disabled: boolean;
                 rounded: string | number | boolean;
                 variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
@@ -543,12 +547,17 @@ declare const VTextField: {
                 persistentClear: boolean;
                 singleLine: boolean;
             }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+                theme: StringConstructor;
                 rounded: {
                     type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
                     default: undefined;
                 };
                 loading: (StringConstructor | BooleanConstructor)[];
-                theme: StringConstructor;
+                class: PropType<any>;
+                style: {
+                    type: PropType<vue.StyleValue>;
+                    default: null;
+                };
                 appendInnerIcon: PropType<IconValue>;
                 bgColor: StringConstructor;
                 clearable: BooleanConstructor;
@@ -558,6 +567,7 @@ declare const VTextField: {
                 };
                 active: BooleanConstructor;
                 color: StringConstructor;
+                baseColor: StringConstructor;
                 dirty: BooleanConstructor;
                 disabled: BooleanConstructor;
                 error: BooleanConstructor;
@@ -578,9 +588,9 @@ declare const VTextField: {
                 focused: BooleanConstructor;
                 'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => 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, "flat" | "reverse" | "error" | "active" | "disabled" | "rounded" | "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;
             };
@@ -595,12 +605,17 @@ declare const VTextField: {
             $emit: (event: "update:focused", focused: boolean) => void;
             $el: any;
             $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+                theme: StringConstructor;
                 rounded: {
                     type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
                     default: undefined;
                 };
                 loading: (StringConstructor | BooleanConstructor)[];
-                theme: StringConstructor;
+                class: PropType<any>;
+                style: {
+                    type: PropType<vue.StyleValue>;
+                    default: null;
+                };
                 appendInnerIcon: PropType<IconValue>;
                 bgColor: StringConstructor;
                 clearable: BooleanConstructor;
@@ -610,6 +625,7 @@ declare const VTextField: {
                 };
                 active: BooleanConstructor;
                 color: StringConstructor;
+                baseColor: StringConstructor;
                 dirty: BooleanConstructor;
                 disabled: BooleanConstructor;
                 error: BooleanConstructor;
@@ -630,18 +646,19 @@ declare const VTextField: {
                 focused: BooleanConstructor;
                 'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => 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;
                 rounded: string | number | boolean;
                 variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
@@ -672,12 +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<{
+            theme: StringConstructor;
             rounded: {
                 type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
                 default: undefined;
             };
             loading: (StringConstructor | BooleanConstructor)[];
-            theme: StringConstructor;
+            class: PropType<any>;
+            style: {
+                type: PropType<vue.StyleValue>;
+                default: null;
+            };
             appendInnerIcon: PropType<IconValue>;
             bgColor: StringConstructor;
             clearable: BooleanConstructor;
@@ -687,6 +709,7 @@ declare const VTextField: {
             };
             active: BooleanConstructor;
             color: StringConstructor;
+            baseColor: StringConstructor;
             dirty: BooleanConstructor;
             disabled: BooleanConstructor;
             error: BooleanConstructor;
@@ -707,48 +730,14 @@ declare const VTextField: {
             focused: BooleanConstructor;
             'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => 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" | ("flat" | "reverse" | "error" | "active" | "disabled" | "rounded" | "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;
@@ -760,6 +749,7 @@ declare const VTextField: {
             error: boolean;
             active: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             autofocus: boolean;
             disabled: boolean;
             readonly: boolean;
@@ -806,6 +796,7 @@ declare const VTextField: {
         error: boolean;
         active: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         autofocus: boolean;
         disabled: boolean;
         readonly: boolean;
@@ -831,6 +822,7 @@ 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;
@@ -851,11 +843,12 @@ declare const VTextField: {
         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;
@@ -866,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;
@@ -909,6 +891,7 @@ declare const VTextField: {
         $props: Partial<{
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -921,6 +904,7 @@ declare const VTextField: {
         }> & Omit<{
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -934,6 +918,7 @@ declare const VTextField: {
             id?: string | undefined;
             name?: string | undefined;
             label?: string | undefined;
+            class?: any;
             modelValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
@@ -945,18 +930,12 @@ declare const VTextField: {
             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;
@@ -970,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;
         };
@@ -987,6 +966,7 @@ declare const VTextField: {
         $options: vue.ComponentOptionsBase<{
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -1000,6 +980,7 @@ declare const VTextField: {
             id?: string | undefined;
             name?: string | undefined;
             label?: string | undefined;
+            class?: any;
             modelValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
@@ -1011,18 +992,12 @@ declare const VTextField: {
             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;
@@ -1045,6 +1020,7 @@ declare const VTextField: {
         }, string, {
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -1077,6 +1053,7 @@ declare const VTextField: {
     } & {
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1090,6 +1067,7 @@ declare const VTextField: {
         id?: string | undefined;
         name?: string | undefined;
         label?: string | undefined;
+        class?: any;
         modelValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -1101,18 +1079,12 @@ declare const VTextField: {
         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;
@@ -1130,7 +1102,7 @@ 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<{
@@ -1138,6 +1110,7 @@ declare const VTextField: {
             reverse: boolean;
             error: boolean;
             active: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             rounded: string | number | boolean;
             variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
@@ -1148,12 +1121,17 @@ declare const VTextField: {
             persistentClear: boolean;
             singleLine: boolean;
         }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+            theme: StringConstructor;
             rounded: {
                 type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
                 default: undefined;
             };
             loading: (StringConstructor | BooleanConstructor)[];
-            theme: StringConstructor;
+            class: PropType<any>;
+            style: {
+                type: PropType<vue.StyleValue>;
+                default: null;
+            };
             appendInnerIcon: PropType<IconValue>;
             bgColor: StringConstructor;
             clearable: BooleanConstructor;
@@ -1163,6 +1141,7 @@ declare const VTextField: {
             };
             active: BooleanConstructor;
             color: StringConstructor;
+            baseColor: StringConstructor;
             dirty: BooleanConstructor;
             disabled: BooleanConstructor;
             error: BooleanConstructor;
@@ -1183,9 +1162,9 @@ declare const VTextField: {
             focused: BooleanConstructor;
             'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => 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, "flat" | "reverse" | "error" | "active" | "disabled" | "rounded" | "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;
         };
@@ -1200,12 +1179,17 @@ declare const VTextField: {
         $emit: (event: "update:focused", focused: boolean) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+            theme: StringConstructor;
             rounded: {
                 type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
                 default: undefined;
             };
             loading: (StringConstructor | BooleanConstructor)[];
-            theme: StringConstructor;
+            class: PropType<any>;
+            style: {
+                type: PropType<vue.StyleValue>;
+                default: null;
+            };
             appendInnerIcon: PropType<IconValue>;
             bgColor: StringConstructor;
             clearable: BooleanConstructor;
@@ -1215,6 +1199,7 @@ declare const VTextField: {
             };
             active: BooleanConstructor;
             color: StringConstructor;
+            baseColor: StringConstructor;
             dirty: BooleanConstructor;
             disabled: BooleanConstructor;
             error: BooleanConstructor;
@@ -1235,18 +1220,19 @@ declare const VTextField: {
             focused: BooleanConstructor;
             'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => 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;
             rounded: string | number | boolean;
             variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
@@ -1277,12 +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<{
+        theme: StringConstructor;
         rounded: {
             type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
             default: undefined;
         };
         loading: (StringConstructor | BooleanConstructor)[];
-        theme: StringConstructor;
+        class: PropType<any>;
+        style: {
+            type: PropType<vue.StyleValue>;
+            default: null;
+        };
         appendInnerIcon: PropType<IconValue>;
         bgColor: StringConstructor;
         clearable: BooleanConstructor;
@@ -1292,6 +1283,7 @@ declare const VTextField: {
         };
         active: BooleanConstructor;
         color: StringConstructor;
+        baseColor: StringConstructor;
         dirty: BooleanConstructor;
         disabled: BooleanConstructor;
         error: BooleanConstructor;
@@ -1312,48 +1304,14 @@ declare const VTextField: {
         focused: BooleanConstructor;
         'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => 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" | ("flat" | "reverse" | "error" | "active" | "disabled" | "rounded" | "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;
@@ -1364,6 +1322,7 @@ declare const VTextField: {
     error: boolean;
     active: boolean;
     direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
     autofocus: boolean;
     disabled: boolean;
     readonly: boolean;
@@ -1389,6 +1348,7 @@ 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;
@@ -1409,11 +1369,12 @@ declare const VTextField: {
     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;
@@ -1424,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;
@@ -1467,6 +1417,7 @@ declare const VTextField: {
     $props: Partial<{
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1479,6 +1430,7 @@ declare const VTextField: {
     }> & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1492,6 +1444,7 @@ declare const VTextField: {
         id?: string | undefined;
         name?: string | undefined;
         label?: string | undefined;
+        class?: any;
         modelValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -1503,18 +1456,12 @@ declare const VTextField: {
         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;
@@ -1528,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;
     };
@@ -1545,6 +1492,7 @@ declare const VTextField: {
     $options: vue.ComponentOptionsBase<{
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1558,6 +1506,7 @@ declare const VTextField: {
         id?: string | undefined;
         name?: string | undefined;
         label?: string | undefined;
+        class?: any;
         modelValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -1569,18 +1518,12 @@ declare const VTextField: {
         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;
@@ -1603,6 +1546,7 @@ declare const VTextField: {
     }, string, {
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1635,6 +1579,7 @@ declare const VTextField: {
 } & {
     error: boolean;
     direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
     disabled: boolean;
     readonly: boolean;
     messages: string | string[];
@@ -1648,6 +1593,7 @@ declare const VTextField: {
     id?: string | undefined;
     name?: string | undefined;
     label?: string | undefined;
+    class?: any;
     modelValue?: any;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
@@ -1659,18 +1605,12 @@ declare const VTextField: {
     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;
@@ -1688,7 +1628,7 @@ 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<{
@@ -1696,6 +1636,7 @@ declare const VTextField: {
         reverse: boolean;
         error: boolean;
         active: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
         rounded: string | number | boolean;
         variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
@@ -1706,12 +1647,17 @@ declare const VTextField: {
         persistentClear: boolean;
         singleLine: boolean;
     }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+        theme: StringConstructor;
         rounded: {
             type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
             default: undefined;
         };
         loading: (StringConstructor | BooleanConstructor)[];
-        theme: StringConstructor;
+        class: PropType<any>;
+        style: {
+            type: PropType<vue.StyleValue>;
+            default: null;
+        };
         appendInnerIcon: PropType<IconValue>;
         bgColor: StringConstructor;
         clearable: BooleanConstructor;
@@ -1721,6 +1667,7 @@ declare const VTextField: {
         };
         active: BooleanConstructor;
         color: StringConstructor;
+        baseColor: StringConstructor;
         dirty: BooleanConstructor;
         disabled: BooleanConstructor;
         error: BooleanConstructor;
@@ -1741,9 +1688,9 @@ declare const VTextField: {
         focused: BooleanConstructor;
         'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => 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, "flat" | "reverse" | "error" | "active" | "disabled" | "rounded" | "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;
     };
@@ -1758,12 +1705,17 @@ declare const VTextField: {
     $emit: (event: "update:focused", focused: boolean) => void;
     $el: any;
     $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+        theme: StringConstructor;
         rounded: {
             type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
             default: undefined;
         };
         loading: (StringConstructor | BooleanConstructor)[];
-        theme: StringConstructor;
+        class: PropType<any>;
+        style: {
+            type: PropType<vue.StyleValue>;
+            default: null;
+        };
         appendInnerIcon: PropType<IconValue>;
         bgColor: StringConstructor;
         clearable: BooleanConstructor;
@@ -1773,6 +1725,7 @@ declare const VTextField: {
         };
         active: BooleanConstructor;
         color: StringConstructor;
+        baseColor: StringConstructor;
         dirty: BooleanConstructor;
         disabled: BooleanConstructor;
         error: BooleanConstructor;
@@ -1793,18 +1746,19 @@ declare const VTextField: {
         focused: BooleanConstructor;
         'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => 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;
         rounded: string | number | boolean;
         variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
@@ -1835,12 +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<{
+    theme: StringConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     loading: (StringConstructor | BooleanConstructor)[];
-    theme: StringConstructor;
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     appendInnerIcon: PropType<IconValue>;
     bgColor: StringConstructor;
     clearable: BooleanConstructor;
@@ -1850,6 +1809,7 @@ declare const VTextField: {
     };
     active: BooleanConstructor;
     color: StringConstructor;
+    baseColor: StringConstructor;
     dirty: BooleanConstructor;
     disabled: BooleanConstructor;
     error: BooleanConstructor;
@@ -1870,48 +1830,14 @@ declare const VTextField: {
     focused: BooleanConstructor;
     'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => 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" | ("flat" | "reverse" | "error" | "active" | "disabled" | "rounded" | "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;
@@ -1923,6 +1849,7 @@ declare const VTextField: {
     error: boolean;
     active: boolean;
     direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
     autofocus: boolean;
     disabled: boolean;
     readonly: boolean;
@@ -1943,12 +1870,17 @@ declare const VTextField: {
     persistentPlaceholder: boolean;
     persistentCounter: boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    theme: StringConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     loading: (StringConstructor | BooleanConstructor)[];
-    theme: StringConstructor;
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     appendInnerIcon: PropType<IconValue>;
     bgColor: StringConstructor;
     clearable: BooleanConstructor;
@@ -1958,6 +1890,7 @@ declare const VTextField: {
     };
     active: BooleanConstructor;
     color: StringConstructor;
+    baseColor: StringConstructor;
     dirty: BooleanConstructor;
     disabled: BooleanConstructor;
     error: BooleanConstructor;
@@ -2030,12 +1963,17 @@ declare const VTextField: {
     };
     modelModifiers: PropType<Record<string, boolean>>;
 }, vue.ExtractPropTypes<{
+    theme: StringConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     loading: (StringConstructor | BooleanConstructor)[];
-    theme: StringConstructor;
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     appendInnerIcon: PropType<IconValue>;
     bgColor: StringConstructor;
     clearable: BooleanConstructor;
@@ -2045,6 +1983,7 @@ declare const VTextField: {
     };
     active: BooleanConstructor;
     color: StringConstructor;
+    baseColor: StringConstructor;
     dirty: BooleanConstructor;
     disabled: BooleanConstructor;
     error: BooleanConstructor;