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

package/lib/components/VTextarea/{index.d.ts → index.d.mts}

@@ -13,7 +13,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';
@@ -53,6 +53,7 @@ declare const VTextarea: {
             error: boolean;
             active: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             autofocus: boolean;
             disabled: boolean;
             readonly: boolean;
@@ -81,6 +82,7 @@ declare const VTextarea: {
             error: boolean;
             active: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             autofocus: boolean;
             disabled: boolean;
             readonly: boolean;
@@ -109,6 +111,7 @@ declare const VTextarea: {
             loading?: string | boolean | undefined;
             label?: string | undefined;
             prefix?: string | undefined;
+            class?: any;
             placeholder?: string | undefined;
             theme?: string | undefined;
             counter?: string | number | true | undefined;
@@ -124,11 +127,12 @@ declare const VTextarea: {
             '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;
@@ -144,16 +148,6 @@ declare const VTextarea: {
                 'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
                 'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => 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;
-            } | undefined;
             'v-slots'?: {
                 clear?: false | (() => vue.VNodeChild) | undefined;
                 details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -178,7 +172,7 @@ declare const VTextarea: {
             "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" | "error" | "active" | "direction" | "autofocus" | "disabled" | "readonly" | "messages" | "rounded" | "density" | "variant" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter" | "autoGrow" | "noResize" | "rows">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "error" | "active" | "direction" | "style" | "autofocus" | "disabled" | "readonly" | "messages" | "rounded" | "density" | "variant" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter" | "autoGrow" | "noResize" | "rows">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -198,6 +192,7 @@ declare const VTextarea: {
             error: boolean;
             active: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             autofocus: boolean;
             disabled: boolean;
             readonly: boolean;
@@ -226,6 +221,7 @@ declare const VTextarea: {
             loading?: string | boolean | undefined;
             label?: string | undefined;
             prefix?: string | undefined;
+            class?: any;
             placeholder?: string | undefined;
             theme?: string | undefined;
             counter?: string | number | true | undefined;
@@ -241,11 +237,12 @@ declare const VTextarea: {
             '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;
@@ -261,16 +258,6 @@ declare const VTextarea: {
                 'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
                 'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => 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;
-            } | undefined;
             'v-slots'?: {
                 clear?: false | (() => vue.VNodeChild) | undefined;
                 details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -301,6 +288,7 @@ declare const VTextarea: {
             $props: Partial<{
                 error: boolean;
                 direction: "horizontal" | "vertical";
+                style: vue.StyleValue;
                 disabled: boolean;
                 readonly: boolean;
                 messages: string | string[];
@@ -313,6 +301,7 @@ declare const VTextarea: {
             }> & Omit<{
                 error: boolean;
                 direction: "horizontal" | "vertical";
+                style: vue.StyleValue;
                 disabled: boolean;
                 readonly: boolean;
                 messages: string | string[];
@@ -326,29 +315,24 @@ declare const VTextarea: {
                 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;
@@ -362,7 +346,7 @@ declare const VTextarea: {
                 "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;
             };
@@ -379,6 +363,7 @@ declare const VTextarea: {
             $options: vue.ComponentOptionsBase<{
                 error: boolean;
                 direction: "horizontal" | "vertical";
+                style: vue.StyleValue;
                 disabled: boolean;
                 readonly: boolean;
                 messages: string | string[];
@@ -392,29 +377,24 @@ declare const VTextarea: {
                 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;
@@ -437,6 +417,7 @@ declare const VTextarea: {
             }, string, {
                 error: boolean;
                 direction: "horizontal" | "vertical";
+                style: vue.StyleValue;
                 disabled: boolean;
                 readonly: boolean;
                 messages: string | string[];
@@ -469,6 +450,7 @@ declare const VTextarea: {
         } & {
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -482,29 +464,24 @@ declare const VTextarea: {
             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;
@@ -522,7 +499,7 @@ declare const VTextarea: {
             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}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        }> & {} & 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}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:control': (e: MouseEvent) => true;
             'mousedown:control': (e: MouseEvent) => true;
             'update:focused': (focused: boolean) => true;
@@ -533,6 +510,7 @@ declare const VTextarea: {
             error: boolean;
             active: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             autofocus: boolean;
             disabled: boolean;
             readonly: boolean;
@@ -581,6 +559,7 @@ declare const VTextarea: {
         error: boolean;
         active: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         autofocus: boolean;
         disabled: boolean;
         readonly: boolean;
@@ -609,6 +588,7 @@ declare const VTextarea: {
         loading?: string | boolean | undefined;
         label?: string | undefined;
         prefix?: string | undefined;
+        class?: any;
         placeholder?: string | undefined;
         theme?: string | undefined;
         counter?: string | number | true | undefined;
@@ -624,11 +604,12 @@ declare const VTextarea: {
         '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;
@@ -644,16 +625,6 @@ declare const VTextarea: {
             'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
             'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => 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;
-        } | undefined;
         'v-slots'?: {
             clear?: false | (() => vue.VNodeChild) | undefined;
             details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -684,6 +655,7 @@ declare const VTextarea: {
         $props: Partial<{
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -696,6 +668,7 @@ declare const VTextarea: {
         }> & Omit<{
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -709,29 +682,24 @@ declare const VTextarea: {
             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;
@@ -745,7 +713,7 @@ declare const VTextarea: {
             "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;
         };
@@ -762,6 +730,7 @@ declare const VTextarea: {
         $options: vue.ComponentOptionsBase<{
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -775,29 +744,24 @@ declare const VTextarea: {
             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;
@@ -820,6 +784,7 @@ declare const VTextarea: {
         }, string, {
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
@@ -852,6 +817,7 @@ declare const VTextarea: {
     } & {
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -865,29 +831,24 @@ declare const VTextarea: {
         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;
@@ -905,7 +866,7 @@ declare const VTextarea: {
         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}`>> & {} & vue.ComponentCustomProperties & {};
+    }> & {} & 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}`>> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -915,6 +876,7 @@ declare const VTextarea: {
     error: boolean;
     active: boolean;
     direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
     autofocus: boolean;
     disabled: boolean;
     readonly: boolean;
@@ -943,6 +905,7 @@ declare const VTextarea: {
     loading?: string | boolean | undefined;
     label?: string | undefined;
     prefix?: string | undefined;
+    class?: any;
     placeholder?: string | undefined;
     theme?: string | undefined;
     counter?: string | number | true | undefined;
@@ -958,11 +921,12 @@ declare const VTextarea: {
     '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;
@@ -978,16 +942,6 @@ declare const VTextarea: {
         'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
         'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => 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;
-    } | undefined;
     'v-slots'?: {
         clear?: false | (() => vue.VNodeChild) | undefined;
         details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -1018,6 +972,7 @@ declare const VTextarea: {
     $props: Partial<{
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1030,6 +985,7 @@ declare const VTextarea: {
     }> & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1043,29 +999,24 @@ declare const VTextarea: {
         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;
@@ -1079,7 +1030,7 @@ declare const VTextarea: {
         "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;
     };
@@ -1096,6 +1047,7 @@ declare const VTextarea: {
     $options: vue.ComponentOptionsBase<{
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1109,29 +1061,24 @@ declare const VTextarea: {
         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;
@@ -1154,6 +1101,7 @@ declare const VTextarea: {
     }, string, {
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         readonly: boolean;
         messages: string | string[];
@@ -1186,6 +1134,7 @@ declare const VTextarea: {
 } & {
     error: boolean;
     direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
     disabled: boolean;
     readonly: boolean;
     messages: string | string[];
@@ -1199,29 +1148,24 @@ declare const VTextarea: {
     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;
@@ -1239,7 +1183,7 @@ declare const VTextarea: {
     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}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}> & {} & 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}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'click:control': (e: MouseEvent) => true;
     'mousedown:control': (e: MouseEvent) => true;
     'update:focused': (focused: boolean) => true;
@@ -1250,6 +1194,7 @@ declare const VTextarea: {
     error: boolean;
     active: boolean;
     direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
     autofocus: boolean;
     disabled: boolean;
     readonly: boolean;
@@ -1273,12 +1218,17 @@ declare const VTextarea: {
     noResize: boolean;
     rows: string | number;
 }, {}, 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;
@@ -1288,6 +1238,7 @@ declare const VTextarea: {
     };
     active: BooleanConstructor;
     color: StringConstructor;
+    baseColor: StringConstructor;
     dirty: BooleanConstructor;
     disabled: BooleanConstructor;
     error: BooleanConstructor;
@@ -1306,7 +1257,7 @@ declare const VTextarea: {
     '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[];
@@ -1367,12 +1318,17 @@ declare const VTextarea: {
     suffix: StringConstructor;
     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;
@@ -1382,6 +1338,7 @@ declare const VTextarea: {
     };
     active: BooleanConstructor;
     color: StringConstructor;
+    baseColor: StringConstructor;
     dirty: BooleanConstructor;
     disabled: BooleanConstructor;
     error: BooleanConstructor;
@@ -1400,7 +1357,7 @@ declare const VTextarea: {
     '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[];