@weni/unnnic-system 3.2.9-alpha.2 → 3.2.9-alpha.3

package/dist/components/index.d.ts

@@ -145,6 +145,14 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    forceActiveStatus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {
     val: string;
 }, {
@@ -229,6 +237,14 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    forceActiveStatus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -241,6 +257,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 +266,8 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
     iconRightClickable: boolean;
     allowTogglePassword: boolean;
     hasCloudyColor: boolean;
-    errors: string | unknown[];
     tooltip: string;
+    errors: string | unknown[];
     showMaxlengthCounter: boolean;
 }, {}, {
     TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -306,6 +324,14 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {
         isFocused: boolean;
         showPassword: boolean;
@@ -374,6 +400,14 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
         "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
@@ -384,6 +418,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;
@@ -420,6 +456,14 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
                 type: NumberConstructor;
                 default: null;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {}, {
             attributes(): any;
             classes(): (string | {
@@ -456,6 +500,14 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
                 type: NumberConstructor;
                 default: null;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -467,6 +519,8 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
             modelValue: string;
             nativeType: string;
             maxlength: number;
+            readonly: boolean;
+            forceActiveStatus: boolean;
         }, {}, {}, {
             mask: any;
         }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -488,98 +542,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 +630,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,6 +901,14 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {
         val: string;
     }, {
@@ -1018,6 +993,14 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -1030,6 +1013,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 +1022,8 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
         hasCloudyColor: boolean;
-        errors: string | unknown[];
         tooltip: string;
+        errors: string | unknown[];
         showMaxlengthCounter: boolean;
     }, {}, {
         TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1095,6 +1080,14 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
@@ -1163,6 +1156,14 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
             "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
@@ -1173,6 +1174,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;
@@ -1209,6 +1212,14 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {}, {}, {
                 attributes(): any;
                 classes(): (string | {
@@ -1245,6 +1256,14 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -1256,6 +1275,8 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
                 modelValue: string;
                 nativeType: string;
                 maxlength: number;
+                readonly: boolean;
+                forceActiveStatus: boolean;
             }, {}, {}, {
                 mask: any;
             }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1277,98 +1298,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,6 +4566,14 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {
         val: string;
     }, {
@@ -4716,6 +4658,14 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -4728,6 +4678,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 +4687,8 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
         hasCloudyColor: boolean;
-        errors: string | unknown[];
         tooltip: string;
+        errors: string | unknown[];
         showMaxlengthCounter: boolean;
     }, {}, {
         TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -4793,6 +4745,14 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
@@ -4857,7 +4817,15 @@ 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;
             };
@@ -4871,6 +4839,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;
@@ -4907,6 +4877,14 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {}, {}, {
                 attributes(): any;
                 classes(): (string | {
@@ -4943,6 +4921,14 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -4954,6 +4940,8 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
                 modelValue: string;
                 nativeType: string;
                 maxlength: number;
+                readonly: boolean;
+                forceActiveStatus: boolean;
             }, {}, {}, {
                 mask: any;
             }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -4975,98 +4963,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, {
@@ -8899,6 +8800,14 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {
         val: string;
     }, {
@@ -8983,6 +8892,14 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -8995,6 +8912,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 +8921,8 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
         hasCloudyColor: boolean;
-        errors: string | unknown[];
         tooltip: string;
+        errors: string | unknown[];
         showMaxlengthCounter: boolean;
     }, {}, {
         TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -9060,6 +8979,14 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
@@ -9128,6 +9055,14 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
             "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
@@ -9138,6 +9073,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;
@@ -9174,6 +9111,14 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {}, {}, {
                 attributes(): any;
                 classes(): (string | {
@@ -9210,6 +9155,14 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -9221,6 +9174,8 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
                 modelValue: string;
                 nativeType: string;
                 maxlength: number;
+                readonly: boolean;
+                forceActiveStatus: boolean;
             }, {}, {}, {
                 mask: any;
             }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -9242,98 +9197,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<{
@@ -12685,6 +12553,14 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    forceActiveStatus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {
     val: string;
 }, {
@@ -12769,6 +12645,14 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    forceActiveStatus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -12781,6 +12665,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 +12674,8 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
     iconRightClickable: boolean;
     allowTogglePassword: boolean;
     hasCloudyColor: boolean;
-    errors: string | unknown[];
     tooltip: string;
+    errors: string | unknown[];
     showMaxlengthCounter: boolean;
 }, {}, {
     TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -12842,7 +12728,15 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
             type: NumberConstructor;
             default: null;
         };
-        disabled: {
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -12914,6 +12808,14 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
         "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
@@ -12924,6 +12826,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;
@@ -12960,6 +12864,14 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
                 type: NumberConstructor;
                 default: null;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {}, {
             attributes(): any;
             classes(): (string | {
@@ -12996,6 +12908,14 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
                 type: NumberConstructor;
                 default: null;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -13007,6 +12927,8 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
             modelValue: string;
             nativeType: string;
             maxlength: number;
+            readonly: boolean;
+            forceActiveStatus: boolean;
         }, {}, {}, {
             mask: any;
         }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -13028,98 +12950,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;
@@ -13203,8 +13038,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,6 +13309,14 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {
         val: string;
     }, {
@@ -13558,6 +13401,14 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -13570,6 +13421,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 +13430,8 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
         hasCloudyColor: boolean;
-        errors: string | unknown[];
         tooltip: string;
+        errors: string | unknown[];
         showMaxlengthCounter: boolean;
     }, {}, {
         TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -13635,6 +13488,14 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
@@ -13703,6 +13564,14 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
             "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
@@ -13713,6 +13582,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;
@@ -13749,6 +13620,14 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {}, {}, {
                 attributes(): any;
                 classes(): (string | {
@@ -13785,6 +13664,14 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -13796,6 +13683,8 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
                 modelValue: string;
                 nativeType: string;
                 maxlength: number;
+                readonly: boolean;
+                forceActiveStatus: boolean;
             }, {}, {}, {
                 mask: any;
             }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -13817,98 +13706,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: {
@@ -17164,11 +16966,19 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
             type: (NumberConstructor | null)[];
             default: null;
         };
-        showMaxlengthCounter: {
+        showMaxlengthCounter: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
             type: BooleanConstructor;
             default: boolean;
         };
-        disabled: {
+        forceActiveStatus: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -17256,6 +17066,14 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -17268,6 +17086,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 +17095,8 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
         hasCloudyColor: boolean;
-        errors: string | unknown[];
         tooltip: string;
+        errors: string | unknown[];
         showMaxlengthCounter: boolean;
     }, {}, {
         TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -17333,6 +17153,14 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
@@ -17401,6 +17229,14 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
             "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
@@ -17411,6 +17247,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;
@@ -17447,6 +17285,14 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {}, {}, {
                 attributes(): any;
                 classes(): (string | {
@@ -17483,6 +17329,14 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -17494,6 +17348,8 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
                 modelValue: string;
                 nativeType: string;
                 maxlength: number;
+                readonly: boolean;
+                forceActiveStatus: boolean;
             }, {}, {}, {
                 mask: any;
             }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -17515,98 +17371,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, {
@@ -21439,6 +21208,14 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {
         val: string;
     }, {
@@ -21523,6 +21300,14 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -21535,6 +21320,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 +21329,8 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
         hasCloudyColor: boolean;
-        errors: string | unknown[];
         tooltip: string;
+        errors: string | unknown[];
         showMaxlengthCounter: boolean;
     }, {}, {
         TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -21600,6 +21387,14 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
@@ -21668,6 +21463,14 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
             "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
@@ -21678,6 +21481,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;
@@ -21714,6 +21519,14 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {}, {}, {
                 attributes(): any;
                 classes(): (string | {
@@ -21750,6 +21563,14 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
                     type: NumberConstructor;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                forceActiveStatus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -21761,6 +21582,8 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
                 modelValue: string;
                 nativeType: string;
                 maxlength: number;
+                readonly: boolean;
+                forceActiveStatus: boolean;
             }, {}, {}, {
                 mask: any;
             }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -21782,98 +21605,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<{