@pantograph/vue 0.33.2 → 0.33.4

package/README.md

@@ -15,7 +15,7 @@ npm i @pantograph/vue
 ```vue
 <script setup>
 import { Button } from '@pantograph/vue'
-import '@pantograph/style'
+import '@pantograph/styles'
 </script>
 
 <template>

package/dist/Accordion/Accordion.d.ts

@@ -9,7 +9,7 @@ import { ClassValue } from 'clsx';
  * - When `accordion` is `true` (default), the root behaves as a standard accordion.
  *   Setting `accordion=false` will pass `collapsible` to the root to allow closing the currently open item.
  * - When `multiple` is `true`, the `type` will be forced to `'multiple'` regardless of incoming props.
- * - Visual styling is controlled via tokens and BEM classes defined in `@pantograph/style/accordion`.
+ * - Visual styling is controlled via tokens and BEM classes defined in `@pantograph/styles/accordion`.
  */
 export interface AccordionProps extends Omit<AccordionRootProps, 'as' | 'asChild' | 'collapsible' | 'orientation' | 'type'> {
     /** When false, allows closing the currently open item (forwards `collapsible` to root). */
@@ -93,11 +93,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ac
 }, string, import('vue').PublicProps, Readonly<AccordionProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
 }>, {
-    size: AccordionSize;
+    size: "sm" | "md" | "lg";
     bordered: boolean;
     collapsible: "header" | "icon";
     accordion: boolean;
-    expandIconPosition: AccordionExpandIconPosition;
+    expandIconPosition: "start" | "end";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<AccordionSlots> & AccordionSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/Accordion/AccordionItem.d.ts

@@ -79,15 +79,7 @@ export interface AccordionItemSlots {
     /** Custom badge text content */
     badgeText?: (params: SlotProps) => never;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<AccordionItemSlots> & AccordionItemSlots;
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<AccordionItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AccordionItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<AccordionItemSlots> & AccordionItemSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/ActionButton/ActionButton.d.ts

@@ -13,146 +13,7 @@ export type ActionButtonProps = Partial<Omit<BaseButtonProps, 'color' | 'type' |
      */
     variant?: Exclude<ButtonVariant, 'float'>;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<BaseButtonSlots> & BaseButtonSlots;
-    refs: {
-        buttonRef: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
-                readonly class?: import('clsx').ClassValue;
-                readonly text?: string | number | undefined;
-                readonly size?: import('..').ButtonSize | undefined;
-                readonly color?: import('..').ButtonColor | undefined;
-                readonly noRing?: boolean | undefined;
-                readonly type?: ButtonType | undefined;
-                readonly variant?: ButtonVariant | undefined;
-                readonly loading?: boolean | undefined;
-                readonly action?: boolean | undefined;
-                readonly active?: boolean | undefined;
-                readonly badgeText?: string | undefined;
-                readonly badgeIcon?: string | undefined;
-                readonly icon?: string | undefined;
-                readonly preIcon?: string | undefined;
-                readonly postIcon?: string | undefined;
-                readonly customStroke?: boolean | undefined;
-                readonly preIconCustomStroke?: boolean | undefined;
-                readonly postIconCustomStroke?: boolean | undefined;
-                readonly flipOnDir?: import('..').FlipOnDir | undefined;
-                readonly preIconFlipOnDir?: import('..').FlipOnDir | undefined;
-                readonly postIconFlipOnDir?: import('..').FlipOnDir | undefined;
-                readonly badgeIconFlipOnDir?: import('..').FlipOnDir | undefined;
-                readonly htmlType?: "reset" | "submit" | "button" | undefined;
-                readonly block?: boolean | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly hover?: boolean | undefined;
-                readonly href?: string | undefined;
-                readonly target?: string | undefined;
-                readonly onClick?: ((...args: any[]) => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            } & {
-                buttonRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-                    asChild: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    as: {
-                        type: import('vue').PropType<import('reka-ui').AsTag | import('vue').Component>;
-                        default: string;
-                    };
-                }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-                    asChild: boolean;
-                    as: import('reka-ui').AsTag | import('vue').Component;
-                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import('vue').ExtractPropTypes<{
-                    asChild: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    as: {
-                        type: import('vue').PropType<import('reka-ui').AsTag | import('vue').Component>;
-                        default: string;
-                    };
-                }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>, {}, {}, {}, {
-                    asChild: boolean;
-                    as: import('reka-ui').AsTag | import('vue').Component;
-                }> | null;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: "click", ...args: any[]) => void;
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<BaseButtonProps> & Readonly<{
-                onClick?: ((...args: any[]) => any) | undefined;
-            }>, {
-                focus(): void;
-                blur(): void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (...args: any[]) => void;
-            }, string, {
-                type: ButtonType;
-                color: import('..').ButtonColor;
-                htmlType: "reset" | "submit" | "button";
-                disabled: boolean;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{
-            type: ButtonType;
-            color: import('..').ButtonColor;
-            htmlType: "reset" | "submit" | "button";
-            disabled: boolean;
-        }> & Omit<Readonly<BaseButtonProps> & Readonly<{
-            onClick?: ((...args: any[]) => any) | undefined;
-        }>, "blur" | "focus" | ("type" | "color" | "htmlType" | "disabled")> & import('vue').ShallowUnwrapRef<{
-            focus(): void;
-            blur(): void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Readonly<BaseButtonSlots> & BaseButtonSlots;
-        }) | null;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ActionButtonProps, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ActionButtonProps, {
     /**
      * Focus the button element
      */
@@ -171,11 +32,11 @@ declare const __VLS_component: import('vue').DefineComponent<ActionButtonProps,
             readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
             readonly class?: import('clsx').ClassValue;
             readonly text?: string | number | undefined;
-            readonly size?: import('..').ButtonSize | undefined;
-            readonly color?: import('..').ButtonColor | undefined;
+            readonly size?: "sm" | "md" | "lg" | undefined;
+            readonly color?: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "primary" | "gray" | "neutral" | "danger" | "success" | "warning" | undefined;
             readonly noRing?: boolean | undefined;
-            readonly type?: ButtonType | undefined;
-            readonly variant?: ButtonVariant | undefined;
+            readonly type?: "fill" | "outline" | "ghost" | undefined;
+            readonly variant?: "icon" | "simple" | "float" | undefined;
             readonly loading?: boolean | undefined;
             readonly action?: boolean | undefined;
             readonly active?: boolean | undefined;
@@ -191,7 +52,7 @@ declare const __VLS_component: import('vue').DefineComponent<ActionButtonProps,
             readonly preIconFlipOnDir?: import('..').FlipOnDir | undefined;
             readonly postIconFlipOnDir?: import('..').FlipOnDir | undefined;
             readonly badgeIconFlipOnDir?: import('..').FlipOnDir | undefined;
-            readonly htmlType?: "reset" | "submit" | "button" | undefined;
+            readonly htmlType?: "button" | "reset" | "submit" | undefined;
             readonly block?: boolean | undefined;
             readonly disabled?: boolean | undefined;
             readonly hover?: boolean | undefined;
@@ -211,14 +72,14 @@ declare const __VLS_component: import('vue').DefineComponent<ActionButtonProps,
                     default: boolean;
                 };
                 as: {
-                    type: import('vue').PropType<import('reka-ui').AsTag | import('vue').Component>;
+                    type: import('vue').PropType<import('vue').Component | import('reka-ui').AsTag>;
                     default: string;
                 };
             }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
             }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
                 asChild: boolean;
-                as: import('reka-ui').AsTag | import('vue').Component;
+                as: import('vue').Component | import('reka-ui').AsTag;
             }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -232,21 +93,21 @@ declare const __VLS_component: import('vue').DefineComponent<ActionButtonProps,
                     default: boolean;
                 };
                 as: {
-                    type: import('vue').PropType<import('reka-ui').AsTag | import('vue').Component>;
+                    type: import('vue').PropType<import('vue').Component | import('reka-ui').AsTag>;
                     default: string;
                 };
             }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
             }>, {}, {}, {}, {
                 asChild: boolean;
-                as: import('reka-ui').AsTag | import('vue').Component;
+                as: import('vue').Component | import('reka-ui').AsTag;
             }> | null;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
+        $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+        $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
         $host: Element | null;
         $emit: (event: "click", ...args: any[]) => void;
         $el: any;
@@ -258,34 +119,34 @@ declare const __VLS_component: import('vue').DefineComponent<ActionButtonProps,
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             click: (...args: any[]) => void;
         }, string, {
-            type: ButtonType;
-            color: import('..').ButtonColor;
-            htmlType: "reset" | "submit" | "button";
+            type: "fill" | "outline" | "ghost";
+            color: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "primary" | "gray" | "neutral" | "danger" | "success" | "warning";
+            htmlType: "button" | "reset" | "submit";
             disabled: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
     } & Readonly<{
-        type: ButtonType;
-        color: import('..').ButtonColor;
-        htmlType: "reset" | "submit" | "button";
+        type: "fill" | "outline" | "ghost";
+        color: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "primary" | "gray" | "neutral" | "danger" | "success" | "warning";
+        htmlType: "button" | "reset" | "submit";
         disabled: boolean;
     }> & Omit<Readonly<BaseButtonProps> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
@@ -295,8 +156,7 @@ declare const __VLS_component: import('vue').DefineComponent<ActionButtonProps,
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: Readonly<BaseButtonSlots> & BaseButtonSlots;
     }) | null;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, any>, Readonly<BaseButtonSlots> & BaseButtonSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/Alert/Alert.d.ts

@@ -111,21 +111,13 @@ export interface AlertSlots {
      */
     link: () => never;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<AlertSlots> & AlertSlots;
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<AlertProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AlertProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     close: (data: Event) => any;
 }, string, import('vue').PublicProps, Readonly<AlertProps> & Readonly<{
     onClose?: ((data: Event) => any) | undefined;
 }>, {
-    type: AlertType;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+    type: "danger" | "success" | "warning" | "info" | "hint";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<AlertSlots> & AlertSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/AlertDialog/AlertDialog.d.ts

@@ -187,25 +187,25 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Al
     onAfterOpen?: (() => any) | undefined;
 }>, {
     mask: boolean;
-    type: AlertDialogType;
-    width: import('..').DialogSize | number | string;
+    type: string;
+    width: string | number;
     open: boolean;
     openAutoFocus: boolean;
     zIndex: number;
     renderPopupsInContent: boolean;
     screen: boolean;
     keyboard: boolean;
-    okProps: import('..').ButtonProps & {
+    okProps: Partial<Omit<import('..').BaseButtonProps, "flipOnDir" | "icon" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir">> & {
         text: string;
-        hide?: boolean;
+        hide?: boolean | undefined;
     };
-    cancelProps: import('..').ButtonProps & {
+    cancelProps: Partial<Omit<import('..').BaseButtonProps, "flipOnDir" | "icon" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir">> & {
         text: string;
-        hide?: boolean;
+        hide?: boolean | undefined;
     };
     trapFocus: boolean;
     closeOnClickOutside: boolean;
-    animated: boolean | string;
+    animated: string | boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<Omit<DialogSlots, "footer" | "trigger" | "beforeFooterActions"> & {
     /**
      * Custom body content slot.
@@ -230,7 +230,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Al
      * </AlertDialog>
      * ```
      */
-    body?: (data?: object) => never;
+    body?: ((data?: object | undefined) => never) | undefined;
     /**
      * Default slot for graphical object (icon) content.
      *
@@ -251,7 +251,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Al
      * </AlertDialog>
      * ```
      */
-    go?: (data?: object) => never;
+    go?: ((data?: object | undefined) => never) | undefined;
     /**
      * Slot for custom icon content.
      *
@@ -272,9 +272,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Al
      * </AlertDialog>
      * ```
      */
-    icon?: (data?: {
+    icon?: ((data?: {
         iconSize: IconSize;
-    }) => never;
+    } | undefined) => never) | undefined;
 }> & Omit<DialogSlots, "footer" | "trigger" | "beforeFooterActions"> & {
     /**
      * Custom body content slot.
@@ -299,7 +299,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Al
      * </AlertDialog>
      * ```
      */
-    body?: (data?: object) => never;
+    body?: ((data?: object | undefined) => never) | undefined;
     /**
      * Default slot for graphical object (icon) content.
      *
@@ -320,7 +320,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Al
      * </AlertDialog>
      * ```
      */
-    go?: (data?: object) => never;
+    go?: ((data?: object | undefined) => never) | undefined;
     /**
      * Slot for custom icon content.
      *
@@ -341,9 +341,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Al
      * </AlertDialog>
      * ```
      */
-    icon?: (data?: {
+    icon?: ((data?: {
         iconSize: IconSize;
-    }) => never;
+    } | undefined) => never) | undefined;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/AlertDialog/ConfirmDialog.d.ts

@@ -8,23 +8,23 @@ export interface ConfirmDialogProps extends Omit<AlertDialogProps, 'title' | 'de
 }
 declare const _default: import('vue').DefineComponent<ConfirmDialogProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ConfirmDialogProps> & Readonly<{}>, {
     mask: boolean;
-    type: import('./AlertDialog.model').AlertDialogType;
-    width: import('..').DialogSize | number | string;
+    type: string;
+    width: string | number;
     open: boolean;
     openAutoFocus: boolean;
     zIndex: number;
     renderPopupsInContent: boolean;
     keyboard: boolean;
-    okProps: import('..').ButtonProps & {
+    okProps: Partial<Omit<import('..').BaseButtonProps, "flipOnDir" | "icon" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir">> & {
         text: string;
-        hide?: boolean;
+        hide?: boolean | undefined;
     };
-    cancelProps: import('..').ButtonProps & {
+    cancelProps: Partial<Omit<import('..').BaseButtonProps, "flipOnDir" | "icon" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir">> & {
         text: string;
-        hide?: boolean;
+        hide?: boolean | undefined;
     };
     trapFocus: boolean;
     closeOnClickOutside: boolean;
-    animated: boolean | string;
+    animated: string | boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/AlertDialog/useAlertDialog.d.ts

@@ -16,6 +16,6 @@ export declare function useAlertDialog(): {
         close: () => void;
         update: (updateConfig: Partial<CreateAlertDialogParams> | ((prams: CreateAlertDialogParams) => Partial<CreateAlertDialogParams>)) => void;
     };
-    promise: (options: Omit<CreateAlertDialogParams, "onOk" | "onCancel">) => Promise<PointerEvent | undefined>;
+    promise: (options: Omit<CreateAlertDialogParams, 'onOk' | 'onCancel'>) => Promise<PointerEvent | undefined>;
 };
 export {};

package/dist/Avatar/Avatar.d.ts

@@ -78,25 +78,17 @@ export interface AvatarSlots {
      */
     fallback?: () => never;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<AvatarSlots> & AvatarSlots;
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     loadingStatusChange: (value: "error" | "loading" | "idle" | "loaded") => any;
 }, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{
     onLoadingStatusChange?: ((value: "error" | "loading" | "idle" | "loaded") => any) | undefined;
 }>, {
     icon: string;
     src: string;
-    onlineColor: BadgeColor;
+    onlineColor: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "primary" | "gray";
     unExtendParent: boolean;
-    onlineAlignment: AvatarOnlineAlignment;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+    onlineAlignment: "start" | "end";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<AvatarSlots> & AvatarSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/AvatarGroup/AvatarGroup.d.ts

@@ -62,7 +62,7 @@ interface Context {
  */
 export declare const injectAvatarGroupContext: <T extends Context | null | undefined = Context>(fallback?: T | undefined) => T extends null ? Context | null : Context, provideAvatarGroupContext: (contextValue: Context) => Context;
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {
-    stroke: AvatarStroke;
+    stroke: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "primary" | "gray" | "gray-subtle" | "white";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<AvatarGroupSlots> & AvatarGroupSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/Badge/Badge.d.ts

@@ -14,17 +14,9 @@ export type BadgeProps = Partial<Pick<BaseBadgeProps, 'class' | 'text' | 'icon'
      */
     color?: BadgeColor | BadgeColorSubtle;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<BaseBadgeSlots> & BaseBadgeSlots;
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
-    color: BadgeColor | BadgeColorSubtle;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
+    color: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "primary" | "gray" | "primary-subtle" | "red-subtle" | "orange-subtle" | "amber-subtle" | "yellow-subtle" | "lime-subtle" | "green-subtle" | "teal-subtle" | "cyan-subtle" | "sky-subtle" | "blue-subtle" | "ocean-subtle" | "violet-subtle" | "amethyst-subtle" | "fuchsia-subtle" | "pink-subtle" | "gray-subtle" | "mallard-subtle";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BaseBadgeSlots> & BaseBadgeSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/Base/BaseBadge/BaseBadge.d.ts

@@ -69,8 +69,8 @@ export interface BaseBadgeSlots {
  */
 export declare const getBadgeIconSize: (size: BadgeSize) => "2xsm" | "xsm" | "sm" | "3xsm";
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseBadgeProps> & Readonly<{}>, {
-    type: BadgeType;
-    size: BadgeSize;
+    type: "rect" | "pill" | "minify";
+    size: "2xsm" | "xsm" | "sm" | "md" | "tiny" | "tinier";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BaseBadgeSlots> & BaseBadgeSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/Base/BaseButton/BaseButton.d.ts

@@ -193,9 +193,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ba
 }, string, import('vue').PublicProps, Readonly<BaseButtonProps> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: ButtonType;
-    color: ButtonColor;
-    htmlType: "reset" | "submit" | "button";
+    type: "fill" | "outline" | "ghost";
+    color: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "primary" | "gray" | "neutral" | "danger" | "success" | "warning";
+    htmlType: "button" | "reset" | "submit";
     disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     buttonRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
@@ -204,14 +204,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ba
             default: boolean;
         };
         as: {
-            type: import('vue').PropType<import('reka-ui').AsTag | import('vue').Component>;
+            type: import('vue').PropType<import('vue').Component | import('reka-ui').AsTag>;
             default: string;
         };
     }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         asChild: boolean;
-        as: import('reka-ui').AsTag | import('vue').Component;
+        as: import('vue').Component | import('reka-ui').AsTag;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -225,14 +225,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ba
             default: boolean;
         };
         as: {
-            type: import('vue').PropType<import('reka-ui').AsTag | import('vue').Component>;
+            type: import('vue').PropType<import('vue').Component | import('reka-ui').AsTag>;
             default: string;
         };
     }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, {
         asChild: boolean;
-        as: import('reka-ui').AsTag | import('vue').Component;
+        as: import('vue').Component | import('reka-ui').AsTag;
     }> | null;
 }, any>, Readonly<BaseButtonSlots> & BaseButtonSlots>;
 export default _default;