@weni/unnnic-system 3.12.8 → 3.13.0

package/dist/index.d.ts

@@ -8886,13 +8886,29 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {
 val: string;
 }, {
 computedError(): string | boolean;
 }, {
 fullySanitize: fullySanitize;
-}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
 placeholder: {
 type: StringConstructor;
 default: string;
@@ -8970,9 +8986,27 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+onClear?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 label: string;
@@ -8984,11 +9018,14 @@ disabled: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number | null;
+readonly: boolean;
+useFocusProp: boolean;
 iconLeft: string;
 iconRight: string;
 iconLeftClickable: boolean;
 iconRightClickable: boolean;
 allowTogglePassword: boolean;
+showClear: boolean;
 errors: string | unknown[];
 hasCloudyColor: boolean;
 showMaxlengthCounter: boolean;
@@ -9043,6 +9080,22 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {
 isFocused: boolean;
 showPassword: boolean;
@@ -9052,12 +9105,13 @@ iconRightSvg(): string;
 iconScheme(): "fg-base" | "fg-muted";
 attributes(): any;
 }, {
-focus(): void;
+focusInput(): void;
 onFocus(): void;
 onBlur(): void;
 onIconLeftClick(): void;
+onClearClick(): void;
 onIconRightClick(): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", PublicProps, Readonly<ExtractPropTypes<    {
 placeholder: {
 type: StringConstructor;
 default: null;
@@ -9107,10 +9161,28 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
+onClear?: ((...args: any[]) => any) | undefined;
 "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
 "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 placeholder: string;
@@ -9118,11 +9190,14 @@ disabled: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number;
+readonly: boolean;
+useFocusProp: boolean;
 iconLeft: string;
 iconRight: string;
 iconLeftClickable: boolean;
 iconRightClickable: boolean;
 allowTogglePassword: boolean;
+showClear: boolean;
 }, {}, {
 BaseInput: DefineComponent<ExtractPropTypes<    {
 type: {
@@ -9148,15 +9223,29 @@ default: string;
 };
 hasIconLeft: BooleanConstructor;
 hasIconRight: BooleanConstructor;
+hasClearIcon: BooleanConstructor;
 maxlength: {
 type: NumberConstructor;
 default: null;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {}, {
 attributes(): any;
 classes(): (string | {
 'input--has-icon-left': boolean;
 'input--has-icon-right': boolean;
+'input--has-clear-icon': boolean;
 })[];
 }, {
 fullySanitize: fullySanitize;
@@ -9184,21 +9273,38 @@ default: string;
 };
 hasIconLeft: BooleanConstructor;
 hasIconRight: BooleanConstructor;
+hasClearIcon: BooleanConstructor;
 maxlength: {
 type: NumberConstructor;
 default: null;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 mask: string | unknown[];
 hasIconLeft: boolean;
 hasIconRight: boolean;
+hasClearIcon: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number;
+readonly: boolean;
+useFocusProp: boolean;
 }, {}, {}, {
 mask: any;
 }, string, ComponentProvideOptions, true, {}, any>;
@@ -9440,13 +9546,29 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {
 val: string;
 }, {
 computedError(): string | boolean;
 }, {
 fullySanitize: fullySanitize;
-}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
 placeholder: {
 type: StringConstructor;
 default: string;
@@ -9524,9 +9646,27 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+onClear?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 label: string;
@@ -9538,11 +9678,14 @@ disabled: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number | null;
+readonly: boolean;
+useFocusProp: boolean;
 iconLeft: string;
 iconRight: string;
 iconLeftClickable: boolean;
 iconRightClickable: boolean;
 allowTogglePassword: boolean;
+showClear: boolean;
 errors: string | unknown[];
 hasCloudyColor: boolean;
 showMaxlengthCounter: boolean;
@@ -9597,6 +9740,22 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {
 isFocused: boolean;
 showPassword: boolean;
@@ -9606,12 +9765,13 @@ iconRightSvg(): string;
 iconScheme(): "fg-base" | "fg-muted";
 attributes(): any;
 }, {
-focus(): void;
+focusInput(): void;
 onFocus(): void;
 onBlur(): void;
 onIconLeftClick(): void;
+onClearClick(): void;
 onIconRightClick(): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", PublicProps, Readonly<ExtractPropTypes<    {
 placeholder: {
 type: StringConstructor;
 default: null;
@@ -9661,10 +9821,28 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
+onClear?: ((...args: any[]) => any) | undefined;
 "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
 "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 placeholder: string;
@@ -9672,11 +9850,14 @@ disabled: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number;
+readonly: boolean;
+useFocusProp: boolean;
 iconLeft: string;
 iconRight: string;
 iconLeftClickable: boolean;
 iconRightClickable: boolean;
 allowTogglePassword: boolean;
+showClear: boolean;
 }, {}, {
 BaseInput: DefineComponent<ExtractPropTypes<    {
 type: {
@@ -9702,15 +9883,29 @@ default: string;
 };
 hasIconLeft: BooleanConstructor;
 hasIconRight: BooleanConstructor;
+hasClearIcon: BooleanConstructor;
 maxlength: {
 type: NumberConstructor;
 default: null;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {}, {
 attributes(): any;
 classes(): (string | {
 'input--has-icon-left': boolean;
 'input--has-icon-right': boolean;
+'input--has-clear-icon': boolean;
 })[];
 }, {
 fullySanitize: fullySanitize;
@@ -9738,21 +9933,38 @@ default: string;
 };
 hasIconLeft: BooleanConstructor;
 hasIconRight: BooleanConstructor;
+hasClearIcon: BooleanConstructor;
 maxlength: {
 type: NumberConstructor;
 default: null;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 mask: string | unknown[];
 hasIconLeft: boolean;
 hasIconRight: boolean;
+hasClearIcon: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number;
+readonly: boolean;
+useFocusProp: boolean;
 }, {}, {}, {
 mask: any;
 }, string, ComponentProvideOptions, true, {}, any>;
@@ -11366,13 +11578,29 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {
 val: string;
 }, {
 computedError(): string | boolean;
 }, {
 fullySanitize: fullySanitize;
-}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
 placeholder: {
 type: StringConstructor;
 default: string;
@@ -11450,9 +11678,27 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+onClear?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 label: string;
@@ -11464,11 +11710,14 @@ disabled: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number | null;
+readonly: boolean;
+useFocusProp: boolean;
 iconLeft: string;
 iconRight: string;
 iconLeftClickable: boolean;
 iconRightClickable: boolean;
 allowTogglePassword: boolean;
+showClear: boolean;
 errors: string | unknown[];
 hasCloudyColor: boolean;
 showMaxlengthCounter: boolean;
@@ -11523,6 +11772,22 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {
 isFocused: boolean;
 showPassword: boolean;
@@ -11532,12 +11797,13 @@ iconRightSvg(): string;
 iconScheme(): "fg-base" | "fg-muted";
 attributes(): any;
 }, {
-focus(): void;
+focusInput(): void;
 onFocus(): void;
 onBlur(): void;
 onIconLeftClick(): void;
+onClearClick(): void;
 onIconRightClick(): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", PublicProps, Readonly<ExtractPropTypes<    {
 placeholder: {
 type: StringConstructor;
 default: null;
@@ -11587,10 +11853,28 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
+onClear?: ((...args: any[]) => any) | undefined;
 "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
 "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 placeholder: string;
@@ -11598,11 +11882,14 @@ disabled: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number;
+readonly: boolean;
+useFocusProp: boolean;
 iconLeft: string;
 iconRight: string;
 iconLeftClickable: boolean;
 iconRightClickable: boolean;
 allowTogglePassword: boolean;
+showClear: boolean;
 }, {}, {
 BaseInput: DefineComponent<ExtractPropTypes<    {
 type: {
@@ -11628,15 +11915,29 @@ default: string;
 };
 hasIconLeft: BooleanConstructor;
 hasIconRight: BooleanConstructor;
+hasClearIcon: BooleanConstructor;
 maxlength: {
 type: NumberConstructor;
 default: null;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {}, {
 attributes(): any;
 classes(): (string | {
 'input--has-icon-left': boolean;
 'input--has-icon-right': boolean;
+'input--has-clear-icon': boolean;
 })[];
 }, {
 fullySanitize: fullySanitize;
@@ -11664,21 +11965,38 @@ default: string;
 };
 hasIconLeft: BooleanConstructor;
 hasIconRight: BooleanConstructor;
+hasClearIcon: BooleanConstructor;
 maxlength: {
 type: NumberConstructor;
 default: null;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 mask: string | unknown[];
 hasIconLeft: boolean;
 hasIconRight: boolean;
+hasClearIcon: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number;
+readonly: boolean;
+useFocusProp: boolean;
 }, {}, {}, {
 mask: any;
 }, string, ComponentProvideOptions, true, {}, any>;
@@ -11855,13 +12173,29 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {
 val: string;
 }, {
 computedError(): string | boolean;
 }, {
 fullySanitize: fullySanitize;
-}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
 placeholder: {
 type: StringConstructor;
 default: string;
@@ -11939,9 +12273,27 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+onClear?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 label: string;
@@ -11953,11 +12305,14 @@ disabled: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number | null;
+readonly: boolean;
+useFocusProp: boolean;
 iconLeft: string;
 iconRight: string;
 iconLeftClickable: boolean;
 iconRightClickable: boolean;
 allowTogglePassword: boolean;
+showClear: boolean;
 errors: string | unknown[];
 hasCloudyColor: boolean;
 showMaxlengthCounter: boolean;
@@ -12012,6 +12367,22 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {
 isFocused: boolean;
 showPassword: boolean;
@@ -12021,12 +12392,13 @@ iconRightSvg(): string;
 iconScheme(): "fg-base" | "fg-muted";
 attributes(): any;
 }, {
-focus(): void;
+focusInput(): void;
 onFocus(): void;
 onBlur(): void;
 onIconLeftClick(): void;
+onClearClick(): void;
 onIconRightClick(): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", PublicProps, Readonly<ExtractPropTypes<    {
 placeholder: {
 type: StringConstructor;
 default: null;
@@ -12076,10 +12448,28 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
+onClear?: ((...args: any[]) => any) | undefined;
 "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
 "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 placeholder: string;
@@ -12087,11 +12477,14 @@ disabled: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number;
+readonly: boolean;
+useFocusProp: boolean;
 iconLeft: string;
 iconRight: string;
 iconLeftClickable: boolean;
 iconRightClickable: boolean;
 allowTogglePassword: boolean;
+showClear: boolean;
 }, {}, {
 BaseInput: DefineComponent<ExtractPropTypes<    {
 type: {
@@ -12117,15 +12510,29 @@ default: string;
 };
 hasIconLeft: BooleanConstructor;
 hasIconRight: BooleanConstructor;
+hasClearIcon: BooleanConstructor;
 maxlength: {
 type: NumberConstructor;
 default: null;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {}, {
 attributes(): any;
 classes(): (string | {
 'input--has-icon-left': boolean;
 'input--has-icon-right': boolean;
+'input--has-clear-icon': boolean;
 })[];
 }, {
 fullySanitize: fullySanitize;
@@ -12153,21 +12560,38 @@ default: string;
 };
 hasIconLeft: BooleanConstructor;
 hasIconRight: BooleanConstructor;
+hasClearIcon: BooleanConstructor;
 maxlength: {
 type: NumberConstructor;
 default: null;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 mask: string | unknown[];
 hasIconLeft: boolean;
 hasIconRight: boolean;
+hasClearIcon: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number;
+readonly: boolean;
+useFocusProp: boolean;
 }, {}, {}, {
 mask: any;
 }, string, ComponentProvideOptions, true, {}, any>;
@@ -12352,8 +12776,8 @@ type: string;
 size: string;
 disabled: boolean;
 nativeType: string;
-allowTogglePassword: boolean;
 readonly: boolean;
+allowTogglePassword: boolean;
 }, {}, {
 UnnnicIcon: DefineComponent<IconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (event: Event) => any;
@@ -12454,8 +12878,8 @@ type: string;
 size: string;
 disabled: boolean;
 nativeType: string;
-allowTogglePassword: boolean;
 readonly: boolean;
+allowTogglePassword: boolean;
 }, {}, {
 UnnnicIcon: DefineComponent<IconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (event: Event) => any;
@@ -13297,13 +13721,29 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {
 val: string;
 }, {
 computedError(): string | boolean;
 }, {
 fullySanitize: fullySanitize;
-}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
 placeholder: {
 type: StringConstructor;
 default: string;
@@ -13381,9 +13821,27 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+onClear?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 label: string;
@@ -13395,11 +13853,14 @@ disabled: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number | null;
+readonly: boolean;
+useFocusProp: boolean;
 iconLeft: string;
 iconRight: string;
 iconLeftClickable: boolean;
 iconRightClickable: boolean;
 allowTogglePassword: boolean;
+showClear: boolean;
 errors: string | unknown[];
 hasCloudyColor: boolean;
 showMaxlengthCounter: boolean;
@@ -13454,6 +13915,22 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {
 isFocused: boolean;
 showPassword: boolean;
@@ -13463,12 +13940,13 @@ iconRightSvg(): string;
 iconScheme(): "fg-base" | "fg-muted";
 attributes(): any;
 }, {
-focus(): void;
+focusInput(): void;
 onFocus(): void;
 onBlur(): void;
 onIconLeftClick(): void;
+onClearClick(): void;
 onIconRightClick(): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", PublicProps, Readonly<ExtractPropTypes<    {
 placeholder: {
 type: StringConstructor;
 default: null;
@@ -13518,10 +13996,28 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
+onClear?: ((...args: any[]) => any) | undefined;
 "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
 "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 placeholder: string;
@@ -13529,11 +14025,14 @@ disabled: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number;
+readonly: boolean;
+useFocusProp: boolean;
 iconLeft: string;
 iconRight: string;
 iconLeftClickable: boolean;
 iconRightClickable: boolean;
 allowTogglePassword: boolean;
+showClear: boolean;
 }, {}, {
 BaseInput: DefineComponent<ExtractPropTypes<    {
 type: {
@@ -13559,15 +14058,29 @@ default: string;
 };
 hasIconLeft: BooleanConstructor;
 hasIconRight: BooleanConstructor;
+hasClearIcon: BooleanConstructor;
 maxlength: {
 type: NumberConstructor;
 default: null;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {}, {
 attributes(): any;
 classes(): (string | {
 'input--has-icon-left': boolean;
 'input--has-icon-right': boolean;
+'input--has-clear-icon': boolean;
 })[];
 }, {
 fullySanitize: fullySanitize;
@@ -13595,21 +14108,38 @@ default: string;
 };
 hasIconLeft: BooleanConstructor;
 hasIconRight: BooleanConstructor;
+hasClearIcon: BooleanConstructor;
 maxlength: {
 type: NumberConstructor;
 default: null;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 mask: string | unknown[];
 hasIconLeft: boolean;
 hasIconRight: boolean;
+hasClearIcon: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number;
+readonly: boolean;
+useFocusProp: boolean;
 }, {}, {}, {
 mask: any;
 }, string, ComponentProvideOptions, true, {}, any>;
@@ -13912,13 +14442,29 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {
 val: string;
 }, {
 computedError(): string | boolean;
 }, {
 fullySanitize: fullySanitize;
-}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
 placeholder: {
 type: StringConstructor;
 default: string;
@@ -13996,9 +14542,27 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+onClear?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 label: string;
@@ -14010,11 +14574,14 @@ disabled: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number | null;
+readonly: boolean;
+useFocusProp: boolean;
 iconLeft: string;
 iconRight: string;
 iconLeftClickable: boolean;
 iconRightClickable: boolean;
 allowTogglePassword: boolean;
+showClear: boolean;
 errors: string | unknown[];
 hasCloudyColor: boolean;
 showMaxlengthCounter: boolean;
@@ -14069,6 +14636,22 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {
 isFocused: boolean;
 showPassword: boolean;
@@ -14078,12 +14661,13 @@ iconRightSvg(): string;
 iconScheme(): "fg-base" | "fg-muted";
 attributes(): any;
 }, {
-focus(): void;
+focusInput(): void;
 onFocus(): void;
 onBlur(): void;
 onIconLeftClick(): void;
+onClearClick(): void;
 onIconRightClick(): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", PublicProps, Readonly<ExtractPropTypes<    {
 placeholder: {
 type: StringConstructor;
 default: null;
@@ -14133,10 +14717,28 @@ disabled: {
 type: BooleanConstructor;
 default: boolean;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
+showClear: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
+onClear?: ((...args: any[]) => any) | undefined;
 "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
 "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 placeholder: string;
@@ -14144,11 +14746,14 @@ disabled: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number;
+readonly: boolean;
+useFocusProp: boolean;
 iconLeft: string;
 iconRight: string;
 iconLeftClickable: boolean;
 iconRightClickable: boolean;
 allowTogglePassword: boolean;
+showClear: boolean;
 }, {}, {
 BaseInput: DefineComponent<ExtractPropTypes<    {
 type: {
@@ -14174,15 +14779,29 @@ default: string;
 };
 hasIconLeft: BooleanConstructor;
 hasIconRight: BooleanConstructor;
+hasClearIcon: BooleanConstructor;
 maxlength: {
 type: NumberConstructor;
 default: null;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>, {}, {}, {
 attributes(): any;
 classes(): (string | {
 'input--has-icon-left': boolean;
 'input--has-icon-right': boolean;
+'input--has-clear-icon': boolean;
 })[];
 }, {
 fullySanitize: fullySanitize;
@@ -14210,21 +14829,38 @@ default: string;
 };
 hasIconLeft: BooleanConstructor;
 hasIconRight: BooleanConstructor;
+hasClearIcon: BooleanConstructor;
 maxlength: {
 type: NumberConstructor;
 default: null;
 };
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+useFocusProp: {
+type: BooleanConstructor;
+default: boolean;
+};
+focus: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>> & Readonly<{
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: boolean;
 type: string;
 size: string;
 mask: string | unknown[];
 hasIconLeft: boolean;
 hasIconRight: boolean;
+hasClearIcon: boolean;
 modelValue: string;
 nativeType: string;
 maxlength: number;
+readonly: boolean;
+useFocusProp: boolean;
 }, {}, {}, {
 mask: any;
 }, string, ComponentProvideOptions, true, {}, any>;
@@ -16847,6 +17483,10 @@ class?: HTMLAttributes["class"];
     };
 });
 
+export declare const UnnnicSelect: VueComponent;
+
+export declare const unnnicSelect: VueComponent;
+
 export declare const UnnnicSelectItem: DefineComponent<ExtractPropTypes<    {
 size: {
 type: StringConstructor;