@weni/unnnic-system 3.2.9-alpha.1 → 3.2.9-alpha.10

package/dist/components/index.d.ts

@@ -145,13 +145,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;
 }, {
     hasLabelSlot(): 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, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     placeholder: {
         type: StringConstructor;
         default: string;
@@ -229,8 +241,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;
 }>, {
     size: string;
     type: string;
@@ -241,6 +266,8 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
     modelValue: string;
     nativeType: string;
     maxlength: number | null;
+    readonly: boolean;
+    forceActiveStatus: boolean;
     placeholder: string;
     iconLeft: string;
     iconRight: string;
@@ -248,8 +275,9 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
     iconRightClickable: boolean;
     allowTogglePassword: boolean;
     hasCloudyColor: boolean;
-    errors: string | unknown[];
+    showClear: boolean;
     tooltip: string;
+    errors: string | unknown[];
     showMaxlengthCounter: boolean;
 }, {}, {
     TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -306,6 +334,18 @@ 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;
@@ -319,8 +359,9 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
         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;
@@ -374,7 +415,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;
     }>, {
@@ -384,6 +438,8 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
         modelValue: string;
         nativeType: string;
         maxlength: number;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         placeholder: string;
         iconLeft: string;
         iconRight: string;
@@ -391,6 +447,7 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
         hasCloudyColor: boolean;
+        showClear: boolean;
     }, {}, {
         BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             type: {
@@ -416,15 +473,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;
@@ -452,10 +519,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;
         }>, {
@@ -464,9 +540,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>;
@@ -488,98 +567,11 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
             scheme: import('./Icon.vue').SchemeColor;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    UnnnicToolTip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        text: {
-            type: StringConstructor;
-            default: string;
-        };
-        enabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        forceOpen: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        side: {
-            type: StringConstructor;
-            default: string;
-            validator(value: unknown): boolean;
-        };
-        maxWidth: {
-            type: StringConstructor;
-            default: string;
-        };
-        shortcutText: {
-            type: StringConstructor;
-            default: null;
-        };
-        enableHtml: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {}, {
-        topPos: null;
-        leftPos: null;
-    }, {}, {
-        handleResize(): void;
-        getRightPost(element: any): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        text: {
-            type: StringConstructor;
-            default: string;
-        };
-        enabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        forceOpen: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        side: {
-            type: StringConstructor;
-            default: string;
-            validator(value: unknown): boolean;
-        };
-        maxWidth: {
-            type: StringConstructor;
-            default: string;
-        };
-        shortcutText: {
-            type: StringConstructor;
-            default: null;
-        };
-        enableHtml: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
-        text: string;
-        enabled: boolean;
-        forceOpen: boolean;
-        side: string;
-        maxWidth: string;
-        shortcutText: string;
-        enableHtml: boolean;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        click: (event: Event) => any;
-        mousedown: (event: Event) => any;
-        mouseup: (event: Event) => any;
-    }, string, import('vue').PublicProps, Readonly<import('./Icon.vue').IconProps> & Readonly<{
-        onClick?: ((event: Event) => any) | undefined;
-        onMousedown?: ((event: Event) => any) | undefined;
-        onMouseup?: ((event: Event) => any) | undefined;
-    }>, {
-        size: import('./Icon.vue').IconSize;
-        filled: boolean;
-        next: boolean;
-        icon: string | null;
-        clickable: boolean;
-        lineHeight: import('./Icon.vue').LineHeight | null;
-        scheme: import('./Icon.vue').SchemeColor;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    UnnnicLabel: import('vue').DefineComponent<import('./Label/Label.vue').LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Label/Label.vue').LabelProps> & Readonly<{}>, {
+        label: string;
+        tooltip: string;
+        useHtmlTooltip: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export declare const unnnicInputNext: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: StringConstructor;
@@ -663,8 +655,8 @@ export declare const unnnicInputNext: import('vue').DefineComponent<import('vue'
     type: 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;
@@ -934,13 +926,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;
     }, {
         hasLabelSlot(): 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, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -1018,8 +1022,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;
     }>, {
         size: string;
         type: string;
@@ -1030,6 +1047,8 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         placeholder: string;
         iconLeft: string;
         iconRight: string;
@@ -1037,8 +1056,9 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
         hasCloudyColor: boolean;
-        errors: string | unknown[];
+        showClear: boolean;
         tooltip: string;
+        errors: string | unknown[];
         showMaxlengthCounter: boolean;
     }, {}, {
         TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1095,6 +1115,18 @@ 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;
@@ -1108,8 +1140,9 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
             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;
@@ -1163,7 +1196,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;
         }>, {
@@ -1173,6 +1219,8 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
             modelValue: string;
             nativeType: string;
             maxlength: number;
+            readonly: boolean;
+            forceActiveStatus: boolean;
             placeholder: string;
             iconLeft: string;
             iconRight: string;
@@ -1180,6 +1228,7 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
             hasCloudyColor: boolean;
+            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -1205,15 +1254,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;
@@ -1241,10 +1300,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;
             }>, {
@@ -1253,9 +1321,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>;
@@ -1277,98 +1348,11 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
                 scheme: import('./Icon.vue').SchemeColor;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        UnnnicToolTip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            text: {
-                type: StringConstructor;
-                default: string;
-            };
-            enabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            forceOpen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            side: {
-                type: StringConstructor;
-                default: string;
-                validator(value: unknown): boolean;
-            };
-            maxWidth: {
-                type: StringConstructor;
-                default: string;
-            };
-            shortcutText: {
-                type: StringConstructor;
-                default: null;
-            };
-            enableHtml: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>, {}, {
-            topPos: null;
-            leftPos: null;
-        }, {}, {
-            handleResize(): void;
-            getRightPost(element: any): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            text: {
-                type: StringConstructor;
-                default: string;
-            };
-            enabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            forceOpen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            side: {
-                type: StringConstructor;
-                default: string;
-                validator(value: unknown): boolean;
-            };
-            maxWidth: {
-                type: StringConstructor;
-                default: string;
-            };
-            shortcutText: {
-                type: StringConstructor;
-                default: null;
-            };
-            enableHtml: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{}>, {
-            text: string;
-            enabled: boolean;
-            forceOpen: boolean;
-            side: string;
-            maxWidth: string;
-            shortcutText: string;
-            enableHtml: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            click: (event: Event) => any;
-            mousedown: (event: Event) => any;
-            mouseup: (event: Event) => any;
-        }, string, import('vue').PublicProps, Readonly<import('./Icon.vue').IconProps> & Readonly<{
-            onClick?: ((event: Event) => any) | undefined;
-            onMousedown?: ((event: Event) => any) | undefined;
-            onMouseup?: ((event: Event) => any) | undefined;
-        }>, {
-            size: import('./Icon.vue').IconSize;
-            filled: boolean;
-            next: boolean;
-            icon: string | null;
-            clickable: boolean;
-            lineHeight: import('./Icon.vue').LineHeight | null;
-            scheme: import('./Icon.vue').SchemeColor;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        UnnnicLabel: import('vue').DefineComponent<import('./Label/Label.vue').LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Label/Label.vue').LabelProps> & Readonly<{}>, {
+            label: string;
+            tooltip: string;
+            useHtmlTooltip: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     UnnnicDatePicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         initialStartDate: {
@@ -4632,13 +4616,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;
     }, {
         hasLabelSlot(): 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, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -4716,8 +4712,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;
     }>, {
         size: string;
         type: string;
@@ -4728,6 +4737,8 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         placeholder: string;
         iconLeft: string;
         iconRight: string;
@@ -4735,8 +4746,9 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
         hasCloudyColor: boolean;
-        errors: string | unknown[];
+        showClear: boolean;
         tooltip: string;
+        errors: string | unknown[];
         showMaxlengthCounter: boolean;
     }, {}, {
         TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -4793,6 +4805,18 @@ 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;
@@ -4806,8 +4830,9 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
             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;
@@ -4861,7 +4886,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;
         }>, {
@@ -4871,6 +4909,8 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
             modelValue: string;
             nativeType: string;
             maxlength: number;
+            readonly: boolean;
+            forceActiveStatus: boolean;
             placeholder: string;
             iconLeft: string;
             iconRight: string;
@@ -4878,6 +4918,7 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
             hasCloudyColor: boolean;
+            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -4903,170 +4944,105 @@ 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;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                type: {
-                    type: StringConstructor;
-                    default: string;
-                    validator(value: unknown): boolean;
-                };
-                modelValue: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                nativeType: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                mask: {
-                    type: (StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                hasIconLeft: BooleanConstructor;
-                hasIconRight: BooleanConstructor;
-                maxlength: {
-                    type: NumberConstructor;
-                    default: null;
-                };
-            }>> & Readonly<{
-                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-            }>, {
-                size: string;
-                type: string;
-                mask: string | unknown[];
-                hasIconLeft: boolean;
-                hasIconRight: boolean;
-                modelValue: string;
-                nativeType: string;
-                maxlength: number;
-            }, {}, {}, {
-                mask: any;
-            }, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (event: Event) => any;
-                mousedown: (event: Event) => any;
-                mouseup: (event: Event) => any;
-            }, string, import('vue').PublicProps, Readonly<import('./Icon.vue').IconProps> & Readonly<{
-                onClick?: ((event: Event) => any) | undefined;
-                onMousedown?: ((event: Event) => any) | undefined;
-                onMouseup?: ((event: Event) => any) | undefined;
-            }>, {
-                size: import('./Icon.vue').IconSize;
-                filled: boolean;
-                next: boolean;
-                icon: string | null;
-                clickable: boolean;
-                lineHeight: import('./Icon.vue').LineHeight | null;
-                scheme: import('./Icon.vue').SchemeColor;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        UnnnicToolTip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            text: {
-                type: StringConstructor;
-                default: string;
-            };
-            enabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            forceOpen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            side: {
-                type: StringConstructor;
-                default: string;
-                validator(value: unknown): boolean;
-            };
-            maxWidth: {
-                type: StringConstructor;
-                default: string;
-            };
-            shortcutText: {
-                type: StringConstructor;
-                default: null;
-            };
-            enableHtml: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>, {}, {
-            topPos: null;
-            leftPos: null;
-        }, {}, {
-            handleResize(): void;
-            getRightPost(element: any): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            text: {
-                type: StringConstructor;
-                default: string;
-            };
-            enabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            forceOpen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            side: {
-                type: StringConstructor;
-                default: string;
-                validator(value: unknown): boolean;
-            };
-            maxWidth: {
-                type: StringConstructor;
-                default: string;
-            };
-            shortcutText: {
-                type: StringConstructor;
-                default: null;
-            };
-            enableHtml: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{}>, {
-            text: string;
-            enabled: boolean;
-            forceOpen: boolean;
-            side: string;
-            maxWidth: string;
-            shortcutText: string;
-            enableHtml: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            click: (event: Event) => any;
-            mousedown: (event: Event) => any;
-            mouseup: (event: Event) => any;
-        }, string, import('vue').PublicProps, Readonly<import('./Icon.vue').IconProps> & Readonly<{
-            onClick?: ((event: Event) => any) | undefined;
-            onMousedown?: ((event: Event) => any) | undefined;
-            onMouseup?: ((event: Event) => any) | undefined;
-        }>, {
-            size: import('./Icon.vue').IconSize;
-            filled: boolean;
-            next: boolean;
-            icon: string | null;
-            clickable: boolean;
-            lineHeight: import('./Icon.vue').LineHeight | null;
-            scheme: import('./Icon.vue').SchemeColor;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+            }, {
+                fullySanitize: typeof import('../utils/sanitize').fullySanitize;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: unknown): boolean;
+                };
+                modelValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                nativeType: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                mask: {
+                    type: (StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                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;
+            }>, {
+                size: string;
+                type: string;
+                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>;
+            UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: (event: Event) => any;
+                mousedown: (event: Event) => any;
+                mouseup: (event: Event) => any;
+            }, string, import('vue').PublicProps, Readonly<import('./Icon.vue').IconProps> & Readonly<{
+                onClick?: ((event: Event) => any) | undefined;
+                onMousedown?: ((event: Event) => any) | undefined;
+                onMouseup?: ((event: Event) => any) | undefined;
+            }>, {
+                size: import('./Icon.vue').IconSize;
+                filled: boolean;
+                next: boolean;
+                icon: string | null;
+                clickable: boolean;
+                lineHeight: import('./Icon.vue').LineHeight | null;
+                scheme: import('./Icon.vue').SchemeColor;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        UnnnicLabel: import('vue').DefineComponent<import('./Label/Label.vue').LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Label/Label.vue').LabelProps> & Readonly<{}>, {
+            label: string;
+            tooltip: string;
+            useHtmlTooltip: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     UnnnicButton: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Button/types').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
@@ -6974,6 +6950,11 @@ export declare const unnnicTab: import('vue').DefineComponent<import('vue').Extr
     tabs: {
         type: ArrayConstructor;
         default: null;
+        validator: (tabs: unknown) => any;
+    };
+    disabledTabs: {
+        type: ArrayConstructor;
+        default: null;
     };
 }>, {}, {
     localValue: string;
@@ -7001,6 +6982,11 @@ export declare const unnnicTab: import('vue').DefineComponent<import('vue').Extr
     tabs: {
         type: ArrayConstructor;
         default: null;
+        validator: (tabs: unknown) => any;
+    };
+    disabledTabs: {
+        type: ArrayConstructor;
+        default: null;
     };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
@@ -7009,6 +6995,7 @@ export declare const unnnicTab: import('vue').DefineComponent<import('vue').Extr
     activeTab: string;
     initialTab: string;
     tabs: unknown[];
+    disabledTabs: unknown[];
 }, {}, {
     UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (event: Event) => any;
@@ -8899,13 +8886,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;
     }, {
         hasLabelSlot(): 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, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -8983,8 +8982,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;
     }>, {
         size: string;
         type: string;
@@ -8995,6 +9007,8 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         placeholder: string;
         iconLeft: string;
         iconRight: string;
@@ -9002,8 +9016,9 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
         hasCloudyColor: boolean;
-        errors: string | unknown[];
+        showClear: boolean;
         tooltip: string;
+        errors: string | unknown[];
         showMaxlengthCounter: boolean;
     }, {}, {
         TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -9060,6 +9075,18 @@ 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;
@@ -9073,8 +9100,9 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
             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;
@@ -9128,7 +9156,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;
         }>, {
@@ -9138,6 +9179,8 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
             modelValue: string;
             nativeType: string;
             maxlength: number;
+            readonly: boolean;
+            forceActiveStatus: boolean;
             placeholder: string;
             iconLeft: string;
             iconRight: string;
@@ -9145,6 +9188,7 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
             hasCloudyColor: boolean;
+            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -9170,15 +9214,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;
@@ -9196,144 +9250,69 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
                     type: StringConstructor;
                     default: string;
                 };
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                mask: {
-                    type: (StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                hasIconLeft: BooleanConstructor;
-                hasIconRight: BooleanConstructor;
-                maxlength: {
-                    type: NumberConstructor;
-                    default: null;
-                };
-            }>> & Readonly<{
-                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-            }>, {
-                size: string;
-                type: string;
-                mask: string | unknown[];
-                hasIconLeft: boolean;
-                hasIconRight: boolean;
-                modelValue: string;
-                nativeType: string;
-                maxlength: number;
-            }, {}, {}, {
-                mask: any;
-            }, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (event: Event) => any;
-                mousedown: (event: Event) => any;
-                mouseup: (event: Event) => any;
-            }, string, import('vue').PublicProps, Readonly<import('./Icon.vue').IconProps> & Readonly<{
-                onClick?: ((event: Event) => any) | undefined;
-                onMousedown?: ((event: Event) => any) | undefined;
-                onMouseup?: ((event: Event) => any) | undefined;
-            }>, {
-                size: import('./Icon.vue').IconSize;
-                filled: boolean;
-                next: boolean;
-                icon: string | null;
-                clickable: boolean;
-                lineHeight: import('./Icon.vue').LineHeight | null;
-                scheme: import('./Icon.vue').SchemeColor;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        UnnnicToolTip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            text: {
-                type: StringConstructor;
-                default: string;
-            };
-            enabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            forceOpen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            side: {
-                type: StringConstructor;
-                default: string;
-                validator(value: unknown): boolean;
-            };
-            maxWidth: {
-                type: StringConstructor;
-                default: string;
-            };
-            shortcutText: {
-                type: StringConstructor;
-                default: null;
-            };
-            enableHtml: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>, {}, {
-            topPos: null;
-            leftPos: null;
-        }, {}, {
-            handleResize(): void;
-            getRightPost(element: any): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            text: {
-                type: StringConstructor;
-                default: string;
-            };
-            enabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            forceOpen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            side: {
-                type: StringConstructor;
-                default: string;
-                validator(value: unknown): boolean;
-            };
-            maxWidth: {
-                type: StringConstructor;
-                default: string;
-            };
-            shortcutText: {
-                type: StringConstructor;
-                default: null;
-            };
-            enableHtml: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{}>, {
-            text: string;
-            enabled: boolean;
-            forceOpen: boolean;
-            side: string;
-            maxWidth: string;
-            shortcutText: string;
-            enableHtml: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            click: (event: Event) => any;
-            mousedown: (event: Event) => any;
-            mouseup: (event: Event) => any;
-        }, string, import('vue').PublicProps, Readonly<import('./Icon.vue').IconProps> & Readonly<{
-            onClick?: ((event: Event) => any) | undefined;
-            onMousedown?: ((event: Event) => any) | undefined;
-            onMouseup?: ((event: Event) => any) | undefined;
-        }>, {
-            size: import('./Icon.vue').IconSize;
-            filled: boolean;
-            next: boolean;
-            icon: string | null;
-            clickable: boolean;
-            lineHeight: import('./Icon.vue').LineHeight | null;
-            scheme: import('./Icon.vue').SchemeColor;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                mask: {
+                    type: (StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                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;
+            }>, {
+                size: string;
+                type: string;
+                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>;
+            UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: (event: Event) => any;
+                mousedown: (event: Event) => any;
+                mouseup: (event: Event) => any;
+            }, string, import('vue').PublicProps, Readonly<import('./Icon.vue').IconProps> & Readonly<{
+                onClick?: ((event: Event) => any) | undefined;
+                onMousedown?: ((event: Event) => any) | undefined;
+                onMouseup?: ((event: Event) => any) | undefined;
+            }>, {
+                size: import('./Icon.vue').IconSize;
+                filled: boolean;
+                next: boolean;
+                icon: string | null;
+                clickable: boolean;
+                lineHeight: import('./Icon.vue').LineHeight | null;
+                scheme: import('./Icon.vue').SchemeColor;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        UnnnicLabel: import('vue').DefineComponent<import('./Label/Label.vue').LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Label/Label.vue').LabelProps> & Readonly<{}>, {
+            label: string;
+            tooltip: string;
+            useHtmlTooltip: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export declare const unnnicChatText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -12685,13 +12664,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;
 }, {
     hasLabelSlot(): 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, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     placeholder: {
         type: StringConstructor;
         default: string;
@@ -12769,8 +12760,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;
 }>, {
     size: string;
     type: string;
@@ -12781,6 +12785,8 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
     modelValue: string;
     nativeType: string;
     maxlength: number | null;
+    readonly: boolean;
+    forceActiveStatus: boolean;
     placeholder: string;
     iconLeft: string;
     iconRight: string;
@@ -12788,8 +12794,9 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
     iconRightClickable: boolean;
     allowTogglePassword: boolean;
     hasCloudyColor: boolean;
-    errors: string | unknown[];
+    showClear: boolean;
     tooltip: string;
+    errors: string | unknown[];
     showMaxlengthCounter: boolean;
 }, {}, {
     TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -12846,6 +12853,18 @@ 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;
@@ -12859,8 +12878,9 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
         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;
@@ -12914,7 +12934,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;
     }>, {
@@ -12924,6 +12957,8 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
         modelValue: string;
         nativeType: string;
         maxlength: number;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         placeholder: string;
         iconLeft: string;
         iconRight: string;
@@ -12931,6 +12966,7 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
         hasCloudyColor: boolean;
+        showClear: boolean;
     }, {}, {
         BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             type: {
@@ -12956,170 +12992,105 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
             };
             hasIconLeft: BooleanConstructor;
             hasIconRight: BooleanConstructor;
+            hasClearIcon: BooleanConstructor;
             maxlength: {
                 type: NumberConstructor;
                 default: null;
             };
-        }>, {}, {}, {
-            attributes(): any;
-            classes(): (string | {
-                'input--has-icon-left': boolean;
-                'input--has-icon-right': boolean;
-            })[];
-        }, {
-            fullySanitize: typeof import('../utils/sanitize').fullySanitize;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: StringConstructor;
-                default: string;
-                validator(value: unknown): boolean;
-            };
-            modelValue: {
-                type: StringConstructor;
-                default: string;
-            };
-            nativeType: {
-                type: StringConstructor;
-                default: string;
-            };
-            size: {
-                type: StringConstructor;
-                default: string;
-            };
-            mask: {
-                type: (StringConstructor | ArrayConstructor)[];
-                default: string;
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
             };
-            hasIconLeft: BooleanConstructor;
-            hasIconRight: BooleanConstructor;
-            maxlength: {
-                type: NumberConstructor;
-                default: null;
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
             };
-        }>> & Readonly<{
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        }>, {
-            size: string;
-            type: string;
-            mask: string | unknown[];
-            hasIconLeft: boolean;
-            hasIconRight: boolean;
-            modelValue: string;
-            nativeType: string;
-            maxlength: number;
-        }, {}, {}, {
-            mask: any;
-        }, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            click: (event: Event) => any;
-            mousedown: (event: Event) => any;
-            mouseup: (event: Event) => any;
-        }, string, import('vue').PublicProps, Readonly<import('./Icon.vue').IconProps> & Readonly<{
-            onClick?: ((event: Event) => any) | undefined;
-            onMousedown?: ((event: Event) => any) | undefined;
-            onMouseup?: ((event: Event) => any) | undefined;
-        }>, {
-            size: import('./Icon.vue').IconSize;
-            filled: boolean;
-            next: boolean;
-            icon: string | null;
-            clickable: boolean;
-            lineHeight: import('./Icon.vue').LineHeight | null;
-            scheme: import('./Icon.vue').SchemeColor;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    UnnnicToolTip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        text: {
-            type: StringConstructor;
-            default: string;
-        };
-        enabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        forceOpen: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        side: {
-            type: StringConstructor;
-            default: string;
-            validator(value: unknown): boolean;
-        };
-        maxWidth: {
-            type: StringConstructor;
-            default: string;
-        };
-        shortcutText: {
-            type: StringConstructor;
-            default: null;
-        };
-        enableHtml: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {}, {
-        topPos: null;
-        leftPos: null;
-    }, {}, {
-        handleResize(): void;
-        getRightPost(element: any): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        text: {
-            type: StringConstructor;
-            default: string;
-        };
-        enabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        forceOpen: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        side: {
-            type: StringConstructor;
-            default: string;
-            validator(value: unknown): boolean;
-        };
-        maxWidth: {
-            type: StringConstructor;
-            default: string;
-        };
-        shortcutText: {
-            type: StringConstructor;
-            default: null;
-        };
-        enableHtml: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
-        text: string;
-        enabled: boolean;
-        forceOpen: boolean;
-        side: string;
-        maxWidth: string;
-        shortcutText: string;
-        enableHtml: boolean;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        click: (event: Event) => any;
-        mousedown: (event: Event) => any;
-        mouseup: (event: Event) => any;
-    }, string, import('vue').PublicProps, Readonly<import('./Icon.vue').IconProps> & Readonly<{
-        onClick?: ((event: Event) => any) | undefined;
-        onMousedown?: ((event: Event) => any) | undefined;
-        onMouseup?: ((event: Event) => any) | undefined;
-    }>, {
-        size: import('./Icon.vue').IconSize;
-        filled: boolean;
-        next: boolean;
-        icon: string | null;
-        clickable: boolean;
-        lineHeight: import('./Icon.vue').LineHeight | null;
-        scheme: import('./Icon.vue').SchemeColor;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        }>, {}, {}, {
+            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;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            type: {
+                type: StringConstructor;
+                default: string;
+                validator(value: unknown): boolean;
+            };
+            modelValue: {
+                type: StringConstructor;
+                default: string;
+            };
+            nativeType: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+            };
+            mask: {
+                type: (StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            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;
+        }>, {
+            size: string;
+            type: string;
+            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>;
+        UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (event: Event) => any;
+            mousedown: (event: Event) => any;
+            mouseup: (event: Event) => any;
+        }, string, import('vue').PublicProps, Readonly<import('./Icon.vue').IconProps> & Readonly<{
+            onClick?: ((event: Event) => any) | undefined;
+            onMousedown?: ((event: Event) => any) | undefined;
+            onMouseup?: ((event: Event) => any) | undefined;
+        }>, {
+            size: import('./Icon.vue').IconSize;
+            filled: boolean;
+            next: boolean;
+            icon: string | null;
+            clickable: boolean;
+            lineHeight: import('./Icon.vue').LineHeight | null;
+            scheme: import('./Icon.vue').SchemeColor;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    UnnnicLabel: import('vue').DefineComponent<import('./Label/Label.vue').LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Label/Label.vue').LabelProps> & Readonly<{}>, {
+        label: string;
+        tooltip: string;
+        useHtmlTooltip: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export declare const UnnnicInputNext: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: StringConstructor;
@@ -13203,8 +13174,8 @@ export declare const UnnnicInputNext: import('vue').DefineComponent<import('vue'
     type: 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;
@@ -13474,13 +13445,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;
     }, {
         hasLabelSlot(): 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, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -13558,8 +13541,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;
     }>, {
         size: string;
         type: string;
@@ -13570,6 +13566,8 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         placeholder: string;
         iconLeft: string;
         iconRight: string;
@@ -13577,8 +13575,9 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
         hasCloudyColor: boolean;
-        errors: string | unknown[];
+        showClear: boolean;
         tooltip: string;
+        errors: string | unknown[];
         showMaxlengthCounter: boolean;
     }, {}, {
         TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -13635,6 +13634,18 @@ 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;
@@ -13648,8 +13659,9 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
             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;
@@ -13703,7 +13715,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;
         }>, {
@@ -13713,6 +13738,8 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
             modelValue: string;
             nativeType: string;
             maxlength: number;
+            readonly: boolean;
+            forceActiveStatus: boolean;
             placeholder: string;
             iconLeft: string;
             iconRight: string;
@@ -13720,6 +13747,7 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
             hasCloudyColor: boolean;
+            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -13745,15 +13773,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;
@@ -13781,10 +13819,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;
             }>, {
@@ -13793,9 +13840,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>;
@@ -13817,98 +13867,11 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
                 scheme: import('./Icon.vue').SchemeColor;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        UnnnicToolTip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            text: {
-                type: StringConstructor;
-                default: string;
-            };
-            enabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            forceOpen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            side: {
-                type: StringConstructor;
-                default: string;
-                validator(value: unknown): boolean;
-            };
-            maxWidth: {
-                type: StringConstructor;
-                default: string;
-            };
-            shortcutText: {
-                type: StringConstructor;
-                default: null;
-            };
-            enableHtml: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>, {}, {
-            topPos: null;
-            leftPos: null;
-        }, {}, {
-            handleResize(): void;
-            getRightPost(element: any): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            text: {
-                type: StringConstructor;
-                default: string;
-            };
-            enabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            forceOpen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            side: {
-                type: StringConstructor;
-                default: string;
-                validator(value: unknown): boolean;
-            };
-            maxWidth: {
-                type: StringConstructor;
-                default: string;
-            };
-            shortcutText: {
-                type: StringConstructor;
-                default: null;
-            };
-            enableHtml: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{}>, {
-            text: string;
-            enabled: boolean;
-            forceOpen: boolean;
-            side: string;
-            maxWidth: string;
-            shortcutText: string;
-            enableHtml: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            click: (event: Event) => any;
-            mousedown: (event: Event) => any;
-            mouseup: (event: Event) => any;
-        }, string, import('vue').PublicProps, Readonly<import('./Icon.vue').IconProps> & Readonly<{
-            onClick?: ((event: Event) => any) | undefined;
-            onMousedown?: ((event: Event) => any) | undefined;
-            onMouseup?: ((event: Event) => any) | undefined;
-        }>, {
-            size: import('./Icon.vue').IconSize;
-            filled: boolean;
-            next: boolean;
-            icon: string | null;
-            clickable: boolean;
-            lineHeight: import('./Icon.vue').LineHeight | null;
-            scheme: import('./Icon.vue').SchemeColor;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        UnnnicLabel: import('vue').DefineComponent<import('./Label/Label.vue').LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Label/Label.vue').LabelProps> & Readonly<{}>, {
+            label: string;
+            tooltip: string;
+            useHtmlTooltip: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     UnnnicDatePicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         initialStartDate: {
@@ -17172,13 +17135,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;
     }, {
         hasLabelSlot(): 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, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -17256,8 +17231,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;
     }>, {
         size: string;
         type: string;
@@ -17268,6 +17256,8 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         placeholder: string;
         iconLeft: string;
         iconRight: string;
@@ -17275,8 +17265,9 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
         hasCloudyColor: boolean;
-        errors: string | unknown[];
+        showClear: boolean;
         tooltip: string;
+        errors: string | unknown[];
         showMaxlengthCounter: boolean;
     }, {}, {
         TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -17333,6 +17324,18 @@ 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;
@@ -17346,8 +17349,9 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
             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;
@@ -17397,11 +17401,24 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
                 type: NumberConstructor;
                 default: null;
             };
-            disabled: {
+            disabled: {
+                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;
         }>, {
@@ -17411,6 +17428,8 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
             modelValue: string;
             nativeType: string;
             maxlength: number;
+            readonly: boolean;
+            forceActiveStatus: boolean;
             placeholder: string;
             iconLeft: string;
             iconRight: string;
@@ -17418,6 +17437,7 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
             hasCloudyColor: boolean;
+            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -17443,15 +17463,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;
@@ -17479,10 +17509,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;
             }>, {
@@ -17491,9 +17530,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>;
@@ -17515,98 +17557,11 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
                 scheme: import('./Icon.vue').SchemeColor;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        UnnnicToolTip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            text: {
-                type: StringConstructor;
-                default: string;
-            };
-            enabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            forceOpen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            side: {
-                type: StringConstructor;
-                default: string;
-                validator(value: unknown): boolean;
-            };
-            maxWidth: {
-                type: StringConstructor;
-                default: string;
-            };
-            shortcutText: {
-                type: StringConstructor;
-                default: null;
-            };
-            enableHtml: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>, {}, {
-            topPos: null;
-            leftPos: null;
-        }, {}, {
-            handleResize(): void;
-            getRightPost(element: any): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            text: {
-                type: StringConstructor;
-                default: string;
-            };
-            enabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            forceOpen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            side: {
-                type: StringConstructor;
-                default: string;
-                validator(value: unknown): boolean;
-            };
-            maxWidth: {
-                type: StringConstructor;
-                default: string;
-            };
-            shortcutText: {
-                type: StringConstructor;
-                default: null;
-            };
-            enableHtml: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{}>, {
-            text: string;
-            enabled: boolean;
-            forceOpen: boolean;
-            side: string;
-            maxWidth: string;
-            shortcutText: string;
-            enableHtml: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            click: (event: Event) => any;
-            mousedown: (event: Event) => any;
-            mouseup: (event: Event) => any;
-        }, string, import('vue').PublicProps, Readonly<import('./Icon.vue').IconProps> & Readonly<{
-            onClick?: ((event: Event) => any) | undefined;
-            onMousedown?: ((event: Event) => any) | undefined;
-            onMouseup?: ((event: Event) => any) | undefined;
-        }>, {
-            size: import('./Icon.vue').IconSize;
-            filled: boolean;
-            next: boolean;
-            icon: string | null;
-            clickable: boolean;
-            lineHeight: import('./Icon.vue').LineHeight | null;
-            scheme: import('./Icon.vue').SchemeColor;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        UnnnicLabel: import('vue').DefineComponent<import('./Label/Label.vue').LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Label/Label.vue').LabelProps> & Readonly<{}>, {
+            label: string;
+            tooltip: string;
+            useHtmlTooltip: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     UnnnicButton: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Button/types').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
@@ -19514,6 +19469,11 @@ export declare const UnnnicTab: import('vue').DefineComponent<import('vue').Extr
     tabs: {
         type: ArrayConstructor;
         default: null;
+        validator: (tabs: unknown) => any;
+    };
+    disabledTabs: {
+        type: ArrayConstructor;
+        default: null;
     };
 }>, {}, {
     localValue: string;
@@ -19541,6 +19501,11 @@ export declare const UnnnicTab: import('vue').DefineComponent<import('vue').Extr
     tabs: {
         type: ArrayConstructor;
         default: null;
+        validator: (tabs: unknown) => any;
+    };
+    disabledTabs: {
+        type: ArrayConstructor;
+        default: null;
     };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
@@ -19549,6 +19514,7 @@ export declare const UnnnicTab: import('vue').DefineComponent<import('vue').Extr
     activeTab: string;
     initialTab: string;
     tabs: unknown[];
+    disabledTabs: unknown[];
 }, {}, {
     UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (event: Event) => any;
@@ -21439,13 +21405,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;
     }, {
         hasLabelSlot(): 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, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -21523,8 +21501,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;
     }>, {
         size: string;
         type: string;
@@ -21535,6 +21526,8 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         placeholder: string;
         iconLeft: string;
         iconRight: string;
@@ -21542,8 +21535,9 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
         hasCloudyColor: boolean;
-        errors: string | unknown[];
+        showClear: boolean;
         tooltip: string;
+        errors: string | unknown[];
         showMaxlengthCounter: boolean;
     }, {}, {
         TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -21600,6 +21594,18 @@ 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;
@@ -21613,8 +21619,9 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
             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;
@@ -21668,7 +21675,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;
         }>, {
@@ -21678,6 +21698,8 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
             modelValue: string;
             nativeType: string;
             maxlength: number;
+            readonly: boolean;
+            forceActiveStatus: boolean;
             placeholder: string;
             iconLeft: string;
             iconRight: string;
@@ -21685,6 +21707,7 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
             hasCloudyColor: boolean;
+            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -21710,15 +21733,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;
@@ -21746,10 +21779,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;
             }>, {
@@ -21758,9 +21800,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>;
@@ -21782,98 +21827,11 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
                 scheme: import('./Icon.vue').SchemeColor;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        UnnnicToolTip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            text: {
-                type: StringConstructor;
-                default: string;
-            };
-            enabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            forceOpen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            side: {
-                type: StringConstructor;
-                default: string;
-                validator(value: unknown): boolean;
-            };
-            maxWidth: {
-                type: StringConstructor;
-                default: string;
-            };
-            shortcutText: {
-                type: StringConstructor;
-                default: null;
-            };
-            enableHtml: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>, {}, {
-            topPos: null;
-            leftPos: null;
-        }, {}, {
-            handleResize(): void;
-            getRightPost(element: any): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            text: {
-                type: StringConstructor;
-                default: string;
-            };
-            enabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            forceOpen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            side: {
-                type: StringConstructor;
-                default: string;
-                validator(value: unknown): boolean;
-            };
-            maxWidth: {
-                type: StringConstructor;
-                default: string;
-            };
-            shortcutText: {
-                type: StringConstructor;
-                default: null;
-            };
-            enableHtml: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{}>, {
-            text: string;
-            enabled: boolean;
-            forceOpen: boolean;
-            side: string;
-            maxWidth: string;
-            shortcutText: string;
-            enableHtml: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            click: (event: Event) => any;
-            mousedown: (event: Event) => any;
-            mouseup: (event: Event) => any;
-        }, string, import('vue').PublicProps, Readonly<import('./Icon.vue').IconProps> & Readonly<{
-            onClick?: ((event: Event) => any) | undefined;
-            onMousedown?: ((event: Event) => any) | undefined;
-            onMouseup?: ((event: Event) => any) | undefined;
-        }>, {
-            size: import('./Icon.vue').IconSize;
-            filled: boolean;
-            next: boolean;
-            icon: string | null;
-            clickable: boolean;
-            lineHeight: import('./Icon.vue').LineHeight | null;
-            scheme: import('./Icon.vue').SchemeColor;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        UnnnicLabel: import('vue').DefineComponent<import('./Label/Label.vue').LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Label/Label.vue').LabelProps> & Readonly<{}>, {
+            label: string;
+            tooltip: string;
+            useHtmlTooltip: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export declare const UnnnicChatText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{