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

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<{
@@ -11391,242 +10899,8 @@ export declare const unnnicPopoverFooter: {
         default?(_: {}): any;
     };
 });
-export declare const 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;
-    };
-});
-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<{
-        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;
-    };
-});
-export declare const 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;
-    };
-});
-export declare const 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;
-    };
-});
-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 unnnicTemplatePreview: VueComponent;
+export declare const unnnicTemplatePreviewModal: VueComponent;
 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;
@@ -11840,25 +11114,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 +11198,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 +11212,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 +11271,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 +11335,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 +11346,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 +11376,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 +11412,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 +11424,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 +11606,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 +11782,6 @@ export declare const UnnnicInputDatePicker: import('vue').DefineComponent<import
 }>, {
     type: string;
     size: string;
-    next: boolean;
     minDate: string;
     maxDate: string;
     months: unknown[];
@@ -12598,6 +11792,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 +11875,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 +11959,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 +11973,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 +12032,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 +12096,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 +12107,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 +12137,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 +12173,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 +12185,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 +14827,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 +14849,6 @@ export declare const UnnnicModalDialog: import('vue').DefineComponent<import('vu
 }, {}, {
     close(): void;
     updateBodyOverflow(isHidden: any): void;
-    persistentHandler(event: any): void;
 }, {
     props: {
         locale: {
@@ -15800,6 +14929,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;
@@ -15811,242 +14955,40 @@ export declare const UnnnicModalDialog: import('vue').DefineComponent<import('vu
             float: boolean;
             iconCenter: string;
             iconsFilled: boolean;
-            loading: boolean;
-        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('./Button/types').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, {
-            text: string;
-            type: import('./Button/types').ButtonType;
-            size: import('./Button/types').ButtonSize;
-            disabled: boolean;
-            iconLeft: string;
-            iconRight: string;
-            float: boolean;
-            iconCenter: string;
-            iconsFilled: boolean;
-            loading: boolean;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('./Button/types').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        text: string;
-        type: import('./Button/types').ButtonType;
-        size: import('./Button/types').ButtonSize;
-        disabled: boolean;
-        iconLeft: string;
-        iconRight: string;
-        float: boolean;
-        iconCenter: string;
-        iconsFilled: boolean;
-        loading: 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;
-        };
-    });
-    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, {
+            loading: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<{
-            class?: import('vue').HTMLAttributes["class"];
-            divider?: boolean;
-        }> & Readonly<{}>, {}, {}, {}, {}, {
-            divider: boolean;
+        }, Readonly<import('./Button/types').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, {
+            text: string;
+            type: import('./Button/types').ButtonType;
+            size: import('./Button/types').ButtonSize;
+            disabled: boolean;
+            iconLeft: string;
+            iconRight: string;
+            float: boolean;
+            iconCenter: string;
+            iconsFilled: boolean;
+            loading: 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;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./Button/types').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        text: string;
+        type: import('./Button/types').ButtonType;
+        size: import('./Button/types').ButtonSize;
+        disabled: boolean;
+        iconLeft: string;
+        iconRight: string;
+        float: boolean;
+        iconCenter: string;
+        iconsFilled: boolean;
+        loading: 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;
@@ -16206,25 +15148,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 +15232,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 +15246,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 +15305,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 +15369,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 +15380,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 +15410,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 +15446,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 +15458,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 +18574,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 +18658,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 +18672,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 +18731,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 +18795,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 +18806,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 +18836,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 +18872,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 +18884,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 +21745,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<{
@@ -23071,242 +21853,8 @@ export declare const UnnnicPopoverFooter: {
         default?(_: {}): any;
     };
 });
-export declare const 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;
-    };
-});
-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<{
-        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;
-    };
-});
-export declare const 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;
-    };
-});
-export declare const 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;
-    };
-});
-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 UnnnicTemplatePreview: VueComponent;
+export declare const UnnnicTemplatePreviewModal: VueComponent;
 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;