@weni/unnnic-system 3.9.1-alpha.4 → 3.9.1-alpha.6

package/dist/components/index.d.ts

@@ -160,13 +160,25 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    forceActiveStatus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {
     val: string;
 }, {
     computedError(): string | boolean;
 }, {
     fullySanitize: typeof import('../utils/sanitize').fullySanitize;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     placeholder: {
         type: StringConstructor;
         default: string;
@@ -244,8 +256,21 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    forceActiveStatus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
 }>, {
     type: string;
     size: string;
@@ -258,11 +283,14 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
     modelValue: string;
     nativeType: string;
     maxlength: number | null;
+    readonly: boolean;
+    forceActiveStatus: boolean;
     iconLeft: string;
     iconRight: string;
     iconLeftClickable: boolean;
     iconRightClickable: boolean;
     allowTogglePassword: boolean;
+    showClear: boolean;
     errors: string | unknown[];
     hasCloudyColor: boolean;
     showMaxlengthCounter: boolean;
@@ -317,21 +345,34 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {
         isFocused: boolean;
         showPassword: boolean;
     }, {
         isDisabled(): {};
         iconRightSvg(): string;
-        iconScheme(): "fg-base" | "fg-muted";
+        iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
         attributes(): any;
     }, {
         focus(): void;
         onFocus(): void;
         onBlur(): void;
         onIconLeftClick(): void;
+        onClearClick(): void;
         onIconRightClick(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: null;
@@ -381,7 +422,20 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            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;
     }>, {
@@ -392,11 +446,14 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
         modelValue: string;
         nativeType: string;
         maxlength: number;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         iconLeft: string;
         iconRight: string;
         iconLeftClickable: boolean;
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
+        showClear: boolean;
     }, {}, {
         BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             type: {
@@ -422,15 +479,25 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
             };
             hasIconLeft: BooleanConstructor;
             hasIconRight: BooleanConstructor;
+            hasClearIcon: BooleanConstructor;
             maxlength: {
                 type: NumberConstructor;
                 default: null;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {}, {
             attributes(): any;
             classes(): (string | {
                 'input--has-icon-left': boolean;
                 'input--has-icon-right': boolean;
+                'input--has-clear-icon': boolean;
             })[];
         }, {
             fullySanitize: typeof import('../utils/sanitize').fullySanitize;
@@ -458,10 +525,19 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
             };
             hasIconLeft: BooleanConstructor;
             hasIconRight: BooleanConstructor;
+            hasClearIcon: BooleanConstructor;
             maxlength: {
                 type: NumberConstructor;
                 default: null;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -470,9 +546,12 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
             mask: string | unknown[];
             hasIconLeft: boolean;
             hasIconRight: boolean;
+            hasClearIcon: boolean;
             modelValue: string;
             nativeType: string;
             maxlength: number;
+            readonly: boolean;
+            forceActiveStatus: boolean;
         }, {}, {}, {
             mask: any;
         }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -652,8 +731,8 @@ export declare const unnnicInputNext: import('vue').DefineComponent<import('vue'
     size: string;
     disabled: boolean;
     nativeType: string;
-    allowTogglePassword: boolean;
     readonly: boolean;
+    allowTogglePassword: boolean;
 }, {}, {
     UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (event: Event) => any;
@@ -921,13 +1000,25 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {
         val: string;
     }, {
         computedError(): string | boolean;
     }, {
         fullySanitize: typeof import('../utils/sanitize').fullySanitize;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -1005,8 +1096,21 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
     }>, {
         type: string;
         size: string;
@@ -1019,11 +1123,14 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         iconLeft: string;
         iconRight: string;
         iconLeftClickable: boolean;
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
+        showClear: boolean;
         errors: string | unknown[];
         hasCloudyColor: boolean;
         showMaxlengthCounter: boolean;
@@ -1078,21 +1185,34 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showClear: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
         }, {
             isDisabled(): {};
             iconRightSvg(): string;
-            iconScheme(): "fg-base" | "fg-muted";
+            iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
             attributes(): any;
         }, {
             focus(): void;
             onFocus(): void;
             onBlur(): void;
             onIconLeftClick(): void;
+            onClearClick(): void;
             onIconRightClick(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             placeholder: {
                 type: StringConstructor;
                 default: null;
@@ -1142,7 +1262,20 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                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;
         }>, {
@@ -1153,11 +1286,14 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
             modelValue: string;
             nativeType: string;
             maxlength: number;
+            readonly: boolean;
+            forceActiveStatus: boolean;
             iconLeft: string;
             iconRight: string;
             iconLeftClickable: boolean;
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
+            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -1183,15 +1319,25 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
                 };
                 hasIconLeft: BooleanConstructor;
                 hasIconRight: BooleanConstructor;
+                hasClearIcon: BooleanConstructor;
                 maxlength: {
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {}, {}, {
                 attributes(): any;
                 classes(): (string | {
                     'input--has-icon-left': boolean;
                     'input--has-icon-right': boolean;
+                    'input--has-clear-icon': boolean;
                 })[];
             }, {
                 fullySanitize: typeof import('../utils/sanitize').fullySanitize;
@@ -1219,10 +1365,19 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
                 };
                 hasIconLeft: BooleanConstructor;
                 hasIconRight: BooleanConstructor;
+                hasClearIcon: BooleanConstructor;
                 maxlength: {
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -1231,9 +1386,12 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
                 mask: string | unknown[];
                 hasIconLeft: boolean;
                 hasIconRight: boolean;
+                hasClearIcon: boolean;
                 modelValue: string;
                 nativeType: string;
                 maxlength: number;
+                readonly: boolean;
+                forceActiveStatus: boolean;
             }, {}, {}, {
                 mask: any;
             }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -4194,13 +4352,25 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {
         val: string;
     }, {
         computedError(): string | boolean;
     }, {
         fullySanitize: typeof import('../utils/sanitize').fullySanitize;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -4278,8 +4448,21 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
     }>, {
         type: string;
         size: string;
@@ -4292,11 +4475,14 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         iconLeft: string;
         iconRight: string;
         iconLeftClickable: boolean;
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
+        showClear: boolean;
         errors: string | unknown[];
         hasCloudyColor: boolean;
         showMaxlengthCounter: boolean;
@@ -4351,21 +4537,34 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showClear: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
         }, {
             isDisabled(): {};
             iconRightSvg(): string;
-            iconScheme(): "fg-base" | "fg-muted";
+            iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
             attributes(): any;
         }, {
             focus(): void;
             onFocus(): void;
             onBlur(): void;
             onIconLeftClick(): void;
+            onClearClick(): void;
             onIconRightClick(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             placeholder: {
                 type: StringConstructor;
                 default: null;
@@ -4415,7 +4614,20 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                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;
         }>, {
@@ -4426,11 +4638,14 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
             modelValue: string;
             nativeType: string;
             maxlength: number;
+            readonly: boolean;
+            forceActiveStatus: boolean;
             iconLeft: string;
             iconRight: string;
             iconLeftClickable: boolean;
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
+            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -4456,15 +4671,25 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
                 };
                 hasIconLeft: BooleanConstructor;
                 hasIconRight: BooleanConstructor;
+                hasClearIcon: BooleanConstructor;
                 maxlength: {
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {}, {}, {
                 attributes(): any;
                 classes(): (string | {
                     'input--has-icon-left': boolean;
                     'input--has-icon-right': boolean;
+                    'input--has-clear-icon': boolean;
                 })[];
             }, {
                 fullySanitize: typeof import('../utils/sanitize').fullySanitize;
@@ -4492,10 +4717,19 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
                 };
                 hasIconLeft: BooleanConstructor;
                 hasIconRight: BooleanConstructor;
+                hasClearIcon: BooleanConstructor;
                 maxlength: {
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -4504,9 +4738,12 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
                 mask: string | unknown[];
                 hasIconLeft: boolean;
                 hasIconRight: boolean;
+                hasClearIcon: boolean;
                 modelValue: string;
                 nativeType: string;
                 maxlength: number;
+                readonly: boolean;
+                forceActiveStatus: boolean;
             }, {}, {}, {
                 mask: any;
             }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -7620,13 +7857,25 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {
         val: string;
     }, {
         computedError(): string | boolean;
     }, {
         fullySanitize: typeof import('../utils/sanitize').fullySanitize;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -7704,8 +7953,21 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
     }>, {
         type: string;
         size: string;
@@ -7718,11 +7980,14 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         iconLeft: string;
         iconRight: string;
         iconLeftClickable: boolean;
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
+        showClear: boolean;
         errors: string | unknown[];
         hasCloudyColor: boolean;
         showMaxlengthCounter: boolean;
@@ -7777,21 +8042,34 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showClear: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
         }, {
             isDisabled(): {};
             iconRightSvg(): string;
-            iconScheme(): "fg-base" | "fg-muted";
+            iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
             attributes(): any;
         }, {
             focus(): void;
             onFocus(): void;
             onBlur(): void;
             onIconLeftClick(): void;
+            onClearClick(): void;
             onIconRightClick(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             placeholder: {
                 type: StringConstructor;
                 default: null;
@@ -7841,7 +8119,20 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                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;
         }>, {
@@ -7852,11 +8143,14 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
             modelValue: string;
             nativeType: string;
             maxlength: number;
+            readonly: boolean;
+            forceActiveStatus: boolean;
             iconLeft: string;
             iconRight: string;
             iconLeftClickable: boolean;
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
+            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -7882,15 +8176,25 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
                 };
                 hasIconLeft: BooleanConstructor;
                 hasIconRight: BooleanConstructor;
+                hasClearIcon: BooleanConstructor;
                 maxlength: {
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {}, {}, {
                 attributes(): any;
                 classes(): (string | {
                     'input--has-icon-left': boolean;
                     'input--has-icon-right': boolean;
+                    'input--has-clear-icon': boolean;
                 })[];
             }, {
                 fullySanitize: typeof import('../utils/sanitize').fullySanitize;
@@ -7918,10 +8222,19 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
                 };
                 hasIconLeft: BooleanConstructor;
                 hasIconRight: BooleanConstructor;
+                hasClearIcon: BooleanConstructor;
                 maxlength: {
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -7930,9 +8243,12 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
                 mask: string | unknown[];
                 hasIconLeft: boolean;
                 hasIconRight: boolean;
+                hasClearIcon: boolean;
                 modelValue: string;
                 nativeType: string;
                 maxlength: number;
+                readonly: boolean;
+                forceActiveStatus: boolean;
             }, {}, {}, {
                 mask: any;
             }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -8197,7 +8513,7 @@ export declare const unnnicTextArea: import('vue').DefineComponent<import('vue')
         default: string;
     };
     errors: {
-        type: ArrayConstructor;
+        type: (ArrayConstructor | null)[];
         default: () => never[];
     };
 }>, {}, {}, {
@@ -8244,7 +8560,7 @@ export declare const unnnicTextArea: import('vue').DefineComponent<import('vue')
         default: string;
     };
     errors: {
-        type: ArrayConstructor;
+        type: (ArrayConstructor | null)[];
         default: () => never[];
     };
 }>> & Readonly<{
@@ -8256,7 +8572,7 @@ export declare const unnnicTextArea: import('vue').DefineComponent<import('vue')
     tooltip: string;
     message: string;
     disabled: boolean;
-    errors: unknown[];
+    errors: unknown[] | null;
 }, {}, {
     UnnnicFormElement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
@@ -11114,13 +11430,25 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    forceActiveStatus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {
     val: string;
 }, {
     computedError(): string | boolean;
 }, {
     fullySanitize: typeof import('../utils/sanitize').fullySanitize;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     placeholder: {
         type: StringConstructor;
         default: string;
@@ -11198,8 +11526,21 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    forceActiveStatus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
 }>, {
     type: string;
     size: string;
@@ -11212,11 +11553,14 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
     modelValue: string;
     nativeType: string;
     maxlength: number | null;
+    readonly: boolean;
+    forceActiveStatus: boolean;
     iconLeft: string;
     iconRight: string;
     iconLeftClickable: boolean;
     iconRightClickable: boolean;
     allowTogglePassword: boolean;
+    showClear: boolean;
     errors: string | unknown[];
     hasCloudyColor: boolean;
     showMaxlengthCounter: boolean;
@@ -11271,21 +11615,34 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {
         isFocused: boolean;
         showPassword: boolean;
     }, {
         isDisabled(): {};
         iconRightSvg(): string;
-        iconScheme(): "fg-base" | "fg-muted";
+        iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
         attributes(): any;
     }, {
         focus(): void;
         onFocus(): void;
         onBlur(): void;
         onIconLeftClick(): void;
+        onClearClick(): void;
         onIconRightClick(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: null;
@@ -11335,7 +11692,20 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            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;
     }>, {
@@ -11346,11 +11716,14 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
         modelValue: string;
         nativeType: string;
         maxlength: number;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         iconLeft: string;
         iconRight: string;
         iconLeftClickable: boolean;
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
+        showClear: boolean;
     }, {}, {
         BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             type: {
@@ -11376,15 +11749,25 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
             };
             hasIconLeft: BooleanConstructor;
             hasIconRight: BooleanConstructor;
+            hasClearIcon: BooleanConstructor;
             maxlength: {
                 type: NumberConstructor;
                 default: null;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {}, {
             attributes(): any;
             classes(): (string | {
                 'input--has-icon-left': boolean;
                 'input--has-icon-right': boolean;
+                'input--has-clear-icon': boolean;
             })[];
         }, {
             fullySanitize: typeof import('../utils/sanitize').fullySanitize;
@@ -11412,10 +11795,19 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
             };
             hasIconLeft: BooleanConstructor;
             hasIconRight: BooleanConstructor;
+            hasClearIcon: BooleanConstructor;
             maxlength: {
                 type: NumberConstructor;
                 default: null;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -11424,9 +11816,12 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
             mask: string | unknown[];
             hasIconLeft: boolean;
             hasIconRight: boolean;
+            hasClearIcon: boolean;
             modelValue: string;
             nativeType: string;
             maxlength: number;
+            readonly: boolean;
+            forceActiveStatus: boolean;
         }, {}, {}, {
             mask: any;
         }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -11606,8 +12001,8 @@ export declare const UnnnicInputNext: import('vue').DefineComponent<import('vue'
     size: string;
     disabled: boolean;
     nativeType: string;
-    allowTogglePassword: boolean;
     readonly: boolean;
+    allowTogglePassword: boolean;
 }, {}, {
     UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (event: Event) => any;
@@ -11875,13 +12270,25 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {
         val: string;
     }, {
         computedError(): string | boolean;
     }, {
         fullySanitize: typeof import('../utils/sanitize').fullySanitize;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -11959,8 +12366,21 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
     }>, {
         type: string;
         size: string;
@@ -11973,11 +12393,14 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         iconLeft: string;
         iconRight: string;
         iconLeftClickable: boolean;
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
+        showClear: boolean;
         errors: string | unknown[];
         hasCloudyColor: boolean;
         showMaxlengthCounter: boolean;
@@ -12032,21 +12455,34 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showClear: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
         }, {
             isDisabled(): {};
             iconRightSvg(): string;
-            iconScheme(): "fg-base" | "fg-muted";
+            iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
             attributes(): any;
         }, {
             focus(): void;
             onFocus(): void;
             onBlur(): void;
             onIconLeftClick(): void;
+            onClearClick(): void;
             onIconRightClick(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             placeholder: {
                 type: StringConstructor;
                 default: null;
@@ -12096,7 +12532,20 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                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;
         }>, {
@@ -12107,11 +12556,14 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
             modelValue: string;
             nativeType: string;
             maxlength: number;
+            readonly: boolean;
+            forceActiveStatus: boolean;
             iconLeft: string;
             iconRight: string;
             iconLeftClickable: boolean;
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
+            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -12137,15 +12589,25 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
                 };
                 hasIconLeft: BooleanConstructor;
                 hasIconRight: BooleanConstructor;
+                hasClearIcon: BooleanConstructor;
                 maxlength: {
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {}, {}, {
                 attributes(): any;
                 classes(): (string | {
                     'input--has-icon-left': boolean;
                     'input--has-icon-right': boolean;
+                    'input--has-clear-icon': boolean;
                 })[];
             }, {
                 fullySanitize: typeof import('../utils/sanitize').fullySanitize;
@@ -12173,10 +12635,19 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
                 };
                 hasIconLeft: BooleanConstructor;
                 hasIconRight: BooleanConstructor;
+                hasClearIcon: BooleanConstructor;
                 maxlength: {
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -12185,9 +12656,12 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
                 mask: string | unknown[];
                 hasIconLeft: boolean;
                 hasIconRight: boolean;
+                hasClearIcon: boolean;
                 modelValue: string;
                 nativeType: string;
                 maxlength: number;
+                readonly: boolean;
+                forceActiveStatus: boolean;
             }, {}, {}, {
                 mask: any;
             }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -15148,13 +15622,25 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {
         val: string;
     }, {
         computedError(): string | boolean;
     }, {
         fullySanitize: typeof import('../utils/sanitize').fullySanitize;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -15232,8 +15718,21 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
     }>, {
         type: string;
         size: string;
@@ -15246,11 +15745,14 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         iconLeft: string;
         iconRight: string;
         iconLeftClickable: boolean;
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
+        showClear: boolean;
         errors: string | unknown[];
         hasCloudyColor: boolean;
         showMaxlengthCounter: boolean;
@@ -15305,21 +15807,34 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showClear: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
         }, {
             isDisabled(): {};
             iconRightSvg(): string;
-            iconScheme(): "fg-base" | "fg-muted";
+            iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
             attributes(): any;
         }, {
             focus(): void;
             onFocus(): void;
             onBlur(): void;
             onIconLeftClick(): void;
+            onClearClick(): void;
             onIconRightClick(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             placeholder: {
                 type: StringConstructor;
                 default: null;
@@ -15369,7 +15884,20 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                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;
         }>, {
@@ -15380,11 +15908,14 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
             modelValue: string;
             nativeType: string;
             maxlength: number;
+            readonly: boolean;
+            forceActiveStatus: boolean;
             iconLeft: string;
             iconRight: string;
             iconLeftClickable: boolean;
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
+            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -15410,15 +15941,25 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
                 };
                 hasIconLeft: BooleanConstructor;
                 hasIconRight: BooleanConstructor;
+                hasClearIcon: BooleanConstructor;
                 maxlength: {
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {}, {}, {
                 attributes(): any;
                 classes(): (string | {
                     'input--has-icon-left': boolean;
                     'input--has-icon-right': boolean;
+                    'input--has-clear-icon': boolean;
                 })[];
             }, {
                 fullySanitize: typeof import('../utils/sanitize').fullySanitize;
@@ -15446,10 +15987,19 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
                 };
                 hasIconLeft: BooleanConstructor;
                 hasIconRight: BooleanConstructor;
+                hasClearIcon: BooleanConstructor;
                 maxlength: {
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -15458,9 +16008,12 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
                 mask: string | unknown[];
                 hasIconLeft: boolean;
                 hasIconRight: boolean;
+                hasClearIcon: boolean;
                 modelValue: string;
                 nativeType: string;
                 maxlength: number;
+                readonly: boolean;
+                forceActiveStatus: boolean;
             }, {}, {}, {
                 mask: any;
             }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -18574,13 +19127,25 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {
         val: string;
     }, {
         computedError(): string | boolean;
     }, {
         fullySanitize: typeof import('../utils/sanitize').fullySanitize;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -18658,8 +19223,21 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
     }>, {
         type: string;
         size: string;
@@ -18672,11 +19250,14 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         iconLeft: string;
         iconRight: string;
         iconLeftClickable: boolean;
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
+        showClear: boolean;
         errors: string | unknown[];
         hasCloudyColor: boolean;
         showMaxlengthCounter: boolean;
@@ -18731,21 +19312,34 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showClear: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
         }, {
             isDisabled(): {};
             iconRightSvg(): string;
-            iconScheme(): "fg-base" | "fg-muted";
+            iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
             attributes(): any;
         }, {
             focus(): void;
             onFocus(): void;
             onBlur(): void;
             onIconLeftClick(): void;
+            onClearClick(): void;
             onIconRightClick(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             placeholder: {
                 type: StringConstructor;
                 default: null;
@@ -18795,7 +19389,20 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                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;
         }>, {
@@ -18806,11 +19413,14 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
             modelValue: string;
             nativeType: string;
             maxlength: number;
+            readonly: boolean;
+            forceActiveStatus: boolean;
             iconLeft: string;
             iconRight: string;
             iconLeftClickable: boolean;
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
+            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -18836,15 +19446,25 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
                 };
                 hasIconLeft: BooleanConstructor;
                 hasIconRight: BooleanConstructor;
+                hasClearIcon: BooleanConstructor;
                 maxlength: {
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {}, {}, {
                 attributes(): any;
                 classes(): (string | {
                     'input--has-icon-left': boolean;
                     'input--has-icon-right': boolean;
+                    'input--has-clear-icon': boolean;
                 })[];
             }, {
                 fullySanitize: typeof import('../utils/sanitize').fullySanitize;
@@ -18872,10 +19492,19 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
                 };
                 hasIconLeft: BooleanConstructor;
                 hasIconRight: BooleanConstructor;
+                hasClearIcon: BooleanConstructor;
                 maxlength: {
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -18884,9 +19513,12 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
                 mask: string | unknown[];
                 hasIconLeft: boolean;
                 hasIconRight: boolean;
+                hasClearIcon: boolean;
                 modelValue: string;
                 nativeType: string;
                 maxlength: number;
+                readonly: boolean;
+                forceActiveStatus: boolean;
             }, {}, {}, {
                 mask: any;
             }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -19151,7 +19783,7 @@ export declare const UnnnicTextArea: import('vue').DefineComponent<import('vue')
         default: string;
     };
     errors: {
-        type: ArrayConstructor;
+        type: (ArrayConstructor | null)[];
         default: () => never[];
     };
 }>, {}, {}, {
@@ -19198,7 +19830,7 @@ export declare const UnnnicTextArea: import('vue').DefineComponent<import('vue')
         default: string;
     };
     errors: {
-        type: ArrayConstructor;
+        type: (ArrayConstructor | null)[];
         default: () => never[];
     };
 }>> & Readonly<{
@@ -19210,7 +19842,7 @@ export declare const UnnnicTextArea: import('vue').DefineComponent<import('vue')
     tooltip: string;
     message: string;
     disabled: boolean;
-    errors: unknown[];
+    errors: unknown[] | null;
 }, {}, {
     UnnnicFormElement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {