@dronico/droni-kit 1.15.0 → 1.17.0

package/dist/index.d.ts

@@ -9,5 +9,6 @@ import { default as DuiTable } from './stories/Elements/DuiTable.vue';
 import { default as DuiAction } from './stories/Elements/DuiAction.vue';
 import { default as DuiCard } from './stories/Elements/DuiCard.vue';
 import { default as DuiModal } from './stories/Elements/DuiModal.vue';
+import { default as DuiTooltip } from './stories/Elements/DuiTooltip.vue';
 import { default as DuiNavbar } from './stories/Widgets/DuiNavbar.vue';
-export { DuiButton, DuiInput, DuiTextarea, DuiAction, DuiCard, DuiSelect, DuiLabel, DuiCheckbox, DuiAlert, DuiTable, DuiModal, DuiNavbar };
+export { DuiButton, DuiInput, DuiTextarea, DuiAction, DuiCard, DuiSelect, DuiLabel, DuiCheckbox, DuiAlert, DuiTable, DuiModal, DuiTooltip, DuiNavbar };

package/dist/stories/Elements/DuiAccordion.stories.d.ts

@@ -0,0 +1,104 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./DuiAccordion.vue').DuiAccordionProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+            onChange?: ((value: string) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "update:modelValue": (value: string | string[]) => any;
+            change: (value: string) => any;
+        }, import('vue').PublicProps, {
+            variant: "bordered" | "separated" | "ghost";
+            color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+            size: "sm" | "md" | "lg";
+            modelValue: string | string[];
+            multiple: boolean;
+            flush: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./DuiAccordion.vue').DuiAccordionProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+            onChange?: ((value: string) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            variant: "bordered" | "separated" | "ghost";
+            color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+            size: "sm" | "md" | "lg";
+            modelValue: string | string[];
+            multiple: boolean;
+            flush: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./DuiAccordion.vue').DuiAccordionProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: string | string[]) => any;
+        change: (value: string) => any;
+    }, string, {
+        variant: "bordered" | "separated" | "ghost";
+        color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+        size: "sm" | "md" | "lg";
+        modelValue: string | string[];
+        multiple: boolean;
+        flush: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Partial<Record<string, (_: {}) => any>>;
+    });
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        color: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        multiple: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        flush: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Multiple: Story;
+export declare const Variants: Story;
+export declare const WithIcons: Story;

package/dist/stories/Elements/DuiAccordion.vue.d.ts

@@ -0,0 +1,44 @@
+export interface DuiAccordionItem {
+    title: string;
+    value?: string;
+    content?: string;
+    icon?: string;
+    disabled?: boolean;
+}
+export interface DuiAccordionProps {
+    items: DuiAccordionItem[];
+    modelValue?: string | string[];
+    multiple?: boolean;
+    variant?: 'bordered' | 'separated' | 'ghost';
+    color?: 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+    size?: 'sm' | 'md' | 'lg';
+    flush?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {}) => any>>;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DuiAccordionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | string[]) => any;
+    change: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<DuiAccordionProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+}>, {
+    variant: "bordered" | "separated" | "ghost";
+    color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+    size: "sm" | "md" | "lg";
+    modelValue: string | string[];
+    multiple: boolean;
+    flush: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/stories/Elements/DuiBadge.stories.d.ts

@@ -0,0 +1,124 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./DuiBadge.vue').DuiBadgeProps> & Readonly<{
+            onDismiss?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            dismiss: () => any;
+        }, import('vue').PublicProps, {
+            href: string;
+            variant: "solid" | "soft" | "outline";
+            color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+            size: "xs" | "sm" | "md" | "lg";
+            rounded: "full" | "md" | "none";
+            label: string;
+            dot: boolean;
+            dismissible: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./DuiBadge.vue').DuiBadgeProps> & Readonly<{
+            onDismiss?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            href: string;
+            variant: "solid" | "soft" | "outline";
+            color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+            size: "xs" | "sm" | "md" | "lg";
+            rounded: "full" | "md" | "none";
+            label: string;
+            dot: boolean;
+            dismissible: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./DuiBadge.vue').DuiBadgeProps> & Readonly<{
+        onDismiss?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        dismiss: () => any;
+    }, string, {
+        href: string;
+        variant: "solid" | "soft" | "outline";
+        color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+        size: "xs" | "sm" | "md" | "lg";
+        rounded: "full" | "md" | "none";
+        label: string;
+        dot: boolean;
+        dismissible: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            icon?(_: {}): any;
+            default?(_: {}): any;
+        };
+    });
+    tags: string[];
+    argTypes: {
+        label: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        color: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        rounded: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        dot: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        dismissible: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Colors: Story;
+export declare const Variants: Story;
+export declare const Sizes: Story;
+export declare const WithDot: Story;
+export declare const Dismissible: Story;
+export declare const WithIcon: Story;

package/dist/stories/Elements/DuiBadge.vue.d.ts

@@ -0,0 +1,41 @@
+export interface DuiBadgeProps {
+    label?: string;
+    color?: 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+    variant?: 'solid' | 'soft' | 'outline';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    rounded?: 'full' | 'md' | 'none';
+    dot?: boolean;
+    dismissible?: boolean;
+    href?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DuiBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    dismiss: () => any;
+}, string, import('vue').PublicProps, Readonly<DuiBadgeProps> & Readonly<{
+    onDismiss?: (() => any) | undefined;
+}>, {
+    href: string;
+    variant: "solid" | "soft" | "outline";
+    color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+    size: "xs" | "sm" | "md" | "lg";
+    rounded: "full" | "md" | "none";
+    label: string;
+    dot: boolean;
+    dismissible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/stories/Elements/DuiDropdown.stories.d.ts

@@ -0,0 +1,131 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./DuiDropdown.vue').DuiDropdownProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onClose?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "update:modelValue": (value: boolean) => any;
+            open: () => any;
+            close: () => any;
+        }, import('vue').PublicProps, {
+            variant: "solid" | "outline" | "ghost";
+            color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+            size: "sm" | "md" | "lg";
+            disabled: boolean;
+            rounded: "all" | "none" | "sm";
+            modelValue: boolean;
+            placement: "bottom-start" | "bottom-end" | "top-start" | "top-end" | "bottom" | "top";
+            minWidth: string;
+            ariaLabel: string;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            wrapperRef: HTMLDivElement;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./DuiDropdown.vue').DuiDropdownProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onClose?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            variant: "solid" | "outline" | "ghost";
+            color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+            size: "sm" | "md" | "lg";
+            disabled: boolean;
+            rounded: "all" | "none" | "sm";
+            modelValue: boolean;
+            placement: "bottom-start" | "bottom-end" | "top-start" | "top-end" | "bottom" | "top";
+            minWidth: string;
+            ariaLabel: string;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./DuiDropdown.vue').DuiDropdownProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        onClose?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: boolean) => any;
+        open: () => any;
+        close: () => any;
+    }, string, {
+        variant: "solid" | "outline" | "ghost";
+        color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+        size: "sm" | "md" | "lg";
+        disabled: boolean;
+        rounded: "all" | "none" | "sm";
+        modelValue: boolean;
+        placement: "bottom-start" | "bottom-end" | "top-start" | "top-end" | "bottom" | "top";
+        minWidth: string;
+        ariaLabel: string;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            trigger?(_: {}): any;
+            default?(_: {}): any;
+        };
+    });
+    tags: string[];
+    argTypes: {
+        placement: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        color: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        rounded: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Placements: Story;
+export declare const Variants: Story;
+export declare const WithIcons: Story;

package/dist/stories/Elements/DuiDropdown.vue.d.ts

@@ -0,0 +1,51 @@
+export interface DuiDropdownProps {
+    modelValue?: boolean;
+    placement?: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end' | 'bottom' | 'top';
+    variant?: 'solid' | 'outline' | 'ghost';
+    color?: 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+    size?: 'sm' | 'md' | 'lg';
+    rounded?: 'all' | 'none' | 'sm';
+    minWidth?: string;
+    ariaLabel?: string;
+    disabled?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        wrapperRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DuiDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+    open: () => any;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<DuiDropdownProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    variant: "solid" | "outline" | "ghost";
+    color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    rounded: "all" | "none" | "sm";
+    modelValue: boolean;
+    placement: "bottom-start" | "bottom-end" | "top-start" | "top-end" | "bottom" | "top";
+    minWidth: string;
+    ariaLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/stories/Elements/DuiDropdownItem.vue.d.ts

@@ -0,0 +1,40 @@
+export interface DuiDropdownItemProps {
+    label?: string;
+    icon?: string;
+    href?: string;
+    target?: string;
+    disabled?: boolean;
+    danger?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+        trailing?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DuiDropdownItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<DuiDropdownItemProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    href: string;
+    danger: boolean;
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    label: string;
+    icon: string;
+    target: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/stories/Elements/DuiDropdownSeparator.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLHRElement>;
+export default _default;

package/dist/stories/Elements/DuiEmptyState.stories.d.ts

@@ -0,0 +1,99 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./DuiEmptyState.vue').DuiEmptyStateProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            variant: "default" | "bordered" | "dashed";
+            size: "sm" | "md" | "lg";
+            title: string;
+            description: string;
+            align: "center" | "left";
+            illustration: string;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./DuiEmptyState.vue').DuiEmptyStateProps> & Readonly<{}>, {}, {}, {}, {}, {
+            variant: "default" | "bordered" | "dashed";
+            size: "sm" | "md" | "lg";
+            title: string;
+            description: string;
+            align: "center" | "left";
+            illustration: string;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./DuiEmptyState.vue').DuiEmptyStateProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        variant: "default" | "bordered" | "dashed";
+        size: "sm" | "md" | "lg";
+        title: string;
+        description: string;
+        align: "center" | "left";
+        illustration: string;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            illustration?(_: {}): any;
+            description?(_: {}): any;
+            actions?(_: {}): any;
+        };
+    });
+    tags: string[];
+    argTypes: {
+        title: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        description: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        illustration: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        align: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const NoData: Story;
+export declare const Error: Story;