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

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

@@ -74,6 +74,8 @@ export declare const CdsFileInput: {
             type: import("vue").PropType<string | readonly string[]>;
             default: () => never[];
         };
+        focused: BooleanConstructor;
+        'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
         appendIcon: import("vue").PropType<import("../../composables/useIcons/index.ts").IconValue>;
         prependIcon: {
             type: import("vue").PropType<import("../../composables/useIcons/index.ts").IconValue>;
@@ -96,8 +98,6 @@ export declare const CdsFileInput: {
             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">;
@@ -150,12 +150,12 @@ export declare const CdsFileInput: {
             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;
@@ -165,12 +165,12 @@ export declare const CdsFileInput: {
             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;
@@ -187,6 +187,7 @@ export declare const CdsFileInput: {
             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;
@@ -194,11 +195,10 @@ export declare const CdsFileInput: {
             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;
         };
@@ -325,12 +325,12 @@ export declare const CdsFileInput: {
             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)[];
@@ -364,12 +364,12 @@ export declare const CdsFileInput: {
         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: {
@@ -457,7 +457,7 @@ export declare const CdsFileInput: {
         '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>;
@@ -471,7 +471,7 @@ export declare const CdsFileInput: {
         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<{
@@ -485,9 +485,9 @@ export declare const CdsFileInput: {
             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;
@@ -500,8 +500,8 @@ export declare const CdsFileInput: {
             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;
@@ -514,16 +514,16 @@ export declare const CdsFileInput: {
             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;
         };
@@ -536,7 +536,7 @@ export declare const CdsFileInput: {
         $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;
@@ -597,12 +597,14 @@ export declare const CdsFileInput: {
         }>> & 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;
@@ -614,9 +616,9 @@ export declare const CdsFileInput: {
             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;
@@ -651,9 +653,9 @@ export declare const CdsFileInput: {
         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;
@@ -716,12 +718,13 @@ export declare const CdsFileInput: {
     }>> & 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>;
@@ -761,6 +764,7 @@ export declare const CdsFileInput: {
         counter: boolean;
         theme: string;
         modelValue: File | File[] | null;
+        focused: boolean;
         clearIcon: import("../../composables/useIcons/index.ts").IconValue;
         prependIcon: import("../../composables/useIcons/index.ts").IconValue;
         persistentHint: boolean;
@@ -768,7 +772,6 @@ export declare const CdsFileInput: {
         rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        focused: boolean;
         hideMessages: boolean;
         dirty: boolean;
         clearable: boolean;
@@ -861,6 +864,8 @@ export declare const CdsFileInput: {
             type: import("vue").PropType<string | readonly string[]>;
             default: () => never[];
         };
+        focused: BooleanConstructor;
+        'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
         appendIcon: import("vue").PropType<import("../../composables/useIcons/index.ts").IconValue>;
         prependIcon: {
             type: import("vue").PropType<import("../../composables/useIcons/index.ts").IconValue>;
@@ -883,8 +888,6 @@ export declare const CdsFileInput: {
             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">;
@@ -937,12 +940,12 @@ export declare const CdsFileInput: {
             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;
@@ -952,12 +955,12 @@ export declare const CdsFileInput: {
             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;
@@ -974,6 +977,7 @@ export declare const CdsFileInput: {
             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;
@@ -981,11 +985,10 @@ export declare const CdsFileInput: {
             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;
         };
@@ -1112,12 +1115,12 @@ export declare const CdsFileInput: {
             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)[];
@@ -1151,12 +1154,12 @@ export declare const CdsFileInput: {
         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: {
@@ -1244,7 +1247,7 @@ export declare const CdsFileInput: {
         '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>;
@@ -1258,7 +1261,7 @@ export declare const CdsFileInput: {
         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<{
@@ -1272,9 +1275,9 @@ export declare const CdsFileInput: {
             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;
@@ -1287,8 +1290,8 @@ export declare const CdsFileInput: {
             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;
@@ -1301,16 +1304,16 @@ export declare const CdsFileInput: {
             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;
         };
@@ -1323,7 +1326,7 @@ export declare const CdsFileInput: {
         $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;
@@ -1384,12 +1387,14 @@ export declare const CdsFileInput: {
         }>> & 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;
@@ -1401,9 +1406,9 @@ export declare const CdsFileInput: {
             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;
@@ -1438,9 +1443,9 @@ export declare const CdsFileInput: {
         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;
@@ -1503,12 +1508,13 @@ export declare const CdsFileInput: {
     }>> & 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>;
@@ -1542,6 +1548,7 @@ export declare const CdsFileInput: {
         counter: boolean;
         theme: string;
         modelValue: File | File[] | null;
+        focused: boolean;
         clearIcon: import("../../composables/useIcons/index.ts").IconValue;
         prependIcon: import("../../composables/useIcons/index.ts").IconValue;
         persistentHint: boolean;
@@ -1549,7 +1556,6 @@ export declare const CdsFileInput: {
         rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        focused: boolean;
         hideMessages: boolean;
         dirty: boolean;
         clearable: boolean;
@@ -1639,6 +1645,8 @@ export declare const CdsFileInput: {
         type: import("vue").PropType<string | readonly string[]>;
         default: () => never[];
     };
+    focused: BooleanConstructor;
+    'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
     appendIcon: import("vue").PropType<import("../../composables/useIcons/index.ts").IconValue>;
     prependIcon: {
         type: import("vue").PropType<import("../../composables/useIcons/index.ts").IconValue>;
@@ -1661,8 +1669,6 @@ export declare const CdsFileInput: {
         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">;
@@ -1715,12 +1721,12 @@ export declare const CdsFileInput: {
         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;
@@ -1730,12 +1736,12 @@ export declare const CdsFileInput: {
         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;
@@ -1752,6 +1758,7 @@ export declare const CdsFileInput: {
         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;
@@ -1759,11 +1766,10 @@ export declare const CdsFileInput: {
         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;
     };
@@ -1890,12 +1896,12 @@ export declare const CdsFileInput: {
         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)[];
@@ -1929,12 +1935,12 @@ export declare const CdsFileInput: {
     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: {
@@ -2022,7 +2028,7 @@ export declare const CdsFileInput: {
     '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>;
@@ -2036,7 +2042,7 @@ export declare const CdsFileInput: {
     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<{
@@ -2050,9 +2056,9 @@ export declare const CdsFileInput: {
         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;
@@ -2065,8 +2071,8 @@ export declare const CdsFileInput: {
         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;
@@ -2079,16 +2085,16 @@ export declare const CdsFileInput: {
         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;
     };
@@ -2101,7 +2107,7 @@ export declare const CdsFileInput: {
     $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;
@@ -2162,12 +2168,14 @@ export declare const CdsFileInput: {
     }>> & 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;
@@ -2179,9 +2187,9 @@ export declare const CdsFileInput: {
         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;
@@ -2216,9 +2224,9 @@ export declare const CdsFileInput: {
     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;
@@ -2281,12 +2289,13 @@ export declare const CdsFileInput: {
 }>> & 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>;
@@ -2326,6 +2335,7 @@ export declare const CdsFileInput: {
     counter: boolean;
     theme: string;
     modelValue: File | File[] | null;
+    focused: boolean;
     clearIcon: import("../../composables/useIcons/index.ts").IconValue;
     prependIcon: import("../../composables/useIcons/index.ts").IconValue;
     persistentHint: boolean;
@@ -2333,7 +2343,6 @@ export declare const CdsFileInput: {
     rules: readonly import("../../composables/useValidation/index.ts").ValidationRule[];
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
-    focused: boolean;
     hideMessages: boolean;
     dirty: boolean;
     clearable: boolean;