@dpa-id-components/dpa-shared-components 7.1.3 → 7.1.5

package/dist/components/UiBadge/UiBadge.stories.d.ts

@@ -0,0 +1,245 @@
+import type { StoryObj } from "@storybook/vue3";
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                text?: string | undefined;
+                small?: boolean | undefined;
+                trim?: boolean | undefined;
+                color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | undefined;
+                iconName?: string | null | undefined;
+                mobileTrim?: boolean | undefined;
+                screenReaderText?: string | undefined;
+                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                class?: unknown;
+                style?: unknown;
+            };
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                text: {
+                    type: import("vue").PropType<string>;
+                    default: undefined;
+                };
+                small: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                trim: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                color: {
+                    type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green">;
+                    default: string;
+                };
+                iconName: {
+                    type: import("vue").PropType<string | null>;
+                    default: null;
+                };
+                mobileTrim: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                screenReaderText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                text: string;
+                small: boolean;
+                trim: boolean;
+                color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green";
+                iconName: string | null;
+                mobileTrim: boolean;
+                screenReaderText: string;
+            }, {}, string, {}> & {
+                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, {}>, {}, {}> | 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, {}>, {}, {}> | 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_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            text: {
+                type: import("vue").PropType<string>;
+                default: undefined;
+            };
+            small: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            trim: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            color: {
+                type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green">;
+                default: string;
+            };
+            iconName: {
+                type: import("vue").PropType<string | null>;
+                default: null;
+            };
+            mobileTrim: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            screenReaderText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        text: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        trim: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        color: {
+            type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green">;
+            default: string;
+        };
+        iconName: {
+            type: import("vue").PropType<string | null>;
+            default: null;
+        };
+        mobileTrim: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        screenReaderText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        text: string;
+        small: boolean;
+        trim: boolean;
+        color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green";
+        iconName: string | null;
+        mobileTrim: boolean;
+        screenReaderText: string;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    argTypes: {
+        text: {
+            control: string;
+        };
+        color: {
+            control: string;
+            options: string[];
+        };
+        iconName: {
+            control: string;
+            options: (string | null)[];
+        };
+        mobileTrim: {
+            control: string;
+        };
+        trim: {
+            control: string;
+        };
+        small: {
+            control: string;
+        };
+        screenReaderText: {
+            control: string;
+        };
+    };
+    args: {
+        text: string;
+        color: "red";
+        iconName: null;
+        mobileTrim: false;
+        trim: false;
+        small: false;
+        screenReaderText: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const PlanningItemBadge: Story;
+export declare const WithSlot: Story;

package/dist/components/UiBadge/UiBadge.vue.d.ts

@@ -1,83 +1,75 @@
-import type { PropType as __PropType } from 'vue';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     text: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
         default: undefined;
     };
+    small: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    trim: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     color: {
-        type: __PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | undefined>;
-        required: false;
+        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green">;
         default: string;
     };
     iconName: {
-        type: __PropType<string | null | undefined>;
-        required: false;
+        type: import("vue").PropType<string | null>;
         default: null;
     };
     mobileTrim: {
-        type: __PropType<boolean | undefined>;
-        required: false;
-        default: boolean;
-    };
-    trim: {
-        type: __PropType<boolean | undefined>;
-        required: false;
-        default: boolean;
-    };
-    small: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     screenReaderText: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
         default: undefined;
     };
+    small: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    trim: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     color: {
-        type: __PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | undefined>;
-        required: false;
+        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green">;
         default: string;
     };
     iconName: {
-        type: __PropType<string | null | undefined>;
-        required: false;
+        type: import("vue").PropType<string | null>;
         default: null;
     };
     mobileTrim: {
-        type: __PropType<boolean | undefined>;
-        required: false;
-        default: boolean;
-    };
-    trim: {
-        type: __PropType<boolean | undefined>;
-        required: false;
-        default: boolean;
-    };
-    small: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     screenReaderText: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
         default: string;
     };
 }>>, {
-    text: string | undefined;
-    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | undefined;
-    iconName: string | null | undefined;
-    mobileTrim: boolean | undefined;
-    trim: boolean | undefined;
-    small: boolean | undefined;
-    screenReaderText: string | undefined;
-}, {}>;
-export default _sfc_main;
+    text: string;
+    small: boolean;
+    trim: boolean;
+    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green";
+    iconName: string | null;
+    mobileTrim: boolean;
+    screenReaderText: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/UiButton/UiButton.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/UiButton/UiButton.stories.d.ts

@@ -0,0 +1,256 @@
+import type { StoryObj } from "@storybook/vue3";
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                size?: "xs" | "small" | "medium" | "large" | undefined;
+                color?: "blue" | "white" | "gray" | "transparent" | "light-gray" | undefined;
+                iconName?: string | null | undefined;
+                disabled?: boolean | undefined;
+                href?: string | undefined;
+                rounded?: boolean | undefined;
+                disabledVariant?: "primary" | "secondary" | undefined;
+                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                class?: unknown;
+                style?: unknown;
+                onClick?: (() => any) | undefined;
+            };
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: (event: "click") => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
+                    default: string;
+                };
+                color: {
+                    type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
+                    default: string;
+                };
+                iconName: {
+                    type: import("vue").PropType<string | null>;
+                    default: null;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                href: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                rounded: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                disabledVariant: {
+                    type: import("vue").PropType<"primary" | "secondary">;
+                    default: string;
+                };
+            }>> & {
+                onClick?: (() => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: () => void;
+            }, string, {
+                size: "xs" | "small" | "medium" | "large";
+                color: "blue" | "white" | "gray" | "transparent" | "light-gray";
+                iconName: string | null;
+                disabled: boolean;
+                href: string;
+                rounded: boolean;
+                disabledVariant: "primary" | "secondary";
+            }, {}, string, {}> & {
+                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, {}>, {}, {}> | 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, {}>, {}, {}> | 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_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
+                default: string;
+            };
+            color: {
+                type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
+                default: string;
+            };
+            iconName: {
+                type: import("vue").PropType<string | null>;
+                default: null;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            href: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            rounded: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            disabledVariant: {
+                type: import("vue").PropType<"primary" | "secondary">;
+                default: string;
+            };
+        }>> & {
+            onClick?: (() => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
+            default: string;
+        };
+        color: {
+            type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
+            default: string;
+        };
+        iconName: {
+            type: import("vue").PropType<string | null>;
+            default: null;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        href: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        rounded: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        disabledVariant: {
+            type: import("vue").PropType<"primary" | "secondary">;
+            default: string;
+        };
+    }>> & {
+        onClick?: (() => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: () => void;
+    }, string, {
+        size: "xs" | "small" | "medium" | "large";
+        color: "blue" | "white" | "gray" | "transparent" | "light-gray";
+        iconName: string | null;
+        disabled: boolean;
+        href: string;
+        rounded: boolean;
+        disabledVariant: "primary" | "secondary";
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    argTypes: {
+        iconName: {
+            control: string;
+            options: string[];
+        };
+        disabled: {
+            control: string;
+        };
+        rounded: {
+            control: string;
+        };
+        href: {
+            control: string;
+        };
+        color: {
+            control: string;
+            options: string[];
+        };
+        disabledVariant: {
+            control: string;
+            options: string[];
+        };
+        size: {
+            control: string;
+            options: string[];
+        };
+    };
+    args: {
+        iconName: null;
+        disabled: false;
+        rounded: false;
+        color: "blue";
+        size: "large";
+        disabledVariant: "primary";
+        href: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;