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

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

@@ -72,6 +72,8 @@ export declare const CdsTextInput: {
             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 CdsTextInput: {
             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">;
@@ -114,13 +114,13 @@ export declare const CdsTextInput: {
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
         "onClick:prepend"?: ((e: MouseEvent) => any) | undefined;
         "onClick:prependInner"?: ((e: MouseEvent) => any) | undefined;
         "onClick:appendInner"?: ((e: MouseEvent) => any) | undefined;
         "onClick:append"?: ((e: MouseEvent) => any) | undefined;
-        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
     }>, HTMLInputElement & Omit<Omit<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -136,12 +136,12 @@ export declare const CdsTextInput: {
             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;
@@ -151,12 +151,12 @@ export declare const CdsTextInput: {
             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;
@@ -173,6 +173,7 @@ export declare const CdsTextInput: {
             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;
@@ -180,11 +181,10 @@ export declare const CdsTextInput: {
             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;
         };
@@ -311,12 +311,12 @@ export declare const CdsTextInput: {
             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)[];
@@ -350,12 +350,12 @@ export declare const CdsTextInput: {
         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: {
@@ -443,7 +443,7 @@ export declare const CdsTextInput: {
         '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>;
@@ -457,7 +457,7 @@ export declare const CdsTextInput: {
         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<{
@@ -471,9 +471,9 @@ export declare const CdsTextInput: {
             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;
@@ -486,8 +486,8 @@ export declare const CdsTextInput: {
             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;
@@ -500,16 +500,16 @@ export declare const CdsTextInput: {
             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;
         };
@@ -522,7 +522,7 @@ export declare const CdsTextInput: {
         $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;
@@ -583,12 +583,14 @@ export declare const CdsTextInput: {
         }>> & 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;
@@ -600,9 +602,9 @@ export declare const CdsTextInput: {
             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;
@@ -637,9 +639,9 @@ export declare const CdsTextInput: {
         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;
@@ -702,12 +704,13 @@ export declare const CdsTextInput: {
     }>> & 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}`> & {
+    }, "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}`> & {
         _allExposed: {
             id: import("vue").ComputedRef<string>;
             isDirty: import("vue").ComputedRef<boolean>;
@@ -727,13 +730,13 @@ export declare const CdsTextInput: {
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         "update:modelValue": (value: string) => any;
         "update:focused": (focused: boolean) => any;
+        "click:clear": (e: MouseEvent) => any;
         "click:control": (e: MouseEvent) => any;
         "mousedown:control": (e: MouseEvent) => any;
         "click:prepend": (e: MouseEvent) => any;
         "click:prependInner": (e: MouseEvent) => any;
         "click:appendInner": (e: MouseEvent) => any;
         "click:append": (e: MouseEvent) => any;
-        "click:clear": (e: MouseEvent) => any;
     }, import("vue").PublicProps, {
         reverse: boolean;
         type: string;
@@ -750,6 +753,7 @@ export declare const CdsTextInput: {
         readonly: boolean | null;
         messages: string | readonly string[];
         theme: string;
+        focused: boolean;
         clearIcon: import("../../composables/useIcons/index.ts").IconValue;
         persistentPlaceholder: boolean;
         persistentCounter: boolean;
@@ -758,7 +762,6 @@ export declare const CdsTextInput: {
         rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        focused: boolean;
         hideMessages: boolean;
         dirty: boolean;
         clearable: boolean;
@@ -843,6 +846,8 @@ export declare const CdsTextInput: {
             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>;
@@ -862,8 +867,6 @@ export declare const CdsTextInput: {
             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">;
@@ -885,13 +888,13 @@ export declare const CdsTextInput: {
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
         "onClick:prepend"?: ((e: MouseEvent) => any) | undefined;
         "onClick:prependInner"?: ((e: MouseEvent) => any) | undefined;
         "onClick:appendInner"?: ((e: MouseEvent) => any) | undefined;
         "onClick:append"?: ((e: MouseEvent) => any) | undefined;
-        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
     }>, HTMLInputElement & Omit<Omit<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -907,12 +910,12 @@ export declare const CdsTextInput: {
             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;
@@ -922,12 +925,12 @@ export declare const CdsTextInput: {
             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;
@@ -944,6 +947,7 @@ export declare const CdsTextInput: {
             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;
@@ -951,11 +955,10 @@ export declare const CdsTextInput: {
             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;
         };
@@ -1082,12 +1085,12 @@ export declare const CdsTextInput: {
             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)[];
@@ -1121,12 +1124,12 @@ export declare const CdsTextInput: {
         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: {
@@ -1214,7 +1217,7 @@ export declare const CdsTextInput: {
         '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>;
@@ -1228,7 +1231,7 @@ export declare const CdsTextInput: {
         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<{
@@ -1242,9 +1245,9 @@ export declare const CdsTextInput: {
             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;
@@ -1257,8 +1260,8 @@ export declare const CdsTextInput: {
             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;
@@ -1271,16 +1274,16 @@ export declare const CdsTextInput: {
             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;
         };
@@ -1293,7 +1296,7 @@ export declare const CdsTextInput: {
         $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;
@@ -1354,12 +1357,14 @@ export declare const CdsTextInput: {
         }>> & 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;
@@ -1371,9 +1376,9 @@ export declare const CdsTextInput: {
             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;
@@ -1408,9 +1413,9 @@ export declare const CdsTextInput: {
         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;
@@ -1473,12 +1478,13 @@ export declare const CdsTextInput: {
     }>> & 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}`> & {
+    }, "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}`> & {
         _allExposed: {
             id: import("vue").ComputedRef<string>;
             isDirty: import("vue").ComputedRef<boolean>;
@@ -1511,6 +1517,7 @@ export declare const CdsTextInput: {
         readonly: boolean | null;
         messages: string | readonly string[];
         theme: string;
+        focused: boolean;
         clearIcon: import("../../composables/useIcons/index.ts").IconValue;
         persistentPlaceholder: boolean;
         persistentCounter: boolean;
@@ -1519,7 +1526,6 @@ export declare const CdsTextInput: {
         rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        focused: boolean;
         hideMessages: boolean;
         dirty: boolean;
         clearable: boolean;
@@ -1601,6 +1607,8 @@ export declare const CdsTextInput: {
         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>;
@@ -1620,8 +1628,6 @@ export declare const CdsTextInput: {
         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">;
@@ -1643,13 +1649,13 @@ export declare const CdsTextInput: {
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+    "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
     "onClick:control"?: ((e: MouseEvent) => any) | undefined;
     "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
     "onClick:prepend"?: ((e: MouseEvent) => any) | undefined;
     "onClick:prependInner"?: ((e: MouseEvent) => any) | undefined;
     "onClick:appendInner"?: ((e: MouseEvent) => any) | undefined;
     "onClick:append"?: ((e: MouseEvent) => any) | undefined;
-    "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
 }>, HTMLInputElement & Omit<Omit<{
     $: import("vue").ComponentInternalInstance;
     $data: {};
@@ -1665,12 +1671,12 @@ export declare const CdsTextInput: {
         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;
@@ -1680,12 +1686,12 @@ export declare const CdsTextInput: {
         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;
@@ -1702,6 +1708,7 @@ export declare const CdsTextInput: {
         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;
@@ -1709,11 +1716,10 @@ export declare const CdsTextInput: {
         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;
     };
@@ -1840,12 +1846,12 @@ export declare const CdsTextInput: {
         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)[];
@@ -1879,12 +1885,12 @@ export declare const CdsTextInput: {
     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: {
@@ -1972,7 +1978,7 @@ export declare const CdsTextInput: {
     '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>;
@@ -1986,7 +1992,7 @@ export declare const CdsTextInput: {
     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<{
@@ -2000,9 +2006,9 @@ export declare const CdsTextInput: {
         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;
@@ -2015,8 +2021,8 @@ export declare const CdsTextInput: {
         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;
@@ -2029,16 +2035,16 @@ export declare const CdsTextInput: {
         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;
     };
@@ -2051,7 +2057,7 @@ export declare const CdsTextInput: {
     $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;
@@ -2112,12 +2118,14 @@ export declare const CdsTextInput: {
     }>> & 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;
@@ -2129,9 +2137,9 @@ export declare const CdsTextInput: {
         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;
@@ -2166,9 +2174,9 @@ export declare const CdsTextInput: {
     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;
@@ -2231,12 +2239,13 @@ export declare const CdsTextInput: {
 }>> & 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}`> & {
+}, "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}`> & {
     _allExposed: {
         id: import("vue").ComputedRef<string>;
         isDirty: import("vue").ComputedRef<boolean>;
@@ -2256,13 +2265,13 @@ export declare const CdsTextInput: {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
     "update:focused": (focused: boolean) => any;
+    "click:clear": (e: MouseEvent) => any;
     "click:control": (e: MouseEvent) => any;
     "mousedown:control": (e: MouseEvent) => any;
     "click:prepend": (e: MouseEvent) => any;
     "click:prependInner": (e: MouseEvent) => any;
     "click:appendInner": (e: MouseEvent) => any;
     "click:append": (e: MouseEvent) => any;
-    "click:clear": (e: MouseEvent) => any;
 }, string, {
     reverse: boolean;
     type: string;
@@ -2279,6 +2288,7 @@ export declare const CdsTextInput: {
     readonly: boolean | null;
     messages: string | readonly string[];
     theme: string;
+    focused: boolean;
     clearIcon: import("../../composables/useIcons/index.ts").IconValue;
     persistentPlaceholder: boolean;
     persistentCounter: boolean;
@@ -2287,7 +2297,6 @@ export declare const CdsTextInput: {
     rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
-    focused: boolean;
     hideMessages: boolean;
     dirty: boolean;
     clearable: boolean;