@central-design-system/components 4.0.0-alpha.4 → 4.0.0-alpha.6

package/dist/types/components/CdsTextArea/index.d.ts

@@ -72,6 +72,8 @@ export declare const CdsTextArea: {
             default: () => never[];
         };
         modelValue: null;
+        focused: BooleanConstructor;
+        'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
         appendIcon: import("vue").PropType<import("../../composables/useIcons/index.ts").IconValue>;
         prependIcon: import("vue").PropType<import("../../composables/useIcons/index.ts").IconValue>;
         'onClick:append': import("vue").PropType<(args_0: MouseEvent) => void>;
@@ -91,8 +93,6 @@ export declare const CdsTextArea: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
-        focused: BooleanConstructor;
-        'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
         validateOn: import("vue").PropType<import("../../composables/useValidation/index.ts").ValidateOn>;
         hideMessages: BooleanConstructor;
         hideDetails: import("vue").PropType<boolean | "auto">;
@@ -142,12 +142,12 @@ export declare const CdsTextArea: {
             readonly: boolean | null;
             messages: string | readonly string[];
             theme: string;
+            focused: boolean;
             persistentHint: boolean;
             centerAffix: boolean;
             rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
-            focused: boolean;
             hideMessages: boolean;
         }> & Omit<{
             readonly error: boolean;
@@ -157,12 +157,12 @@ export declare const CdsTextArea: {
             readonly size: number | "xs" | "sm" | "md" | "lg" | "xl";
             readonly readonly: boolean | null;
             readonly messages: string | readonly string[];
+            readonly focused: boolean;
             readonly persistentHint: boolean;
             readonly centerAffix: boolean;
             readonly rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
             readonly errorMessages: string | readonly string[] | null;
             readonly maxErrors: string | number;
-            readonly focused: boolean;
             readonly hideMessages: boolean;
             readonly name?: string | undefined;
             readonly id?: string | undefined;
@@ -179,6 +179,7 @@ export declare const CdsTextArea: {
             readonly bgColor?: string | undefined;
             readonly textColor?: string | undefined;
             readonly modelValue?: any;
+            readonly 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
             readonly appendIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
             readonly prependIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
             readonly 'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
@@ -186,11 +187,10 @@ export declare const CdsTextArea: {
             readonly iconColor?: string | boolean | undefined;
             readonly hint?: string | undefined;
             readonly validationValue?: any;
-            readonly 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
             readonly validateOn?: import("../../composables/useValidation/index.ts").ValidateOn | undefined;
             readonly hideDetails?: boolean | "auto" | undefined;
             readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "focused" | "hideMessages">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "focused" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "hideMessages">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -317,12 +317,12 @@ export declare const CdsTextArea: {
             readonly: boolean | null;
             messages: string | readonly string[];
             theme: string;
+            focused: boolean;
             persistentHint: boolean;
             centerAffix: boolean;
             rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
-            focused: boolean;
             hideMessages: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -356,12 +356,12 @@ export declare const CdsTextArea: {
         readonly: boolean | null;
         messages: string | readonly string[];
         theme: string;
+        focused: boolean;
         persistentHint: boolean;
         centerAffix: boolean;
         rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        focused: boolean;
         hideMessages: boolean;
     }> & Omit<Readonly<import("vue").ExtractPropTypes<{
         theme: {
@@ -449,7 +449,7 @@ export declare const CdsTextArea: {
         'onClick:append': import("vue").PropType<(args_0: MouseEvent) => void>;
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    }>, "id" | "reset" | "isDirty" | "isDisabled" | "isReadonly" | "isPure" | "isValid" | "isValidating" | "resetValidation" | "validate" | ("error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "focused" | "hideMessages")> & import("vue").ShallowUnwrapRef<{
+    }>, "id" | "reset" | "isDirty" | "isDisabled" | "isReadonly" | "isPure" | "isValid" | "isValidating" | "resetValidation" | "validate" | ("error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "focused" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "hideMessages")> & import("vue").ShallowUnwrapRef<{
         id: import("vue").ComputedRef<string>;
         isDirty: import("vue").ComputedRef<boolean>;
         isDisabled: import("vue").ComputedRef<boolean>;
@@ -463,7 +463,7 @@ export declare const CdsTextArea: {
         validate: (silent?: boolean) => Promise<string[]>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: import("../index.ts").CdsInputSlots;
-    }, "name" | "key" | "id" | "color" | "translate" | "hidden" | "label" | "title" | "dir" | "contextmenu" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "lang" | "spellcheck" | "innerHTML" | "part" | "prefix" | "role" | "enterKeyHint" | "description" | "class" | "ref" | "placeholder" | "onCopy" | "onCut" | "onPaste" | "onCompositionend" | "onCompositionstart" | "onCompositionupdate" | "onDrag" | "onDragend" | "onDragenter" | "onDragexit" | "onDragleave" | "onDragover" | "onDragstart" | "onDrop" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onFormdata" | "onInput" | "onReset" | "onSubmit" | "onInvalid" | "onFullscreenchange" | "onFullscreenerror" | "onLoad" | "onError" | "onKeydown" | "onKeypress" | "onKeyup" | "onDblclick" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onAbort" | "onCanplay" | "onCanplaythrough" | "onDurationchange" | "onEmptied" | "onEncrypted" | "onEnded" | "onLoadeddata" | "onLoadedmetadata" | "onLoadstart" | "onPause" | "onPlay" | "onPlaying" | "onProgress" | "onRatechange" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeupdate" | "onVolumechange" | "onWaiting" | "onSelect" | "onScroll" | "onScrollend" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onAuxclick" | "onClick" | "onContextmenu" | "onGotpointercapture" | "onLostpointercapture" | "onPointerdown" | "onPointermove" | "onPointerup" | "onPointercancel" | "onPointerenter" | "onPointerleave" | "onPointerover" | "onPointerout" | "onBeforetoggle" | "onToggle" | "onWheel" | "onAnimationcancel" | "onAnimationstart" | "onAnimationend" | "onAnimationiteration" | "onSecuritypolicyviolation" | "onTransitioncancel" | "onTransitionend" | "onTransitionrun" | "onTransitionstart" | "accesskey" | "contenteditable" | "enterkeyhint" | "tabindex" | "radiogroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autosave" | "itemprop" | "itemscope" | "itemtype" | "itemid" | "itemref" | "results" | "security" | "unselectable" | "inputmode" | "is" | "exportparts" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "baseColor" | "activeColor" | "bgColor" | "textColor" | "modelValue" | "appendIcon" | "prependIcon" | "onClick:append" | "onClick:prepend" | "iconColor" | "hint" | "validationValue" | "onUpdate:focused" | "validateOn" | "hideDetails" | "onUpdate:modelValue" | ("error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "focused" | "hideMessages")>, `$${any}`> & Omit<Omit<{
+    }, "name" | "key" | "id" | "color" | "translate" | "hidden" | "label" | "title" | "dir" | "contextmenu" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "lang" | "spellcheck" | "innerHTML" | "part" | "prefix" | "role" | "enterKeyHint" | "description" | "class" | "ref" | "placeholder" | "onCopy" | "onCut" | "onPaste" | "onCompositionend" | "onCompositionstart" | "onCompositionupdate" | "onDrag" | "onDragend" | "onDragenter" | "onDragexit" | "onDragleave" | "onDragover" | "onDragstart" | "onDrop" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onFormdata" | "onInput" | "onReset" | "onInvalid" | "onFullscreenchange" | "onFullscreenerror" | "onLoad" | "onKeydown" | "onKeypress" | "onKeyup" | "onDblclick" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onAbort" | "onCanplay" | "onCanplaythrough" | "onDurationchange" | "onEmptied" | "onEncrypted" | "onEnded" | "onLoadeddata" | "onLoadedmetadata" | "onLoadstart" | "onPause" | "onPlay" | "onPlaying" | "onRatechange" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeupdate" | "onVolumechange" | "onWaiting" | "onSelect" | "onScrollend" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onAuxclick" | "onClick" | "onContextmenu" | "onGotpointercapture" | "onLostpointercapture" | "onPointerdown" | "onPointermove" | "onPointerup" | "onPointercancel" | "onPointerenter" | "onPointerleave" | "onPointerover" | "onPointerout" | "onBeforetoggle" | "onToggle" | "onWheel" | "onAnimationcancel" | "onAnimationstart" | "onAnimationend" | "onAnimationiteration" | "onSecuritypolicyviolation" | "onTransitioncancel" | "onTransitionend" | "onTransitionrun" | "onTransitionstart" | "accesskey" | "contenteditable" | "enterkeyhint" | "tabindex" | "radiogroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autosave" | "itemprop" | "itemscope" | "itemtype" | "itemid" | "itemref" | "results" | "security" | "unselectable" | "inputmode" | "is" | "exportparts" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "baseColor" | "activeColor" | "bgColor" | "textColor" | "modelValue" | "onUpdate:focused" | "appendIcon" | "prependIcon" | "onClick:append" | "onClick:prepend" | "iconColor" | "hint" | "validationValue" | "validateOn" | "hideDetails" | "onUpdate:modelValue" | ("error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "focused" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "hideMessages")>, `$${any}`> & Omit<Omit<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -477,9 +477,9 @@ export declare const CdsTextArea: {
             size: number | "xs" | "sm" | "md" | "lg" | "xl";
             readonly: boolean | null;
             theme: string;
+            focused: boolean;
             clearIcon: import("../../composables/useIcons/index.ts").IconValue;
             centerAffix: boolean;
-            focused: boolean;
             dirty: boolean;
             clearable: boolean;
             persistentClearable: boolean;
@@ -492,8 +492,8 @@ export declare const CdsTextArea: {
             readonly disabled: boolean | null;
             readonly size: number | "xs" | "sm" | "md" | "lg" | "xl";
             readonly readonly: boolean | null;
-            readonly clearIcon: import("../../composables/useIcons/index.ts").IconValue;
             readonly focused: boolean;
+            readonly clearIcon: import("../../composables/useIcons/index.ts").IconValue;
             readonly dirty: boolean;
             readonly clearable: boolean;
             readonly persistentClearable: boolean;
@@ -506,16 +506,16 @@ export declare const CdsTextArea: {
             readonly activeColor?: string | undefined;
             readonly bgColor?: string | undefined;
             readonly textColor?: string | undefined;
+            readonly 'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
             readonly appendInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
             readonly prependInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
-            readonly 'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+            readonly 'onClick:clear'?: (((args_0: MouseEvent) => void) & ((e: MouseEvent) => any)) | undefined;
             readonly 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
             readonly 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
             readonly iconColor?: string | boolean | undefined;
             readonly centerAffix?: boolean | undefined;
-            readonly 'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
             readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "focused" | "clearIcon" | "centerAffix" | "dirty" | "clearable" | "persistentClearable">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -528,7 +528,7 @@ export declare const CdsTextArea: {
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void);
+        $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:clear", e: MouseEvent) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             focused: BooleanConstructor;
@@ -589,12 +589,14 @@ export declare const CdsTextArea: {
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         }>, {
             controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
             fieldIconColor: import("vue").ComputedRef<string | undefined>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
             "update:modelValue": (value: any) => any;
             "update:focused": (focused: boolean) => any;
+            "click:clear": (e: MouseEvent) => any;
         }, string, {
             reverse: boolean;
             error: boolean;
@@ -606,9 +608,9 @@ export declare const CdsTextArea: {
             size: number | "xs" | "sm" | "md" | "lg" | "xl";
             readonly: boolean | null;
             theme: string;
+            focused: boolean;
             clearIcon: import("../../composables/useIcons/index.ts").IconValue;
             centerAffix: boolean;
-            focused: boolean;
             dirty: boolean;
             clearable: boolean;
             persistentClearable: boolean;
@@ -643,9 +645,9 @@ export declare const CdsTextArea: {
         size: number | "xs" | "sm" | "md" | "lg" | "xl";
         readonly: boolean | null;
         theme: string;
+        focused: boolean;
         clearIcon: import("../../composables/useIcons/index.ts").IconValue;
         centerAffix: boolean;
-        focused: boolean;
         dirty: boolean;
         clearable: boolean;
         persistentClearable: boolean;
@@ -708,12 +710,13 @@ export declare const CdsTextArea: {
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-    }>, "controlRef" | "fieldIconColor" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable")> & import("vue").ShallowUnwrapRef<{
+        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
+    }>, "controlRef" | "fieldIconColor" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "focused" | "clearIcon" | "centerAffix" | "dirty" | "clearable" | "persistentClearable")> & import("vue").ShallowUnwrapRef<{
         controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         fieldIconColor: import("vue").ComputedRef<string | undefined>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: import("../index.ts").CdsFieldSlots;
-    }, "key" | "id" | "color" | "translate" | "hidden" | "title" | "dir" | "contextmenu" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "lang" | "spellcheck" | "innerHTML" | "part" | "prefix" | "role" | "enterKeyHint" | "class" | "ref" | "placeholder" | "onCopy" | "onCut" | "onPaste" | "onCompositionend" | "onCompositionstart" | "onCompositionupdate" | "onDrag" | "onDragend" | "onDragenter" | "onDragexit" | "onDragleave" | "onDragover" | "onDragstart" | "onDrop" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onFormdata" | "onInput" | "onReset" | "onSubmit" | "onInvalid" | "onFullscreenchange" | "onFullscreenerror" | "onLoad" | "onError" | "onKeydown" | "onKeypress" | "onKeyup" | "onDblclick" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onAbort" | "onCanplay" | "onCanplaythrough" | "onDurationchange" | "onEmptied" | "onEncrypted" | "onEnded" | "onLoadeddata" | "onLoadedmetadata" | "onLoadstart" | "onPause" | "onPlay" | "onPlaying" | "onProgress" | "onRatechange" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeupdate" | "onVolumechange" | "onWaiting" | "onSelect" | "onScroll" | "onScrollend" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onAuxclick" | "onClick" | "onContextmenu" | "onGotpointercapture" | "onLostpointercapture" | "onPointerdown" | "onPointermove" | "onPointerup" | "onPointercancel" | "onPointerenter" | "onPointerleave" | "onPointerover" | "onPointerout" | "onBeforetoggle" | "onToggle" | "onWheel" | "onAnimationcancel" | "onAnimationstart" | "onAnimationend" | "onAnimationiteration" | "onSecuritypolicyviolation" | "onTransitioncancel" | "onTransitionend" | "onTransitionrun" | "onTransitionstart" | "accesskey" | "contenteditable" | "enterkeyhint" | "tabindex" | "radiogroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autosave" | "itemprop" | "itemscope" | "itemtype" | "itemid" | "itemref" | "results" | "security" | "unselectable" | "inputmode" | "is" | "exportparts" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "baseColor" | "activeColor" | "bgColor" | "textColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "iconColor" | "onUpdate:focused" | "onUpdate:modelValue" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable")>, `$${any}`> & HTMLTextAreaElement & {
+    }, "key" | "id" | "color" | "translate" | "hidden" | "title" | "dir" | "contextmenu" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "lang" | "spellcheck" | "innerHTML" | "part" | "prefix" | "role" | "enterKeyHint" | "class" | "ref" | "placeholder" | "onCopy" | "onCut" | "onPaste" | "onCompositionend" | "onCompositionstart" | "onCompositionupdate" | "onDrag" | "onDragend" | "onDragenter" | "onDragexit" | "onDragleave" | "onDragover" | "onDragstart" | "onDrop" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onFormdata" | "onInput" | "onReset" | "onInvalid" | "onFullscreenchange" | "onFullscreenerror" | "onLoad" | "onKeydown" | "onKeypress" | "onKeyup" | "onDblclick" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onAbort" | "onCanplay" | "onCanplaythrough" | "onDurationchange" | "onEmptied" | "onEncrypted" | "onEnded" | "onLoadeddata" | "onLoadedmetadata" | "onLoadstart" | "onPause" | "onPlay" | "onPlaying" | "onRatechange" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeupdate" | "onVolumechange" | "onWaiting" | "onSelect" | "onScrollend" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onAuxclick" | "onClick" | "onContextmenu" | "onGotpointercapture" | "onLostpointercapture" | "onPointerdown" | "onPointermove" | "onPointerup" | "onPointercancel" | "onPointerenter" | "onPointerleave" | "onPointerover" | "onPointerout" | "onBeforetoggle" | "onToggle" | "onWheel" | "onAnimationcancel" | "onAnimationstart" | "onAnimationend" | "onAnimationiteration" | "onSecuritypolicyviolation" | "onTransitioncancel" | "onTransitionend" | "onTransitionrun" | "onTransitionstart" | "accesskey" | "contenteditable" | "enterkeyhint" | "tabindex" | "radiogroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autosave" | "itemprop" | "itemscope" | "itemtype" | "itemid" | "itemref" | "results" | "security" | "unselectable" | "inputmode" | "is" | "exportparts" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "baseColor" | "activeColor" | "bgColor" | "textColor" | "onUpdate:focused" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "iconColor" | "onUpdate:modelValue" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "focused" | "clearIcon" | "centerAffix" | "dirty" | "clearable" | "persistentClearable")>, `$${any}`> & HTMLTextAreaElement & {
         _allExposed: {
             id: import("vue").ComputedRef<string>;
             isDirty: import("vue").ComputedRef<boolean>;
@@ -751,6 +754,7 @@ export declare const CdsTextArea: {
         readonly: boolean | null;
         messages: string | readonly string[];
         theme: string;
+        focused: boolean;
         clearIcon: import("../../composables/useIcons/index.ts").IconValue;
         persistentPlaceholder: boolean;
         persistentCounter: boolean;
@@ -759,7 +763,6 @@ export declare const CdsTextArea: {
         rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        focused: boolean;
         hideMessages: boolean;
         dirty: boolean;
         clearable: boolean;
@@ -847,6 +850,8 @@ export declare const CdsTextArea: {
             default: () => never[];
         };
         modelValue: null;
+        focused: BooleanConstructor;
+        'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
         appendIcon: import("vue").PropType<import("../../composables/useIcons/index.ts").IconValue>;
         prependIcon: import("vue").PropType<import("../../composables/useIcons/index.ts").IconValue>;
         'onClick:append': import("vue").PropType<(args_0: MouseEvent) => void>;
@@ -866,8 +871,6 @@ export declare const CdsTextArea: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
-        focused: BooleanConstructor;
-        'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
         validateOn: import("vue").PropType<import("../../composables/useValidation/index.ts").ValidateOn>;
         hideMessages: BooleanConstructor;
         hideDetails: import("vue").PropType<boolean | "auto">;
@@ -917,12 +920,12 @@ export declare const CdsTextArea: {
             readonly: boolean | null;
             messages: string | readonly string[];
             theme: string;
+            focused: boolean;
             persistentHint: boolean;
             centerAffix: boolean;
             rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
-            focused: boolean;
             hideMessages: boolean;
         }> & Omit<{
             readonly error: boolean;
@@ -932,12 +935,12 @@ export declare const CdsTextArea: {
             readonly size: number | "xs" | "sm" | "md" | "lg" | "xl";
             readonly readonly: boolean | null;
             readonly messages: string | readonly string[];
+            readonly focused: boolean;
             readonly persistentHint: boolean;
             readonly centerAffix: boolean;
             readonly rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
             readonly errorMessages: string | readonly string[] | null;
             readonly maxErrors: string | number;
-            readonly focused: boolean;
             readonly hideMessages: boolean;
             readonly name?: string | undefined;
             readonly id?: string | undefined;
@@ -954,6 +957,7 @@ export declare const CdsTextArea: {
             readonly bgColor?: string | undefined;
             readonly textColor?: string | undefined;
             readonly modelValue?: any;
+            readonly 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
             readonly appendIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
             readonly prependIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
             readonly 'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
@@ -961,11 +965,10 @@ export declare const CdsTextArea: {
             readonly iconColor?: string | boolean | undefined;
             readonly hint?: string | undefined;
             readonly validationValue?: any;
-            readonly 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
             readonly validateOn?: import("../../composables/useValidation/index.ts").ValidateOn | undefined;
             readonly hideDetails?: boolean | "auto" | undefined;
             readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "focused" | "hideMessages">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "focused" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "hideMessages">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1092,12 +1095,12 @@ export declare const CdsTextArea: {
             readonly: boolean | null;
             messages: string | readonly string[];
             theme: string;
+            focused: boolean;
             persistentHint: boolean;
             centerAffix: boolean;
             rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
-            focused: boolean;
             hideMessages: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -1131,12 +1134,12 @@ export declare const CdsTextArea: {
         readonly: boolean | null;
         messages: string | readonly string[];
         theme: string;
+        focused: boolean;
         persistentHint: boolean;
         centerAffix: boolean;
         rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        focused: boolean;
         hideMessages: boolean;
     }> & Omit<Readonly<import("vue").ExtractPropTypes<{
         theme: {
@@ -1224,7 +1227,7 @@ export declare const CdsTextArea: {
         'onClick:append': import("vue").PropType<(args_0: MouseEvent) => void>;
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    }>, "id" | "reset" | "isDirty" | "isDisabled" | "isReadonly" | "isPure" | "isValid" | "isValidating" | "resetValidation" | "validate" | ("error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "focused" | "hideMessages")> & import("vue").ShallowUnwrapRef<{
+    }>, "id" | "reset" | "isDirty" | "isDisabled" | "isReadonly" | "isPure" | "isValid" | "isValidating" | "resetValidation" | "validate" | ("error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "focused" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "hideMessages")> & import("vue").ShallowUnwrapRef<{
         id: import("vue").ComputedRef<string>;
         isDirty: import("vue").ComputedRef<boolean>;
         isDisabled: import("vue").ComputedRef<boolean>;
@@ -1238,7 +1241,7 @@ export declare const CdsTextArea: {
         validate: (silent?: boolean) => Promise<string[]>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: import("../index.ts").CdsInputSlots;
-    }, "name" | "key" | "id" | "color" | "translate" | "hidden" | "label" | "title" | "dir" | "contextmenu" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "lang" | "spellcheck" | "innerHTML" | "part" | "prefix" | "role" | "enterKeyHint" | "description" | "class" | "ref" | "placeholder" | "onCopy" | "onCut" | "onPaste" | "onCompositionend" | "onCompositionstart" | "onCompositionupdate" | "onDrag" | "onDragend" | "onDragenter" | "onDragexit" | "onDragleave" | "onDragover" | "onDragstart" | "onDrop" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onFormdata" | "onInput" | "onReset" | "onSubmit" | "onInvalid" | "onFullscreenchange" | "onFullscreenerror" | "onLoad" | "onError" | "onKeydown" | "onKeypress" | "onKeyup" | "onDblclick" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onAbort" | "onCanplay" | "onCanplaythrough" | "onDurationchange" | "onEmptied" | "onEncrypted" | "onEnded" | "onLoadeddata" | "onLoadedmetadata" | "onLoadstart" | "onPause" | "onPlay" | "onPlaying" | "onProgress" | "onRatechange" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeupdate" | "onVolumechange" | "onWaiting" | "onSelect" | "onScroll" | "onScrollend" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onAuxclick" | "onClick" | "onContextmenu" | "onGotpointercapture" | "onLostpointercapture" | "onPointerdown" | "onPointermove" | "onPointerup" | "onPointercancel" | "onPointerenter" | "onPointerleave" | "onPointerover" | "onPointerout" | "onBeforetoggle" | "onToggle" | "onWheel" | "onAnimationcancel" | "onAnimationstart" | "onAnimationend" | "onAnimationiteration" | "onSecuritypolicyviolation" | "onTransitioncancel" | "onTransitionend" | "onTransitionrun" | "onTransitionstart" | "accesskey" | "contenteditable" | "enterkeyhint" | "tabindex" | "radiogroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autosave" | "itemprop" | "itemscope" | "itemtype" | "itemid" | "itemref" | "results" | "security" | "unselectable" | "inputmode" | "is" | "exportparts" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "baseColor" | "activeColor" | "bgColor" | "textColor" | "modelValue" | "appendIcon" | "prependIcon" | "onClick:append" | "onClick:prepend" | "iconColor" | "hint" | "validationValue" | "onUpdate:focused" | "validateOn" | "hideDetails" | "onUpdate:modelValue" | ("error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "focused" | "hideMessages")>, `$${any}`> & Omit<Omit<{
+    }, "name" | "key" | "id" | "color" | "translate" | "hidden" | "label" | "title" | "dir" | "contextmenu" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "lang" | "spellcheck" | "innerHTML" | "part" | "prefix" | "role" | "enterKeyHint" | "description" | "class" | "ref" | "placeholder" | "onCopy" | "onCut" | "onPaste" | "onCompositionend" | "onCompositionstart" | "onCompositionupdate" | "onDrag" | "onDragend" | "onDragenter" | "onDragexit" | "onDragleave" | "onDragover" | "onDragstart" | "onDrop" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onFormdata" | "onInput" | "onReset" | "onInvalid" | "onFullscreenchange" | "onFullscreenerror" | "onLoad" | "onKeydown" | "onKeypress" | "onKeyup" | "onDblclick" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onAbort" | "onCanplay" | "onCanplaythrough" | "onDurationchange" | "onEmptied" | "onEncrypted" | "onEnded" | "onLoadeddata" | "onLoadedmetadata" | "onLoadstart" | "onPause" | "onPlay" | "onPlaying" | "onRatechange" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeupdate" | "onVolumechange" | "onWaiting" | "onSelect" | "onScrollend" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onAuxclick" | "onClick" | "onContextmenu" | "onGotpointercapture" | "onLostpointercapture" | "onPointerdown" | "onPointermove" | "onPointerup" | "onPointercancel" | "onPointerenter" | "onPointerleave" | "onPointerover" | "onPointerout" | "onBeforetoggle" | "onToggle" | "onWheel" | "onAnimationcancel" | "onAnimationstart" | "onAnimationend" | "onAnimationiteration" | "onSecuritypolicyviolation" | "onTransitioncancel" | "onTransitionend" | "onTransitionrun" | "onTransitionstart" | "accesskey" | "contenteditable" | "enterkeyhint" | "tabindex" | "radiogroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autosave" | "itemprop" | "itemscope" | "itemtype" | "itemid" | "itemref" | "results" | "security" | "unselectable" | "inputmode" | "is" | "exportparts" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "baseColor" | "activeColor" | "bgColor" | "textColor" | "modelValue" | "onUpdate:focused" | "appendIcon" | "prependIcon" | "onClick:append" | "onClick:prepend" | "iconColor" | "hint" | "validationValue" | "validateOn" | "hideDetails" | "onUpdate:modelValue" | ("error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "focused" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "hideMessages")>, `$${any}`> & Omit<Omit<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -1252,9 +1255,9 @@ export declare const CdsTextArea: {
             size: number | "xs" | "sm" | "md" | "lg" | "xl";
             readonly: boolean | null;
             theme: string;
+            focused: boolean;
             clearIcon: import("../../composables/useIcons/index.ts").IconValue;
             centerAffix: boolean;
-            focused: boolean;
             dirty: boolean;
             clearable: boolean;
             persistentClearable: boolean;
@@ -1267,8 +1270,8 @@ export declare const CdsTextArea: {
             readonly disabled: boolean | null;
             readonly size: number | "xs" | "sm" | "md" | "lg" | "xl";
             readonly readonly: boolean | null;
-            readonly clearIcon: import("../../composables/useIcons/index.ts").IconValue;
             readonly focused: boolean;
+            readonly clearIcon: import("../../composables/useIcons/index.ts").IconValue;
             readonly dirty: boolean;
             readonly clearable: boolean;
             readonly persistentClearable: boolean;
@@ -1281,16 +1284,16 @@ export declare const CdsTextArea: {
             readonly activeColor?: string | undefined;
             readonly bgColor?: string | undefined;
             readonly textColor?: string | undefined;
+            readonly 'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
             readonly appendInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
             readonly prependInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
-            readonly 'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+            readonly 'onClick:clear'?: (((args_0: MouseEvent) => void) & ((e: MouseEvent) => any)) | undefined;
             readonly 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
             readonly 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
             readonly iconColor?: string | boolean | undefined;
             readonly centerAffix?: boolean | undefined;
-            readonly 'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
             readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "focused" | "clearIcon" | "centerAffix" | "dirty" | "clearable" | "persistentClearable">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1303,7 +1306,7 @@ export declare const CdsTextArea: {
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void);
+        $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:clear", e: MouseEvent) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             focused: BooleanConstructor;
@@ -1364,12 +1367,14 @@ export declare const CdsTextArea: {
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         }>, {
             controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
             fieldIconColor: import("vue").ComputedRef<string | undefined>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
             "update:modelValue": (value: any) => any;
             "update:focused": (focused: boolean) => any;
+            "click:clear": (e: MouseEvent) => any;
         }, string, {
             reverse: boolean;
             error: boolean;
@@ -1381,9 +1386,9 @@ export declare const CdsTextArea: {
             size: number | "xs" | "sm" | "md" | "lg" | "xl";
             readonly: boolean | null;
             theme: string;
+            focused: boolean;
             clearIcon: import("../../composables/useIcons/index.ts").IconValue;
             centerAffix: boolean;
-            focused: boolean;
             dirty: boolean;
             clearable: boolean;
             persistentClearable: boolean;
@@ -1418,9 +1423,9 @@ export declare const CdsTextArea: {
         size: number | "xs" | "sm" | "md" | "lg" | "xl";
         readonly: boolean | null;
         theme: string;
+        focused: boolean;
         clearIcon: import("../../composables/useIcons/index.ts").IconValue;
         centerAffix: boolean;
-        focused: boolean;
         dirty: boolean;
         clearable: boolean;
         persistentClearable: boolean;
@@ -1483,12 +1488,13 @@ export declare const CdsTextArea: {
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-    }>, "controlRef" | "fieldIconColor" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable")> & import("vue").ShallowUnwrapRef<{
+        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
+    }>, "controlRef" | "fieldIconColor" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "focused" | "clearIcon" | "centerAffix" | "dirty" | "clearable" | "persistentClearable")> & import("vue").ShallowUnwrapRef<{
         controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         fieldIconColor: import("vue").ComputedRef<string | undefined>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: import("../index.ts").CdsFieldSlots;
-    }, "key" | "id" | "color" | "translate" | "hidden" | "title" | "dir" | "contextmenu" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "lang" | "spellcheck" | "innerHTML" | "part" | "prefix" | "role" | "enterKeyHint" | "class" | "ref" | "placeholder" | "onCopy" | "onCut" | "onPaste" | "onCompositionend" | "onCompositionstart" | "onCompositionupdate" | "onDrag" | "onDragend" | "onDragenter" | "onDragexit" | "onDragleave" | "onDragover" | "onDragstart" | "onDrop" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onFormdata" | "onInput" | "onReset" | "onSubmit" | "onInvalid" | "onFullscreenchange" | "onFullscreenerror" | "onLoad" | "onError" | "onKeydown" | "onKeypress" | "onKeyup" | "onDblclick" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onAbort" | "onCanplay" | "onCanplaythrough" | "onDurationchange" | "onEmptied" | "onEncrypted" | "onEnded" | "onLoadeddata" | "onLoadedmetadata" | "onLoadstart" | "onPause" | "onPlay" | "onPlaying" | "onProgress" | "onRatechange" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeupdate" | "onVolumechange" | "onWaiting" | "onSelect" | "onScroll" | "onScrollend" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onAuxclick" | "onClick" | "onContextmenu" | "onGotpointercapture" | "onLostpointercapture" | "onPointerdown" | "onPointermove" | "onPointerup" | "onPointercancel" | "onPointerenter" | "onPointerleave" | "onPointerover" | "onPointerout" | "onBeforetoggle" | "onToggle" | "onWheel" | "onAnimationcancel" | "onAnimationstart" | "onAnimationend" | "onAnimationiteration" | "onSecuritypolicyviolation" | "onTransitioncancel" | "onTransitionend" | "onTransitionrun" | "onTransitionstart" | "accesskey" | "contenteditable" | "enterkeyhint" | "tabindex" | "radiogroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autosave" | "itemprop" | "itemscope" | "itemtype" | "itemid" | "itemref" | "results" | "security" | "unselectable" | "inputmode" | "is" | "exportparts" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "baseColor" | "activeColor" | "bgColor" | "textColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "iconColor" | "onUpdate:focused" | "onUpdate:modelValue" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable")>, `$${any}`> & HTMLTextAreaElement & {
+    }, "key" | "id" | "color" | "translate" | "hidden" | "title" | "dir" | "contextmenu" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "lang" | "spellcheck" | "innerHTML" | "part" | "prefix" | "role" | "enterKeyHint" | "class" | "ref" | "placeholder" | "onCopy" | "onCut" | "onPaste" | "onCompositionend" | "onCompositionstart" | "onCompositionupdate" | "onDrag" | "onDragend" | "onDragenter" | "onDragexit" | "onDragleave" | "onDragover" | "onDragstart" | "onDrop" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onFormdata" | "onInput" | "onReset" | "onInvalid" | "onFullscreenchange" | "onFullscreenerror" | "onLoad" | "onKeydown" | "onKeypress" | "onKeyup" | "onDblclick" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onAbort" | "onCanplay" | "onCanplaythrough" | "onDurationchange" | "onEmptied" | "onEncrypted" | "onEnded" | "onLoadeddata" | "onLoadedmetadata" | "onLoadstart" | "onPause" | "onPlay" | "onPlaying" | "onRatechange" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeupdate" | "onVolumechange" | "onWaiting" | "onSelect" | "onScrollend" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onAuxclick" | "onClick" | "onContextmenu" | "onGotpointercapture" | "onLostpointercapture" | "onPointerdown" | "onPointermove" | "onPointerup" | "onPointercancel" | "onPointerenter" | "onPointerleave" | "onPointerover" | "onPointerout" | "onBeforetoggle" | "onToggle" | "onWheel" | "onAnimationcancel" | "onAnimationstart" | "onAnimationend" | "onAnimationiteration" | "onSecuritypolicyviolation" | "onTransitioncancel" | "onTransitionend" | "onTransitionrun" | "onTransitionstart" | "accesskey" | "contenteditable" | "enterkeyhint" | "tabindex" | "radiogroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autosave" | "itemprop" | "itemscope" | "itemtype" | "itemid" | "itemref" | "results" | "security" | "unselectable" | "inputmode" | "is" | "exportparts" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "baseColor" | "activeColor" | "bgColor" | "textColor" | "onUpdate:focused" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "iconColor" | "onUpdate:modelValue" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "focused" | "clearIcon" | "centerAffix" | "dirty" | "clearable" | "persistentClearable")>, `$${any}`> & HTMLTextAreaElement & {
         _allExposed: {
             id: import("vue").ComputedRef<string>;
             isDirty: import("vue").ComputedRef<boolean>;
@@ -1520,6 +1526,7 @@ export declare const CdsTextArea: {
         readonly: boolean | null;
         messages: string | readonly string[];
         theme: string;
+        focused: boolean;
         clearIcon: import("../../composables/useIcons/index.ts").IconValue;
         persistentPlaceholder: boolean;
         persistentCounter: boolean;
@@ -1528,7 +1535,6 @@ export declare const CdsTextArea: {
         rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        focused: boolean;
         hideMessages: boolean;
         dirty: boolean;
         clearable: boolean;
@@ -1613,6 +1619,8 @@ export declare const CdsTextArea: {
         default: () => never[];
     };
     modelValue: null;
+    focused: BooleanConstructor;
+    'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
     appendIcon: import("vue").PropType<import("../../composables/useIcons/index.ts").IconValue>;
     prependIcon: import("vue").PropType<import("../../composables/useIcons/index.ts").IconValue>;
     'onClick:append': import("vue").PropType<(args_0: MouseEvent) => void>;
@@ -1632,8 +1640,6 @@ export declare const CdsTextArea: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    focused: BooleanConstructor;
-    'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
     validateOn: import("vue").PropType<import("../../composables/useValidation/index.ts").ValidateOn>;
     hideMessages: BooleanConstructor;
     hideDetails: import("vue").PropType<boolean | "auto">;
@@ -1683,12 +1689,12 @@ export declare const CdsTextArea: {
         readonly: boolean | null;
         messages: string | readonly string[];
         theme: string;
+        focused: boolean;
         persistentHint: boolean;
         centerAffix: boolean;
         rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        focused: boolean;
         hideMessages: boolean;
     }> & Omit<{
         readonly error: boolean;
@@ -1698,12 +1704,12 @@ export declare const CdsTextArea: {
         readonly size: number | "xs" | "sm" | "md" | "lg" | "xl";
         readonly readonly: boolean | null;
         readonly messages: string | readonly string[];
+        readonly focused: boolean;
         readonly persistentHint: boolean;
         readonly centerAffix: boolean;
         readonly rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
         readonly errorMessages: string | readonly string[] | null;
         readonly maxErrors: string | number;
-        readonly focused: boolean;
         readonly hideMessages: boolean;
         readonly name?: string | undefined;
         readonly id?: string | undefined;
@@ -1720,6 +1726,7 @@ export declare const CdsTextArea: {
         readonly bgColor?: string | undefined;
         readonly textColor?: string | undefined;
         readonly modelValue?: any;
+        readonly 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         readonly appendIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
         readonly prependIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
         readonly 'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
@@ -1727,11 +1734,10 @@ export declare const CdsTextArea: {
         readonly iconColor?: string | boolean | undefined;
         readonly hint?: string | undefined;
         readonly validationValue?: any;
-        readonly 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         readonly validateOn?: import("../../composables/useValidation/index.ts").ValidateOn | undefined;
         readonly hideDetails?: boolean | "auto" | undefined;
         readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "focused" | "hideMessages">;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "focused" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "hideMessages">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1858,12 +1864,12 @@ export declare const CdsTextArea: {
         readonly: boolean | null;
         messages: string | readonly string[];
         theme: string;
+        focused: boolean;
         persistentHint: boolean;
         centerAffix: boolean;
         rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        focused: boolean;
         hideMessages: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
@@ -1897,12 +1903,12 @@ export declare const CdsTextArea: {
     readonly: boolean | null;
     messages: string | readonly string[];
     theme: string;
+    focused: boolean;
     persistentHint: boolean;
     centerAffix: boolean;
     rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
-    focused: boolean;
     hideMessages: boolean;
 }> & Omit<Readonly<import("vue").ExtractPropTypes<{
     theme: {
@@ -1990,7 +1996,7 @@ export declare const CdsTextArea: {
     'onClick:append': import("vue").PropType<(args_0: MouseEvent) => void>;
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-}>, "id" | "reset" | "isDirty" | "isDisabled" | "isReadonly" | "isPure" | "isValid" | "isValidating" | "resetValidation" | "validate" | ("error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "focused" | "hideMessages")> & import("vue").ShallowUnwrapRef<{
+}>, "id" | "reset" | "isDirty" | "isDisabled" | "isReadonly" | "isPure" | "isValid" | "isValidating" | "resetValidation" | "validate" | ("error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "focused" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "hideMessages")> & import("vue").ShallowUnwrapRef<{
     id: import("vue").ComputedRef<string>;
     isDirty: import("vue").ComputedRef<boolean>;
     isDisabled: import("vue").ComputedRef<boolean>;
@@ -2004,7 +2010,7 @@ export declare const CdsTextArea: {
     validate: (silent?: boolean) => Promise<string[]>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: import("../index.ts").CdsInputSlots;
-}, "name" | "key" | "id" | "color" | "translate" | "hidden" | "label" | "title" | "dir" | "contextmenu" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "lang" | "spellcheck" | "innerHTML" | "part" | "prefix" | "role" | "enterKeyHint" | "description" | "class" | "ref" | "placeholder" | "onCopy" | "onCut" | "onPaste" | "onCompositionend" | "onCompositionstart" | "onCompositionupdate" | "onDrag" | "onDragend" | "onDragenter" | "onDragexit" | "onDragleave" | "onDragover" | "onDragstart" | "onDrop" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onFormdata" | "onInput" | "onReset" | "onSubmit" | "onInvalid" | "onFullscreenchange" | "onFullscreenerror" | "onLoad" | "onError" | "onKeydown" | "onKeypress" | "onKeyup" | "onDblclick" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onAbort" | "onCanplay" | "onCanplaythrough" | "onDurationchange" | "onEmptied" | "onEncrypted" | "onEnded" | "onLoadeddata" | "onLoadedmetadata" | "onLoadstart" | "onPause" | "onPlay" | "onPlaying" | "onProgress" | "onRatechange" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeupdate" | "onVolumechange" | "onWaiting" | "onSelect" | "onScroll" | "onScrollend" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onAuxclick" | "onClick" | "onContextmenu" | "onGotpointercapture" | "onLostpointercapture" | "onPointerdown" | "onPointermove" | "onPointerup" | "onPointercancel" | "onPointerenter" | "onPointerleave" | "onPointerover" | "onPointerout" | "onBeforetoggle" | "onToggle" | "onWheel" | "onAnimationcancel" | "onAnimationstart" | "onAnimationend" | "onAnimationiteration" | "onSecuritypolicyviolation" | "onTransitioncancel" | "onTransitionend" | "onTransitionrun" | "onTransitionstart" | "accesskey" | "contenteditable" | "enterkeyhint" | "tabindex" | "radiogroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autosave" | "itemprop" | "itemscope" | "itemtype" | "itemid" | "itemref" | "results" | "security" | "unselectable" | "inputmode" | "is" | "exportparts" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "baseColor" | "activeColor" | "bgColor" | "textColor" | "modelValue" | "appendIcon" | "prependIcon" | "onClick:append" | "onClick:prepend" | "iconColor" | "hint" | "validationValue" | "onUpdate:focused" | "validateOn" | "hideDetails" | "onUpdate:modelValue" | ("error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "focused" | "hideMessages")>, `$${any}`> & Omit<Omit<{
+}, "name" | "key" | "id" | "color" | "translate" | "hidden" | "label" | "title" | "dir" | "contextmenu" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "lang" | "spellcheck" | "innerHTML" | "part" | "prefix" | "role" | "enterKeyHint" | "description" | "class" | "ref" | "placeholder" | "onCopy" | "onCut" | "onPaste" | "onCompositionend" | "onCompositionstart" | "onCompositionupdate" | "onDrag" | "onDragend" | "onDragenter" | "onDragexit" | "onDragleave" | "onDragover" | "onDragstart" | "onDrop" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onFormdata" | "onInput" | "onReset" | "onInvalid" | "onFullscreenchange" | "onFullscreenerror" | "onLoad" | "onKeydown" | "onKeypress" | "onKeyup" | "onDblclick" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onAbort" | "onCanplay" | "onCanplaythrough" | "onDurationchange" | "onEmptied" | "onEncrypted" | "onEnded" | "onLoadeddata" | "onLoadedmetadata" | "onLoadstart" | "onPause" | "onPlay" | "onPlaying" | "onRatechange" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeupdate" | "onVolumechange" | "onWaiting" | "onSelect" | "onScrollend" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onAuxclick" | "onClick" | "onContextmenu" | "onGotpointercapture" | "onLostpointercapture" | "onPointerdown" | "onPointermove" | "onPointerup" | "onPointercancel" | "onPointerenter" | "onPointerleave" | "onPointerover" | "onPointerout" | "onBeforetoggle" | "onToggle" | "onWheel" | "onAnimationcancel" | "onAnimationstart" | "onAnimationend" | "onAnimationiteration" | "onSecuritypolicyviolation" | "onTransitioncancel" | "onTransitionend" | "onTransitionrun" | "onTransitionstart" | "accesskey" | "contenteditable" | "enterkeyhint" | "tabindex" | "radiogroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autosave" | "itemprop" | "itemscope" | "itemtype" | "itemid" | "itemref" | "results" | "security" | "unselectable" | "inputmode" | "is" | "exportparts" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "baseColor" | "activeColor" | "bgColor" | "textColor" | "modelValue" | "onUpdate:focused" | "appendIcon" | "prependIcon" | "onClick:append" | "onClick:prepend" | "iconColor" | "hint" | "validationValue" | "validateOn" | "hideDetails" | "onUpdate:modelValue" | ("error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "focused" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "hideMessages")>, `$${any}`> & Omit<Omit<{
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: Partial<{
@@ -2018,9 +2024,9 @@ export declare const CdsTextArea: {
         size: number | "xs" | "sm" | "md" | "lg" | "xl";
         readonly: boolean | null;
         theme: string;
+        focused: boolean;
         clearIcon: import("../../composables/useIcons/index.ts").IconValue;
         centerAffix: boolean;
-        focused: boolean;
         dirty: boolean;
         clearable: boolean;
         persistentClearable: boolean;
@@ -2033,8 +2039,8 @@ export declare const CdsTextArea: {
         readonly disabled: boolean | null;
         readonly size: number | "xs" | "sm" | "md" | "lg" | "xl";
         readonly readonly: boolean | null;
-        readonly clearIcon: import("../../composables/useIcons/index.ts").IconValue;
         readonly focused: boolean;
+        readonly clearIcon: import("../../composables/useIcons/index.ts").IconValue;
         readonly dirty: boolean;
         readonly clearable: boolean;
         readonly persistentClearable: boolean;
@@ -2047,16 +2053,16 @@ export declare const CdsTextArea: {
         readonly activeColor?: string | undefined;
         readonly bgColor?: string | undefined;
         readonly textColor?: string | undefined;
+        readonly 'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
         readonly appendInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
         readonly prependInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
-        readonly 'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+        readonly 'onClick:clear'?: (((args_0: MouseEvent) => void) & ((e: MouseEvent) => any)) | undefined;
         readonly 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         readonly 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
         readonly iconColor?: string | boolean | undefined;
         readonly centerAffix?: boolean | undefined;
-        readonly 'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
         readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable">;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "focused" | "clearIcon" | "centerAffix" | "dirty" | "clearable" | "persistentClearable">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -2069,7 +2075,7 @@ export declare const CdsTextArea: {
     $root: import("vue").ComponentPublicInstance | null;
     $parent: import("vue").ComponentPublicInstance | null;
     $host: Element | null;
-    $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void);
+    $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:clear", e: MouseEvent) => void);
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         focused: BooleanConstructor;
@@ -2130,12 +2136,14 @@ export declare const CdsTextArea: {
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
     }>, {
         controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         fieldIconColor: import("vue").ComputedRef<string | undefined>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         "update:modelValue": (value: any) => any;
         "update:focused": (focused: boolean) => any;
+        "click:clear": (e: MouseEvent) => any;
     }, string, {
         reverse: boolean;
         error: boolean;
@@ -2147,9 +2155,9 @@ export declare const CdsTextArea: {
         size: number | "xs" | "sm" | "md" | "lg" | "xl";
         readonly: boolean | null;
         theme: string;
+        focused: boolean;
         clearIcon: import("../../composables/useIcons/index.ts").IconValue;
         centerAffix: boolean;
-        focused: boolean;
         dirty: boolean;
         clearable: boolean;
         persistentClearable: boolean;
@@ -2184,9 +2192,9 @@ export declare const CdsTextArea: {
     size: number | "xs" | "sm" | "md" | "lg" | "xl";
     readonly: boolean | null;
     theme: string;
+    focused: boolean;
     clearIcon: import("../../composables/useIcons/index.ts").IconValue;
     centerAffix: boolean;
-    focused: boolean;
     dirty: boolean;
     clearable: boolean;
     persistentClearable: boolean;
@@ -2249,12 +2257,13 @@ export declare const CdsTextArea: {
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-}>, "controlRef" | "fieldIconColor" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable")> & import("vue").ShallowUnwrapRef<{
+    "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
+}>, "controlRef" | "fieldIconColor" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "focused" | "clearIcon" | "centerAffix" | "dirty" | "clearable" | "persistentClearable")> & import("vue").ShallowUnwrapRef<{
     controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     fieldIconColor: import("vue").ComputedRef<string | undefined>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: import("../index.ts").CdsFieldSlots;
-}, "key" | "id" | "color" | "translate" | "hidden" | "title" | "dir" | "contextmenu" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "lang" | "spellcheck" | "innerHTML" | "part" | "prefix" | "role" | "enterKeyHint" | "class" | "ref" | "placeholder" | "onCopy" | "onCut" | "onPaste" | "onCompositionend" | "onCompositionstart" | "onCompositionupdate" | "onDrag" | "onDragend" | "onDragenter" | "onDragexit" | "onDragleave" | "onDragover" | "onDragstart" | "onDrop" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onFormdata" | "onInput" | "onReset" | "onSubmit" | "onInvalid" | "onFullscreenchange" | "onFullscreenerror" | "onLoad" | "onError" | "onKeydown" | "onKeypress" | "onKeyup" | "onDblclick" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onAbort" | "onCanplay" | "onCanplaythrough" | "onDurationchange" | "onEmptied" | "onEncrypted" | "onEnded" | "onLoadeddata" | "onLoadedmetadata" | "onLoadstart" | "onPause" | "onPlay" | "onPlaying" | "onProgress" | "onRatechange" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeupdate" | "onVolumechange" | "onWaiting" | "onSelect" | "onScroll" | "onScrollend" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onAuxclick" | "onClick" | "onContextmenu" | "onGotpointercapture" | "onLostpointercapture" | "onPointerdown" | "onPointermove" | "onPointerup" | "onPointercancel" | "onPointerenter" | "onPointerleave" | "onPointerover" | "onPointerout" | "onBeforetoggle" | "onToggle" | "onWheel" | "onAnimationcancel" | "onAnimationstart" | "onAnimationend" | "onAnimationiteration" | "onSecuritypolicyviolation" | "onTransitioncancel" | "onTransitionend" | "onTransitionrun" | "onTransitionstart" | "accesskey" | "contenteditable" | "enterkeyhint" | "tabindex" | "radiogroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autosave" | "itemprop" | "itemscope" | "itemtype" | "itemid" | "itemref" | "results" | "security" | "unselectable" | "inputmode" | "is" | "exportparts" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "baseColor" | "activeColor" | "bgColor" | "textColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "iconColor" | "onUpdate:focused" | "onUpdate:modelValue" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable")>, `$${any}`> & HTMLTextAreaElement & {
+}, "key" | "id" | "color" | "translate" | "hidden" | "title" | "dir" | "contextmenu" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "lang" | "spellcheck" | "innerHTML" | "part" | "prefix" | "role" | "enterKeyHint" | "class" | "ref" | "placeholder" | "onCopy" | "onCut" | "onPaste" | "onCompositionend" | "onCompositionstart" | "onCompositionupdate" | "onDrag" | "onDragend" | "onDragenter" | "onDragexit" | "onDragleave" | "onDragover" | "onDragstart" | "onDrop" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onFormdata" | "onInput" | "onReset" | "onInvalid" | "onFullscreenchange" | "onFullscreenerror" | "onLoad" | "onKeydown" | "onKeypress" | "onKeyup" | "onDblclick" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onAbort" | "onCanplay" | "onCanplaythrough" | "onDurationchange" | "onEmptied" | "onEncrypted" | "onEnded" | "onLoadeddata" | "onLoadedmetadata" | "onLoadstart" | "onPause" | "onPlay" | "onPlaying" | "onRatechange" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeupdate" | "onVolumechange" | "onWaiting" | "onSelect" | "onScrollend" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onAuxclick" | "onClick" | "onContextmenu" | "onGotpointercapture" | "onLostpointercapture" | "onPointerdown" | "onPointermove" | "onPointerup" | "onPointercancel" | "onPointerenter" | "onPointerleave" | "onPointerover" | "onPointerout" | "onBeforetoggle" | "onToggle" | "onWheel" | "onAnimationcancel" | "onAnimationstart" | "onAnimationend" | "onAnimationiteration" | "onSecuritypolicyviolation" | "onTransitioncancel" | "onTransitionend" | "onTransitionrun" | "onTransitionstart" | "accesskey" | "contenteditable" | "enterkeyhint" | "tabindex" | "radiogroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autosave" | "itemprop" | "itemscope" | "itemtype" | "itemid" | "itemref" | "results" | "security" | "unselectable" | "inputmode" | "is" | "exportparts" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "baseColor" | "activeColor" | "bgColor" | "textColor" | "onUpdate:focused" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "iconColor" | "onUpdate:modelValue" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "focused" | "clearIcon" | "centerAffix" | "dirty" | "clearable" | "persistentClearable")>, `$${any}`> & HTMLTextAreaElement & {
     _allExposed: {
         id: import("vue").ComputedRef<string>;
         isDirty: import("vue").ComputedRef<boolean>;
@@ -2292,6 +2301,7 @@ export declare const CdsTextArea: {
     readonly: boolean | null;
     messages: string | readonly string[];
     theme: string;
+    focused: boolean;
     clearIcon: import("../../composables/useIcons/index.ts").IconValue;
     persistentPlaceholder: boolean;
     persistentCounter: boolean;
@@ -2300,7 +2310,6 @@ export declare const CdsTextArea: {
     rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
-    focused: boolean;
     hideMessages: boolean;
     dirty: boolean;
     clearable: boolean;