@weni/unnnic-system 3.9.1-alpha.1 → 3.9.1-alpha.2

package/dist/components/index.d.ts

@@ -160,25 +160,13 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
         type: BooleanConstructor;
         default: boolean;
     };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    forceActiveStatus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showClear: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>, {}, {
     val: string;
 }, {
     computedError(): string | boolean;
 }, {
     fullySanitize: typeof import('../utils/sanitize').fullySanitize;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     placeholder: {
         type: StringConstructor;
         default: string;
@@ -256,21 +244,8 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
         type: BooleanConstructor;
         default: boolean;
     };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    forceActiveStatus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showClear: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
 }>, {
     type: string;
     size: string;
@@ -283,14 +258,11 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
     modelValue: string;
     nativeType: string;
     maxlength: number | null;
-    readonly: boolean;
-    forceActiveStatus: boolean;
     iconLeft: string;
     iconRight: string;
     iconLeftClickable: boolean;
     iconRightClickable: boolean;
     allowTogglePassword: boolean;
-    showClear: boolean;
     errors: string | unknown[];
     hasCloudyColor: boolean;
     showMaxlengthCounter: boolean;
@@ -345,34 +317,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;
-        };
     }>, {}, {
         isFocused: boolean;
         showPassword: boolean;
     }, {
         isDisabled(): {};
         iconRightSvg(): string;
-        iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
+        iconScheme(): "fg-base" | "fg-muted";
         attributes(): any;
     }, {
         focus(): void;
         onFocus(): void;
         onBlur(): void;
         onIconLeftClick(): void;
-        onClearClick(): void;
         onIconRightClick(): void;
-    }, 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<{
+    }, 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<{
         placeholder: {
             type: StringConstructor;
             default: null;
@@ -422,20 +381,7 @@ 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;
     }>, {
@@ -446,14 +392,11 @@ export declare const unnnicInput: import('vue').DefineComponent<import('vue').Ex
         modelValue: string;
         nativeType: string;
         maxlength: number;
-        readonly: boolean;
-        forceActiveStatus: boolean;
         iconLeft: string;
         iconRight: string;
         iconLeftClickable: boolean;
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
-        showClear: boolean;
     }, {}, {
         BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             type: {
@@ -479,25 +422,15 @@ 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;
@@ -525,19 +458,10 @@ 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;
         }>, {
@@ -546,12 +470,9 @@ 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>;
@@ -731,8 +652,8 @@ export declare const unnnicInputNext: import('vue').DefineComponent<import('vue'
     size: string;
     disabled: boolean;
     nativeType: string;
-    readonly: boolean;
     allowTogglePassword: boolean;
+    readonly: boolean;
 }, {}, {
     UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (event: Event) => any;
@@ -907,7 +828,6 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
 }>, {
     type: string;
     size: string;
-    next: boolean;
     minDate: string;
     maxDate: string;
     months: unknown[];
@@ -918,6 +838,7 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
     iconPosition: string;
     fillW: boolean;
     actionText: string;
+    next: boolean;
     format: string;
     inputFormat: string;
     position: string;
@@ -1000,25 +921,13 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
             type: BooleanConstructor;
             default: boolean;
         };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        forceActiveStatus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showClear: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
     }>, {}, {
         val: string;
     }, {
         computedError(): string | boolean;
     }, {
         fullySanitize: typeof import('../utils/sanitize').fullySanitize;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -1096,21 +1005,8 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
             type: BooleanConstructor;
             default: boolean;
         };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        forceActiveStatus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showClear: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onClear?: ((...args: any[]) => any) | undefined;
     }>, {
         type: string;
         size: string;
@@ -1123,14 +1019,11 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
-        readonly: boolean;
-        forceActiveStatus: boolean;
         iconLeft: string;
         iconRight: string;
         iconLeftClickable: boolean;
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
-        showClear: boolean;
         errors: string | unknown[];
         hasCloudyColor: boolean;
         showMaxlengthCounter: boolean;
@@ -1185,34 +1078,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;
-            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
         }, {
             isDisabled(): {};
             iconRightSvg(): string;
-            iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
+            iconScheme(): "fg-base" | "fg-muted";
             attributes(): any;
         }, {
             focus(): void;
             onFocus(): void;
             onBlur(): void;
             onIconLeftClick(): void;
-            onClearClick(): void;
             onIconRightClick(): void;
-        }, 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<{
+        }, 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<{
             placeholder: {
                 type: StringConstructor;
                 default: null;
@@ -1262,20 +1142,7 @@ 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;
         }>, {
@@ -1286,14 +1153,11 @@ export declare const unnnicInputDatePicker: import('vue').DefineComponent<import
             modelValue: string;
             nativeType: string;
             maxlength: number;
-            readonly: boolean;
-            forceActiveStatus: boolean;
             iconLeft: string;
             iconRight: string;
             iconLeftClickable: boolean;
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
-            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -1319,25 +1183,15 @@ 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;
@@ -1365,19 +1219,10 @@ 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;
             }>, {
@@ -1386,12 +1231,9 @@ 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>;
@@ -4031,6 +3873,20 @@ export declare const unnnicModalDialog: import('vue').DefineComponent<import('vu
             es: string;
         };
     };
+    iconsMapper: {
+        success: {
+            icon: string;
+            scheme: string;
+        };
+        warning: {
+            icon: string;
+            scheme: string;
+        };
+        attention: {
+            icon: string;
+            scheme: string;
+        };
+    };
     primaryButtonTypeMapper: {
         success: string;
         warning: string;
@@ -4039,7 +3895,6 @@ export declare const unnnicModalDialog: import('vue').DefineComponent<import('vu
 }, {}, {
     close(): void;
     updateBodyOverflow(isHidden: any): void;
-    persistentHandler(event: any): void;
 }, {
     props: {
         locale: {
@@ -4120,6 +3975,21 @@ export declare const unnnicModalDialog: import('vue').DefineComponent<import('vu
     hideSecondaryButton: boolean;
     secondaryButtonProps: Record<string, 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;
+        icon: string | null;
+        clickable: boolean;
+        scheme: import('./Icon.vue').SchemeColor;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     UnnnicButton: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Button/types').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             text: string;
@@ -4170,208 +4040,6 @@ export declare const unnnicModalDialog: import('vue').DefineComponent<import('vu
             default?(_: {}): any;
         };
     });
-    UnnnicDialog: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogRootProps> & Readonly<{
-            "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:open": (value: boolean) => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('reka-ui').DialogRootProps> & Readonly<{
-            "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        }>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogRootProps> & Readonly<{
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:open": (value: boolean) => any;
-    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
-    UnnnicDialogContent: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogContentProps & {
-            parentClass?: import('vue').HTMLAttributes["class"];
-            class?: import('vue').HTMLAttributes["class"];
-            size?: "small" | "medium" | "large";
-        }> & Readonly<{
-            onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-            onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
-            onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-            onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-            onOpenAutoFocus?: ((event: Event) => any) | undefined;
-            onCloseAutoFocus?: ((event: Event) => any) | undefined;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            escapeKeyDown: (event: KeyboardEvent) => any;
-            pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
-            focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
-            interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
-            openAutoFocus: (event: Event) => any;
-            closeAutoFocus: (event: Event) => any;
-        }, import('vue').PublicProps, {
-            size: "small" | "medium" | "large";
-            class: import('vue').HTMLAttributes["class"];
-            parentClass: import('vue').HTMLAttributes["class"];
-        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('reka-ui').DialogContentProps & {
-            parentClass?: import('vue').HTMLAttributes["class"];
-            class?: import('vue').HTMLAttributes["class"];
-            size?: "small" | "medium" | "large";
-        }> & Readonly<{
-            onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-            onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
-            onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-            onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-            onOpenAutoFocus?: ((event: Event) => any) | undefined;
-            onCloseAutoFocus?: ((event: Event) => any) | undefined;
-        }>, {}, {}, {}, {}, {
-            size: "small" | "medium" | "large";
-            class: import('vue').HTMLAttributes["class"];
-            parentClass: import('vue').HTMLAttributes["class"];
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogContentProps & {
-        parentClass?: import('vue').HTMLAttributes["class"];
-        class?: import('vue').HTMLAttributes["class"];
-        size?: "small" | "medium" | "large";
-    }> & Readonly<{
-        onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-        onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
-        onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-        onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-        onOpenAutoFocus?: ((event: Event) => any) | undefined;
-        onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        escapeKeyDown: (event: KeyboardEvent) => any;
-        pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
-        focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
-        interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
-        openAutoFocus: (event: Event) => any;
-        closeAutoFocus: (event: Event) => any;
-    }, string, {
-        size: "small" | "medium" | "large";
-        class: import('vue').HTMLAttributes["class"];
-        parentClass: import('vue').HTMLAttributes["class"];
-    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
-    UnnnicDialogHeader: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            class?: import('vue').HTMLAttributes["class"];
-            divider?: boolean;
-            type?: "default" | "success" | "warning" | "attention";
-            closeButton?: boolean;
-        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            type: "default" | "success" | "warning" | "attention";
-            divider: boolean;
-            closeButton: boolean;
-        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            class?: import('vue').HTMLAttributes["class"];
-            divider?: boolean;
-            type?: "default" | "success" | "warning" | "attention";
-            closeButton?: boolean;
-        }> & Readonly<{}>, {}, {}, {}, {}, {
-            type: "default" | "success" | "warning" | "attention";
-            divider: boolean;
-            closeButton: boolean;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<{
-        class?: import('vue').HTMLAttributes["class"];
-        divider?: boolean;
-        type?: "default" | "success" | "warning" | "attention";
-        closeButton?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        type: "default" | "success" | "warning" | "attention";
-        divider: boolean;
-        closeButton: boolean;
-    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
-    UnnnicDialogTitle: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogTitleProps & {
-            class?: import('vue').HTMLAttributes["class"];
-        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('reka-ui').DialogTitleProps & {
-            class?: import('vue').HTMLAttributes["class"];
-        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogTitleProps & {
-        class?: import('vue').HTMLAttributes["class"];
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
-    UnnnicDialogFooter: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            class?: import('vue').HTMLAttributes["class"];
-            divider?: boolean;
-        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            divider: boolean;
-        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            class?: import('vue').HTMLAttributes["class"];
-            divider?: boolean;
-        }> & Readonly<{}>, {}, {}, {}, {}, {
-            divider: boolean;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<{
-        class?: import('vue').HTMLAttributes["class"];
-        divider?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        divider: boolean;
-    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export declare const unnnicModalNext: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     type: {
@@ -4526,25 +4194,13 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
             type: BooleanConstructor;
             default: boolean;
         };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        forceActiveStatus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showClear: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
     }>, {}, {
         val: string;
     }, {
         computedError(): string | boolean;
     }, {
         fullySanitize: typeof import('../utils/sanitize').fullySanitize;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -4622,21 +4278,8 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
             type: BooleanConstructor;
             default: boolean;
         };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        forceActiveStatus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showClear: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onClear?: ((...args: any[]) => any) | undefined;
     }>, {
         type: string;
         size: string;
@@ -4649,14 +4292,11 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
-        readonly: boolean;
-        forceActiveStatus: boolean;
         iconLeft: string;
         iconRight: string;
         iconLeftClickable: boolean;
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
-        showClear: boolean;
         errors: string | unknown[];
         hasCloudyColor: boolean;
         showMaxlengthCounter: boolean;
@@ -4711,34 +4351,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;
-            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
         }, {
             isDisabled(): {};
             iconRightSvg(): string;
-            iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
+            iconScheme(): "fg-base" | "fg-muted";
             attributes(): any;
         }, {
             focus(): void;
             onFocus(): void;
             onBlur(): void;
             onIconLeftClick(): void;
-            onClearClick(): void;
             onIconRightClick(): void;
-        }, 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<{
+        }, 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<{
             placeholder: {
                 type: StringConstructor;
                 default: null;
@@ -4788,20 +4415,7 @@ 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;
         }>, {
@@ -4812,14 +4426,11 @@ export declare const unnnicModalNext: import('vue').DefineComponent<import('vue'
             modelValue: string;
             nativeType: string;
             maxlength: number;
-            readonly: boolean;
-            forceActiveStatus: boolean;
             iconLeft: string;
             iconRight: string;
             iconLeftClickable: boolean;
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
-            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -4845,25 +4456,15 @@ 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;
@@ -4891,19 +4492,10 @@ 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;
             }>, {
@@ -4912,12 +4504,9 @@ 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>;
@@ -8031,25 +7620,13 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
             type: BooleanConstructor;
             default: boolean;
         };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        forceActiveStatus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showClear: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
     }>, {}, {
         val: string;
     }, {
         computedError(): string | boolean;
     }, {
         fullySanitize: typeof import('../utils/sanitize').fullySanitize;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -8127,21 +7704,8 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
             type: BooleanConstructor;
             default: boolean;
         };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        forceActiveStatus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showClear: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onClear?: ((...args: any[]) => any) | undefined;
     }>, {
         type: string;
         size: string;
@@ -8154,14 +7718,11 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
-        readonly: boolean;
-        forceActiveStatus: boolean;
         iconLeft: string;
         iconRight: string;
         iconLeftClickable: boolean;
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
-        showClear: boolean;
         errors: string | unknown[];
         hasCloudyColor: boolean;
         showMaxlengthCounter: boolean;
@@ -8216,34 +7777,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;
-            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
         }, {
             isDisabled(): {};
             iconRightSvg(): string;
-            iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
+            iconScheme(): "fg-base" | "fg-muted";
             attributes(): any;
         }, {
             focus(): void;
             onFocus(): void;
             onBlur(): void;
             onIconLeftClick(): void;
-            onClearClick(): void;
             onIconRightClick(): void;
-        }, 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<{
+        }, 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<{
             placeholder: {
                 type: StringConstructor;
                 default: null;
@@ -8293,20 +7841,7 @@ 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;
         }>, {
@@ -8317,14 +7852,11 @@ export declare const unnnicDateFilter: import('vue').DefineComponent<import('vue
             modelValue: string;
             nativeType: string;
             maxlength: number;
-            readonly: boolean;
-            forceActiveStatus: boolean;
             iconLeft: string;
             iconRight: string;
             iconLeftClickable: boolean;
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
-            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -8350,25 +7882,15 @@ 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;
@@ -8396,19 +7918,10 @@ 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;
             }>, {
@@ -8417,12 +7930,9 @@ 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>;
@@ -11281,10 +10791,8 @@ export declare const unnnicNavigator: import('vue').DefineComponent<import('vue'
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const unnnicSelectTime: VueComponent;
-export declare const unnnicTemplatePreview: VueComponent;
-export declare const unnnicTemplatePreviewModal: VueComponent;
 export declare const unnnicDataTable: VueComponent;
+export declare const unnnicSelectTime: VueComponent;
 export declare const unnnicChip: import('vue').DefineComponent<import('./Chip/types').ChipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (event: Event) => any;
 }, string, import('vue').PublicProps, Readonly<import('./Chip/types').ChipProps> & Readonly<{
@@ -11304,98 +10812,11 @@ export declare const unnnicToast: import('vue').DefineComponent<import('./Toast/
     timeout: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export declare const unnnicToastManager: import('./Toast/types').ToastCall;
-export declare const unnnicPopover: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').PopoverRootProps> & Readonly<{
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:open": (value: boolean) => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('reka-ui').PopoverRootProps> & Readonly<{
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').PopoverRootProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-});
-export declare const unnnicPopoverContent: import('vue').DefineComponent<import('reka-ui').PopoverContentProps & {
-    class?: import('vue').HTMLAttributes["class"];
-    size?: "small" | "medium" | "large";
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    escapeKeyDown: (event: KeyboardEvent) => any;
-    pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
-    focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
-    interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
-    openAutoFocus: (event: Event) => any;
-    closeAutoFocus: (event: Event) => any;
-}, string, import('vue').PublicProps, Readonly<import('reka-ui').PopoverContentProps & {
-    class?: import('vue').HTMLAttributes["class"];
-    size?: "small" | "medium" | "large";
-}> & Readonly<{
-    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    onOpenAutoFocus?: ((event: Event) => any) | undefined;
-    onCloseAutoFocus?: ((event: Event) => any) | undefined;
-}>, {
-    size: "small" | "medium" | "large";
-    class: import('vue').HTMLAttributes["class"];
-    sideOffset: number;
-    align: "start" | "end" | "center";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export declare const unnnicPopoverTrigger: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('reka-ui').PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-});
-export declare const unnnicPopoverFooter: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-});
-export declare const unnnicDialog: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogRootProps> & Readonly<{
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+export declare const unnnicTabs: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').TabsRootProps<string | number>> & Readonly<{
+        "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:open": (value: boolean) => any;
+        "update:modelValue": (payload: string | number) => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -11403,175 +10824,69 @@ export declare const unnnicDialog: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('reka-ui').DialogRootProps> & Readonly<{
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    }, Readonly<import('reka-ui').TabsRootProps<string | number>> & Readonly<{
+        "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogRootProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TabsRootProps<string | number>> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
+    "update:modelValue": (payload: string | number) => any;
 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
 });
-export declare const unnnicDialogContent: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogContentProps & {
-        parentClass?: import('vue').HTMLAttributes["class"];
-        class?: import('vue').HTMLAttributes["class"];
-        size?: "small" | "medium" | "large";
-    }> & Readonly<{
-        onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-        onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
-        onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-        onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-        onOpenAutoFocus?: ((event: Event) => any) | undefined;
-        onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        escapeKeyDown: (event: KeyboardEvent) => any;
-        pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
-        focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
-        interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
-        openAutoFocus: (event: Event) => any;
-        closeAutoFocus: (event: Event) => any;
-    }, import('vue').PublicProps, {
-        size: "small" | "medium" | "large";
-        class: import('vue').HTMLAttributes["class"];
-        parentClass: import('vue').HTMLAttributes["class"];
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('reka-ui').DialogContentProps & {
-        parentClass?: import('vue').HTMLAttributes["class"];
-        class?: import('vue').HTMLAttributes["class"];
-        size?: "small" | "medium" | "large";
-    }> & Readonly<{
-        onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-        onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
-        onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-        onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-        onOpenAutoFocus?: ((event: Event) => any) | undefined;
-        onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        size: "small" | "medium" | "large";
-        class: import('vue').HTMLAttributes["class"];
-        parentClass: import('vue').HTMLAttributes["class"];
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogContentProps & {
-    parentClass?: import('vue').HTMLAttributes["class"];
-    class?: import('vue').HTMLAttributes["class"];
-    size?: "small" | "medium" | "large";
-}> & Readonly<{
-    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    onOpenAutoFocus?: ((event: Event) => any) | undefined;
-    onCloseAutoFocus?: ((event: Event) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    escapeKeyDown: (event: KeyboardEvent) => any;
-    pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
-    focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
-    interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
-    openAutoFocus: (event: Event) => any;
-    closeAutoFocus: (event: Event) => any;
-}, string, {
-    size: "small" | "medium" | "large";
-    class: import('vue').HTMLAttributes["class"];
-    parentClass: import('vue').HTMLAttributes["class"];
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-});
-export declare const unnnicDialogFooter: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+export declare const unnnicTabsList: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').TabsListProps & {
         class?: import('vue').HTMLAttributes["class"];
-        divider?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        divider: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{
+    }, Readonly<import('reka-ui').TabsListProps & {
         class?: import('vue').HTMLAttributes["class"];
-        divider?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, {
-        divider: boolean;
-    }>;
+    }> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TabsListProps & {
     class?: import('vue').HTMLAttributes["class"];
-    divider?: boolean;
-}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    divider: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
 });
-export declare const unnnicDialogHeader: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+export declare const unnnicTabsTrigger: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').TabsTriggerProps & {
         class?: import('vue').HTMLAttributes["class"];
-        divider?: boolean;
-        type?: "default" | "success" | "warning" | "attention";
-        closeButton?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        type: "default" | "success" | "warning" | "attention";
-        divider: boolean;
-        closeButton: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{
+    }, Readonly<import('reka-ui').TabsTriggerProps & {
         class?: import('vue').HTMLAttributes["class"];
-        divider?: boolean;
-        type?: "default" | "success" | "warning" | "attention";
-        closeButton?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, {
-        type: "default" | "success" | "warning" | "attention";
-        divider: boolean;
-        closeButton: boolean;
-    }>;
+    }> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TabsTriggerProps & {
     class?: import('vue').HTMLAttributes["class"];
-    divider?: boolean;
-    type?: "default" | "success" | "warning" | "attention";
-    closeButton?: boolean;
-}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    type: "default" | "success" | "warning" | "attention";
-    divider: boolean;
-    closeButton: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
 });
-export declare const unnnicDialogTitle: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogTitleProps & {
+export declare const unnnicTabsContent: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').TabsContentProps & {
         class?: import('vue').HTMLAttributes["class"];
     }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -11580,187 +10895,108 @@ export declare const unnnicDialogTitle: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('reka-ui').DialogTitleProps & {
+    }, Readonly<import('reka-ui').TabsContentProps & {
         class?: import('vue').HTMLAttributes["class"];
     }> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogTitleProps & {
+} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TabsContentProps & {
     class?: import('vue').HTMLAttributes["class"];
 }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
 });
-export declare const unnnicDialogTrigger: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+export declare const unnnicPopover: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').PopoverRootProps> & Readonly<{
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:open": (value: boolean) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('reka-ui').DialogTriggerProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('reka-ui').PopoverRootProps> & Readonly<{
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').PopoverRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
 });
-export declare const unnnicDialogClose: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+export declare const unnnicPopoverContent: import('vue').DefineComponent<import('reka-ui').PopoverContentProps & {
+    class?: import('vue').HTMLAttributes["class"];
+    size?: "small" | "medium" | "large";
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
+    focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
+    interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
+    openAutoFocus: (event: Event) => any;
+    closeAutoFocus: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<import('reka-ui').PopoverContentProps & {
+    class?: import('vue').HTMLAttributes["class"];
+    size?: "small" | "medium" | "large";
+}> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+    size: "small" | "medium" | "large";
+    class: import('vue').HTMLAttributes["class"];
+    sideOffset: number;
+    align: "start" | "end" | "center";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export declare const unnnicPopoverTrigger: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('reka-ui').DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('reka-ui').PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
 });
-export declare const unnnicTabs: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').TabsRootProps<string | number>> & Readonly<{
-        "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:modelValue": (payload: string | number) => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+export declare const unnnicPopoverFooter: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('reka-ui').TabsRootProps<string | number>> & Readonly<{
-        "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TabsRootProps<string | number>> & Readonly<{
-    "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (payload: string | number) => any;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
 });
-export declare const unnnicTabsList: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').TabsListProps & {
-        class?: import('vue').HTMLAttributes["class"];
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('reka-ui').TabsListProps & {
-        class?: import('vue').HTMLAttributes["class"];
-    }> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TabsListProps & {
-    class?: import('vue').HTMLAttributes["class"];
-}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-});
-export declare const unnnicTabsTrigger: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').TabsTriggerProps & {
-        class?: import('vue').HTMLAttributes["class"];
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('reka-ui').TabsTriggerProps & {
-        class?: import('vue').HTMLAttributes["class"];
-    }> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TabsTriggerProps & {
-    class?: import('vue').HTMLAttributes["class"];
-}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-});
-export declare const unnnicTabsContent: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').TabsContentProps & {
-        class?: import('vue').HTMLAttributes["class"];
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('reka-ui').TabsContentProps & {
-        class?: import('vue').HTMLAttributes["class"];
-    }> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TabsContentProps & {
-    class?: import('vue').HTMLAttributes["class"];
-}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-});
-export declare const unnnicPageHeader: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./PageHeader/types').PageHeaderProps> & Readonly<{
-        onBack?: (() => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        back: () => any;
-    }, import('vue').PublicProps, {
-        description: string;
-        hasBackButton: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('./PageHeader/types').PageHeaderProps> & Readonly<{
-        onBack?: (() => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        description: string;
-        hasBackButton: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./PageHeader/types').PageHeaderProps> & Readonly<{
-    onBack?: (() => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    back: () => any;
-}, string, {
-    description: string;
-    hasBackButton: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        tag?(_: {}): any;
-        actions?(_: {}): any;
-        tabs?(_: {}): any;
-    };
-});
+export declare const unnnicTemplatePreview: VueComponent;
+export declare const unnnicTemplatePreviewModal: VueComponent;
 export declare const UnnnicFontSize = 16;
 export declare const UnnnicInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     placeholder: {
@@ -11840,25 +11076,13 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
         type: BooleanConstructor;
         default: boolean;
     };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    forceActiveStatus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showClear: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>, {}, {
     val: string;
 }, {
     computedError(): string | boolean;
 }, {
     fullySanitize: typeof import('../utils/sanitize').fullySanitize;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     placeholder: {
         type: StringConstructor;
         default: string;
@@ -11936,21 +11160,8 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
         type: BooleanConstructor;
         default: boolean;
     };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    forceActiveStatus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showClear: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
 }>, {
     type: string;
     size: string;
@@ -11963,14 +11174,11 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
     modelValue: string;
     nativeType: string;
     maxlength: number | null;
-    readonly: boolean;
-    forceActiveStatus: boolean;
     iconLeft: string;
     iconRight: string;
     iconLeftClickable: boolean;
     iconRightClickable: boolean;
     allowTogglePassword: boolean;
-    showClear: boolean;
     errors: string | unknown[];
     hasCloudyColor: boolean;
     showMaxlengthCounter: boolean;
@@ -12025,34 +11233,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;
-        };
     }>, {}, {
         isFocused: boolean;
         showPassword: boolean;
     }, {
         isDisabled(): {};
         iconRightSvg(): string;
-        iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
+        iconScheme(): "fg-base" | "fg-muted";
         attributes(): any;
     }, {
         focus(): void;
         onFocus(): void;
         onBlur(): void;
         onIconLeftClick(): void;
-        onClearClick(): void;
         onIconRightClick(): void;
-    }, 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<{
+    }, 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<{
         placeholder: {
             type: StringConstructor;
             default: null;
@@ -12102,20 +11297,7 @@ 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;
     }>, {
@@ -12126,14 +11308,11 @@ export declare const UnnnicInput: import('vue').DefineComponent<import('vue').Ex
         modelValue: string;
         nativeType: string;
         maxlength: number;
-        readonly: boolean;
-        forceActiveStatus: boolean;
         iconLeft: string;
         iconRight: string;
         iconLeftClickable: boolean;
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
-        showClear: boolean;
     }, {}, {
         BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             type: {
@@ -12159,25 +11338,15 @@ 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;
@@ -12205,19 +11374,10 @@ 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;
         }>, {
@@ -12226,12 +11386,9 @@ 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>;
@@ -12411,8 +11568,8 @@ export declare const UnnnicInputNext: import('vue').DefineComponent<import('vue'
     size: string;
     disabled: boolean;
     nativeType: string;
-    readonly: boolean;
     allowTogglePassword: boolean;
+    readonly: boolean;
 }, {}, {
     UnnnicIcon: import('vue').DefineComponent<import('./Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (event: Event) => any;
@@ -12587,7 +11744,6 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
 }>, {
     type: string;
     size: string;
-    next: boolean;
     minDate: string;
     maxDate: string;
     months: unknown[];
@@ -12598,6 +11754,7 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
     iconPosition: string;
     fillW: boolean;
     actionText: string;
+    next: boolean;
     format: string;
     inputFormat: string;
     position: string;
@@ -12680,25 +11837,13 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
             type: BooleanConstructor;
             default: boolean;
         };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        forceActiveStatus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showClear: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
     }>, {}, {
         val: string;
     }, {
         computedError(): string | boolean;
     }, {
         fullySanitize: typeof import('../utils/sanitize').fullySanitize;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -12776,21 +11921,8 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
             type: BooleanConstructor;
             default: boolean;
         };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        forceActiveStatus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showClear: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onClear?: ((...args: any[]) => any) | undefined;
     }>, {
         type: string;
         size: string;
@@ -12803,14 +11935,11 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
-        readonly: boolean;
-        forceActiveStatus: boolean;
         iconLeft: string;
         iconRight: string;
         iconLeftClickable: boolean;
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
-        showClear: boolean;
         errors: string | unknown[];
         hasCloudyColor: boolean;
         showMaxlengthCounter: boolean;
@@ -12865,34 +11994,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;
-            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
         }, {
             isDisabled(): {};
             iconRightSvg(): string;
-            iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
+            iconScheme(): "fg-base" | "fg-muted";
             attributes(): any;
         }, {
             focus(): void;
             onFocus(): void;
             onBlur(): void;
             onIconLeftClick(): void;
-            onClearClick(): void;
             onIconRightClick(): void;
-        }, 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<{
+        }, 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<{
             placeholder: {
                 type: StringConstructor;
                 default: null;
@@ -12942,20 +12058,7 @@ 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;
         }>, {
@@ -12966,14 +12069,11 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
             modelValue: string;
             nativeType: string;
             maxlength: number;
-            readonly: boolean;
-            forceActiveStatus: boolean;
             iconLeft: string;
             iconRight: string;
             iconLeftClickable: boolean;
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
-            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -12999,25 +12099,15 @@ 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;
@@ -13045,19 +12135,10 @@ 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;
             }>, {
@@ -13066,12 +12147,9 @@ 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>;
@@ -15711,6 +14789,20 @@ export declare const UnnnicModalDialog: import('vue').DefineComponent<import('vu
             es: string;
         };
     };
+    iconsMapper: {
+        success: {
+            icon: string;
+            scheme: string;
+        };
+        warning: {
+            icon: string;
+            scheme: string;
+        };
+        attention: {
+            icon: string;
+            scheme: string;
+        };
+    };
     primaryButtonTypeMapper: {
         success: string;
         warning: string;
@@ -15719,7 +14811,6 @@ export declare const UnnnicModalDialog: import('vue').DefineComponent<import('vu
 }, {}, {
     close(): void;
     updateBodyOverflow(isHidden: any): void;
-    persistentHandler(event: any): void;
 }, {
     props: {
         locale: {
@@ -15800,6 +14891,21 @@ export declare const UnnnicModalDialog: import('vue').DefineComponent<import('vu
     hideSecondaryButton: boolean;
     secondaryButtonProps: Record<string, 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;
+        icon: string | null;
+        clickable: boolean;
+        scheme: import('./Icon.vue').SchemeColor;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     UnnnicButton: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Button/types').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             text: string;
@@ -15850,208 +14956,6 @@ export declare const UnnnicModalDialog: import('vue').DefineComponent<import('vu
             default?(_: {}): any;
         };
     });
-    UnnnicDialog: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogRootProps> & Readonly<{
-            "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:open": (value: boolean) => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('reka-ui').DialogRootProps> & Readonly<{
-            "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        }>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogRootProps> & Readonly<{
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:open": (value: boolean) => any;
-    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
-    UnnnicDialogContent: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogContentProps & {
-            parentClass?: import('vue').HTMLAttributes["class"];
-            class?: import('vue').HTMLAttributes["class"];
-            size?: "small" | "medium" | "large";
-        }> & Readonly<{
-            onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-            onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
-            onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-            onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-            onOpenAutoFocus?: ((event: Event) => any) | undefined;
-            onCloseAutoFocus?: ((event: Event) => any) | undefined;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            escapeKeyDown: (event: KeyboardEvent) => any;
-            pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
-            focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
-            interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
-            openAutoFocus: (event: Event) => any;
-            closeAutoFocus: (event: Event) => any;
-        }, import('vue').PublicProps, {
-            size: "small" | "medium" | "large";
-            class: import('vue').HTMLAttributes["class"];
-            parentClass: import('vue').HTMLAttributes["class"];
-        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('reka-ui').DialogContentProps & {
-            parentClass?: import('vue').HTMLAttributes["class"];
-            class?: import('vue').HTMLAttributes["class"];
-            size?: "small" | "medium" | "large";
-        }> & Readonly<{
-            onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-            onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
-            onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-            onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-            onOpenAutoFocus?: ((event: Event) => any) | undefined;
-            onCloseAutoFocus?: ((event: Event) => any) | undefined;
-        }>, {}, {}, {}, {}, {
-            size: "small" | "medium" | "large";
-            class: import('vue').HTMLAttributes["class"];
-            parentClass: import('vue').HTMLAttributes["class"];
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogContentProps & {
-        parentClass?: import('vue').HTMLAttributes["class"];
-        class?: import('vue').HTMLAttributes["class"];
-        size?: "small" | "medium" | "large";
-    }> & Readonly<{
-        onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-        onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
-        onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-        onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-        onOpenAutoFocus?: ((event: Event) => any) | undefined;
-        onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        escapeKeyDown: (event: KeyboardEvent) => any;
-        pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
-        focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
-        interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
-        openAutoFocus: (event: Event) => any;
-        closeAutoFocus: (event: Event) => any;
-    }, string, {
-        size: "small" | "medium" | "large";
-        class: import('vue').HTMLAttributes["class"];
-        parentClass: import('vue').HTMLAttributes["class"];
-    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
-    UnnnicDialogHeader: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            class?: import('vue').HTMLAttributes["class"];
-            divider?: boolean;
-            type?: "default" | "success" | "warning" | "attention";
-            closeButton?: boolean;
-        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            type: "default" | "success" | "warning" | "attention";
-            divider: boolean;
-            closeButton: boolean;
-        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            class?: import('vue').HTMLAttributes["class"];
-            divider?: boolean;
-            type?: "default" | "success" | "warning" | "attention";
-            closeButton?: boolean;
-        }> & Readonly<{}>, {}, {}, {}, {}, {
-            type: "default" | "success" | "warning" | "attention";
-            divider: boolean;
-            closeButton: boolean;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<{
-        class?: import('vue').HTMLAttributes["class"];
-        divider?: boolean;
-        type?: "default" | "success" | "warning" | "attention";
-        closeButton?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        type: "default" | "success" | "warning" | "attention";
-        divider: boolean;
-        closeButton: boolean;
-    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
-    UnnnicDialogTitle: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogTitleProps & {
-            class?: import('vue').HTMLAttributes["class"];
-        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('reka-ui').DialogTitleProps & {
-            class?: import('vue').HTMLAttributes["class"];
-        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogTitleProps & {
-        class?: import('vue').HTMLAttributes["class"];
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
-    UnnnicDialogFooter: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            class?: import('vue').HTMLAttributes["class"];
-            divider?: boolean;
-        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            divider: boolean;
-        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            class?: import('vue').HTMLAttributes["class"];
-            divider?: boolean;
-        }> & Readonly<{}>, {}, {}, {}, {}, {
-            divider: boolean;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<{
-        class?: import('vue').HTMLAttributes["class"];
-        divider?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        divider: boolean;
-    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     type: {
@@ -16206,25 +15110,13 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
             type: BooleanConstructor;
             default: boolean;
         };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        forceActiveStatus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showClear: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
     }>, {}, {
         val: string;
     }, {
         computedError(): string | boolean;
     }, {
         fullySanitize: typeof import('../utils/sanitize').fullySanitize;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -16302,21 +15194,8 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
             type: BooleanConstructor;
             default: boolean;
         };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        forceActiveStatus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showClear: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onClear?: ((...args: any[]) => any) | undefined;
     }>, {
         type: string;
         size: string;
@@ -16329,14 +15208,11 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
-        readonly: boolean;
-        forceActiveStatus: boolean;
         iconLeft: string;
         iconRight: string;
         iconLeftClickable: boolean;
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
-        showClear: boolean;
         errors: string | unknown[];
         hasCloudyColor: boolean;
         showMaxlengthCounter: boolean;
@@ -16391,34 +15267,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;
-            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
         }, {
             isDisabled(): {};
             iconRightSvg(): string;
-            iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
+            iconScheme(): "fg-base" | "fg-muted";
             attributes(): any;
         }, {
             focus(): void;
             onFocus(): void;
             onBlur(): void;
             onIconLeftClick(): void;
-            onClearClick(): void;
             onIconRightClick(): void;
-        }, 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<{
+        }, 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<{
             placeholder: {
                 type: StringConstructor;
                 default: null;
@@ -16468,20 +15331,7 @@ 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;
         }>, {
@@ -16492,14 +15342,11 @@ export declare const UnnnicModalNext: import('vue').DefineComponent<import('vue'
             modelValue: string;
             nativeType: string;
             maxlength: number;
-            readonly: boolean;
-            forceActiveStatus: boolean;
             iconLeft: string;
             iconRight: string;
             iconLeftClickable: boolean;
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
-            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -16525,25 +15372,15 @@ 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;
@@ -16571,19 +15408,10 @@ 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;
             }>, {
@@ -16592,12 +15420,9 @@ 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>;
@@ -19711,25 +18536,13 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
             type: BooleanConstructor;
             default: boolean;
         };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        forceActiveStatus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showClear: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
     }>, {}, {
         val: string;
     }, {
         computedError(): string | boolean;
     }, {
         fullySanitize: typeof import('../utils/sanitize').fullySanitize;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -19807,21 +18620,8 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
             type: BooleanConstructor;
             default: boolean;
         };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        forceActiveStatus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showClear: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onClear?: ((...args: any[]) => any) | undefined;
     }>, {
         type: string;
         size: string;
@@ -19834,14 +18634,11 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
         modelValue: string;
         nativeType: string;
         maxlength: number | null;
-        readonly: boolean;
-        forceActiveStatus: boolean;
         iconLeft: string;
         iconRight: string;
         iconLeftClickable: boolean;
         iconRightClickable: boolean;
         allowTogglePassword: boolean;
-        showClear: boolean;
         errors: string | unknown[];
         hasCloudyColor: boolean;
         showMaxlengthCounter: boolean;
@@ -19896,34 +18693,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;
-            };
         }>, {}, {
             isFocused: boolean;
             showPassword: boolean;
         }, {
             isDisabled(): {};
             iconRightSvg(): string;
-            iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
+            iconScheme(): "fg-base" | "fg-muted";
             attributes(): any;
         }, {
             focus(): void;
             onFocus(): void;
             onBlur(): void;
             onIconLeftClick(): void;
-            onClearClick(): void;
             onIconRightClick(): void;
-        }, 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<{
+        }, 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<{
             placeholder: {
                 type: StringConstructor;
                 default: null;
@@ -19973,20 +18757,7 @@ 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;
         }>, {
@@ -19997,14 +18768,11 @@ export declare const UnnnicDateFilter: import('vue').DefineComponent<import('vue
             modelValue: string;
             nativeType: string;
             maxlength: number;
-            readonly: boolean;
-            forceActiveStatus: boolean;
             iconLeft: string;
             iconRight: string;
             iconLeftClickable: boolean;
             iconRightClickable: boolean;
             allowTogglePassword: boolean;
-            showClear: boolean;
         }, {}, {
             BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
@@ -20030,25 +18798,15 @@ 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;
@@ -20076,19 +18834,10 @@ 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;
             }>, {
@@ -20097,12 +18846,9 @@ 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>;
@@ -22961,10 +21707,8 @@ export declare const UnnnicNavigator: import('vue').DefineComponent<import('vue'
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const UnnnicSelectTime: VueComponent;
-export declare const UnnnicTemplatePreview: VueComponent;
-export declare const UnnnicTemplatePreviewModal: VueComponent;
 export declare const UnnnicDataTable: VueComponent;
+export declare const UnnnicSelectTime: VueComponent;
 export declare const UnnnicChip: import('vue').DefineComponent<import('./Chip/types').ChipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (event: Event) => any;
 }, string, import('vue').PublicProps, Readonly<import('./Chip/types').ChipProps> & Readonly<{
@@ -22984,98 +21728,11 @@ export declare const UnnnicToast: import('vue').DefineComponent<import('./Toast/
     timeout: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export declare const UnnnicToastManager: import('./Toast/types').ToastCall;
-export declare const UnnnicPopover: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').PopoverRootProps> & Readonly<{
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:open": (value: boolean) => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('reka-ui').PopoverRootProps> & Readonly<{
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').PopoverRootProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-});
-export declare const UnnnicPopoverContent: import('vue').DefineComponent<import('reka-ui').PopoverContentProps & {
-    class?: import('vue').HTMLAttributes["class"];
-    size?: "small" | "medium" | "large";
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    escapeKeyDown: (event: KeyboardEvent) => any;
-    pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
-    focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
-    interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
-    openAutoFocus: (event: Event) => any;
-    closeAutoFocus: (event: Event) => any;
-}, string, import('vue').PublicProps, Readonly<import('reka-ui').PopoverContentProps & {
-    class?: import('vue').HTMLAttributes["class"];
-    size?: "small" | "medium" | "large";
-}> & Readonly<{
-    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    onOpenAutoFocus?: ((event: Event) => any) | undefined;
-    onCloseAutoFocus?: ((event: Event) => any) | undefined;
-}>, {
-    size: "small" | "medium" | "large";
-    class: import('vue').HTMLAttributes["class"];
-    sideOffset: number;
-    align: "start" | "end" | "center";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export declare const UnnnicPopoverTrigger: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('reka-ui').PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-});
-export declare const UnnnicPopoverFooter: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-});
-export declare const UnnnicDialog: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogRootProps> & Readonly<{
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+export declare const UnnnicTabs: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').TabsRootProps<string | number>> & Readonly<{
+        "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:open": (value: boolean) => any;
+        "update:modelValue": (payload: string | number) => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -23083,175 +21740,69 @@ export declare const UnnnicDialog: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('reka-ui').DialogRootProps> & Readonly<{
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    }, Readonly<import('reka-ui').TabsRootProps<string | number>> & Readonly<{
+        "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogRootProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TabsRootProps<string | number>> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
+    "update:modelValue": (payload: string | number) => any;
 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
 });
-export declare const UnnnicDialogContent: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogContentProps & {
-        parentClass?: import('vue').HTMLAttributes["class"];
-        class?: import('vue').HTMLAttributes["class"];
-        size?: "small" | "medium" | "large";
-    }> & Readonly<{
-        onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-        onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
-        onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-        onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-        onOpenAutoFocus?: ((event: Event) => any) | undefined;
-        onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        escapeKeyDown: (event: KeyboardEvent) => any;
-        pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
-        focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
-        interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
-        openAutoFocus: (event: Event) => any;
-        closeAutoFocus: (event: Event) => any;
-    }, import('vue').PublicProps, {
-        size: "small" | "medium" | "large";
-        class: import('vue').HTMLAttributes["class"];
-        parentClass: import('vue').HTMLAttributes["class"];
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('reka-ui').DialogContentProps & {
-        parentClass?: import('vue').HTMLAttributes["class"];
-        class?: import('vue').HTMLAttributes["class"];
-        size?: "small" | "medium" | "large";
-    }> & Readonly<{
-        onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-        onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
-        onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-        onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-        onOpenAutoFocus?: ((event: Event) => any) | undefined;
-        onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        size: "small" | "medium" | "large";
-        class: import('vue').HTMLAttributes["class"];
-        parentClass: import('vue').HTMLAttributes["class"];
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogContentProps & {
-    parentClass?: import('vue').HTMLAttributes["class"];
-    class?: import('vue').HTMLAttributes["class"];
-    size?: "small" | "medium" | "large";
-}> & Readonly<{
-    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    onOpenAutoFocus?: ((event: Event) => any) | undefined;
-    onCloseAutoFocus?: ((event: Event) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    escapeKeyDown: (event: KeyboardEvent) => any;
-    pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
-    focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
-    interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
-    openAutoFocus: (event: Event) => any;
-    closeAutoFocus: (event: Event) => any;
-}, string, {
-    size: "small" | "medium" | "large";
-    class: import('vue').HTMLAttributes["class"];
-    parentClass: import('vue').HTMLAttributes["class"];
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-});
-export declare const UnnnicDialogFooter: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+export declare const UnnnicTabsList: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').TabsListProps & {
         class?: import('vue').HTMLAttributes["class"];
-        divider?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        divider: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{
+    }, Readonly<import('reka-ui').TabsListProps & {
         class?: import('vue').HTMLAttributes["class"];
-        divider?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, {
-        divider: boolean;
-    }>;
+    }> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TabsListProps & {
     class?: import('vue').HTMLAttributes["class"];
-    divider?: boolean;
-}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    divider: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
 });
-export declare const UnnnicDialogHeader: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+export declare const UnnnicTabsTrigger: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').TabsTriggerProps & {
         class?: import('vue').HTMLAttributes["class"];
-        divider?: boolean;
-        type?: "default" | "success" | "warning" | "attention";
-        closeButton?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        type: "default" | "success" | "warning" | "attention";
-        divider: boolean;
-        closeButton: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{
+    }, Readonly<import('reka-ui').TabsTriggerProps & {
         class?: import('vue').HTMLAttributes["class"];
-        divider?: boolean;
-        type?: "default" | "success" | "warning" | "attention";
-        closeButton?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, {
-        type: "default" | "success" | "warning" | "attention";
-        divider: boolean;
-        closeButton: boolean;
-    }>;
+    }> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TabsTriggerProps & {
     class?: import('vue').HTMLAttributes["class"];
-    divider?: boolean;
-    type?: "default" | "success" | "warning" | "attention";
-    closeButton?: boolean;
-}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    type: "default" | "success" | "warning" | "attention";
-    divider: boolean;
-    closeButton: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
 });
-export declare const UnnnicDialogTitle: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogTitleProps & {
+export declare const UnnnicTabsContent: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').TabsContentProps & {
         class?: import('vue').HTMLAttributes["class"];
     }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -23260,58 +21811,24 @@ export declare const UnnnicDialogTitle: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('reka-ui').DialogTitleProps & {
+    }, Readonly<import('reka-ui').TabsContentProps & {
         class?: import('vue').HTMLAttributes["class"];
     }> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogTitleProps & {
+} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TabsContentProps & {
     class?: import('vue').HTMLAttributes["class"];
 }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
 });
-export declare const UnnnicDialogTrigger: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('reka-ui').DialogTriggerProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-});
-export declare const UnnnicDialogClose: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('reka-ui').DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-});
-export declare const UnnnicTabs: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').TabsRootProps<string | number>> & Readonly<{
-        "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
+export declare const UnnnicPopover: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').PopoverRootProps> & Readonly<{
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:modelValue": (payload: string | number) => any;
+        "update:open": (value: boolean) => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -23319,127 +21836,82 @@ export declare const UnnnicTabs: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('reka-ui').TabsRootProps<string | number>> & Readonly<{
-        "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
+    }, Readonly<import('reka-ui').PopoverRootProps> & Readonly<{
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TabsRootProps<string | number>> & Readonly<{
-    "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').PopoverRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (payload: string | number) => any;
+    "update:open": (value: boolean) => any;
 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
 });
-export declare const UnnnicTabsList: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').TabsListProps & {
-        class?: import('vue').HTMLAttributes["class"];
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('reka-ui').TabsListProps & {
-        class?: import('vue').HTMLAttributes["class"];
-    }> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TabsListProps & {
+export declare const UnnnicPopoverContent: import('vue').DefineComponent<import('reka-ui').PopoverContentProps & {
     class?: import('vue').HTMLAttributes["class"];
-}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-});
-export declare const UnnnicTabsTrigger: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').TabsTriggerProps & {
-        class?: import('vue').HTMLAttributes["class"];
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('reka-ui').TabsTriggerProps & {
-        class?: import('vue').HTMLAttributes["class"];
-    }> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TabsTriggerProps & {
+    size?: "small" | "medium" | "large";
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
+    focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
+    interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
+    openAutoFocus: (event: Event) => any;
+    closeAutoFocus: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<import('reka-ui').PopoverContentProps & {
     class?: import('vue').HTMLAttributes["class"];
-}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-});
-export declare const UnnnicTabsContent: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').TabsContentProps & {
-        class?: import('vue').HTMLAttributes["class"];
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    size?: "small" | "medium" | "large";
+}> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+    size: "small" | "medium" | "large";
+    class: import('vue').HTMLAttributes["class"];
+    sideOffset: number;
+    align: "start" | "end" | "center";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export declare const UnnnicPopoverTrigger: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('reka-ui').TabsContentProps & {
-        class?: import('vue').HTMLAttributes["class"];
-    }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('reka-ui').PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TabsContentProps & {
-    class?: import('vue').HTMLAttributes["class"];
-}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
 });
-export declare const UnnnicPageHeader: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./PageHeader/types').PageHeaderProps> & Readonly<{
-        onBack?: (() => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        back: () => any;
-    }, import('vue').PublicProps, {
-        description: string;
-        hasBackButton: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
+export declare const UnnnicPopoverFooter: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./PageHeader/types').PageHeaderProps> & Readonly<{
-        onBack?: (() => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        description: string;
-        hasBackButton: boolean;
-    }>;
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./PageHeader/types').PageHeaderProps> & Readonly<{
-    onBack?: (() => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    back: () => any;
-}, string, {
-    description: string;
-    hasBackButton: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
-        tag?(_: {}): any;
-        actions?(_: {}): any;
-        tabs?(_: {}): any;
+        default?(_: {}): any;
     };
 });
+export declare const UnnnicTemplatePreview: VueComponent;
+export declare const UnnnicTemplatePreviewModal: VueComponent;
 export {};
 //# sourceMappingURL=index.d.ts.map