@dpa-id-components/dpa-shared-components 7.1.1 → 7.1.4

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

@@ -0,0 +1,594 @@
+import type { StoryObj } from "@storybook/vue3";
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                iconName?: string | null | undefined;
+                iconSize?: "xs" | "small" | "medium" | "large" | "xl" | undefined;
+                iconColor?: "white" | "gray" | undefined;
+                iconBackground?: "white" | "gray" | "green" | 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<{
+                iconName: {
+                    type: import("vue").PropType<string | null>;
+                    required: true;
+                    default: null;
+                };
+                iconSize: {
+                    type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
+                    required: true;
+                    default: string;
+                };
+                iconColor: {
+                    type: import("vue").PropType<"white" | "gray">;
+                    required: true;
+                    default: string;
+                };
+                iconBackground: {
+                    type: import("vue").PropType<"white" | "gray" | "green">;
+                    required: true;
+                    default: string;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                iconName: string | null;
+                iconSize: "xs" | "small" | "medium" | "large" | "xl";
+                iconColor: "white" | "gray";
+                iconBackground: "white" | "gray" | "green";
+            }, {}, 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<{
+            iconName: {
+                type: import("vue").PropType<string | null>;
+                required: true;
+                default: null;
+            };
+            iconSize: {
+                type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
+                required: true;
+                default: string;
+            };
+            iconColor: {
+                type: import("vue").PropType<"white" | "gray">;
+                required: true;
+                default: string;
+            };
+            iconBackground: {
+                type: import("vue").PropType<"white" | "gray" | "green">;
+                required: true;
+                default: string;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        iconName: {
+            type: import("vue").PropType<string | null>;
+            required: true;
+            default: null;
+        };
+        iconSize: {
+            type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
+            required: true;
+            default: string;
+        };
+        iconColor: {
+            type: import("vue").PropType<"white" | "gray">;
+            required: true;
+            default: string;
+        };
+        iconBackground: {
+            type: import("vue").PropType<"white" | "gray" | "green">;
+            required: true;
+            default: string;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        iconName: string | null;
+        iconSize: "xs" | "small" | "medium" | "large" | "xl";
+        iconColor: "white" | "gray";
+        iconBackground: "white" | "gray" | "green";
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            title?(_: {}): any;
+            default?(_: {}): any;
+            actions?(_: {}): any;
+        };
+    });
+    argTypes: {
+        iconBackground: {
+            control: string;
+            options: string[];
+        };
+        iconColor: {
+            control: string;
+            options: string[];
+        };
+        iconName: {
+            control: string;
+            options: string[];
+        };
+        iconSize: {
+            control: string;
+            options: string[];
+        };
+    };
+    args: {
+        iconBackground: "white";
+        iconColor: "gray";
+        iconName: string;
+        iconSize: "xl";
+    };
+    render: (args: any) => {
+        setup(this: void): {
+            args: any;
+        };
+        components: {
+            UiInfoContent: {
+                new (...args: any[]): {
+                    $: import("vue").ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        iconName?: string | null | undefined;
+                        iconSize?: "xs" | "small" | "medium" | "large" | "xl" | undefined;
+                        iconColor?: "white" | "gray" | undefined;
+                        iconBackground?: "white" | "gray" | "green" | 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<{
+                        iconName: {
+                            type: import("vue").PropType<string | null>;
+                            required: true;
+                            default: null;
+                        };
+                        iconSize: {
+                            type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
+                            required: true;
+                            default: string;
+                        };
+                        iconColor: {
+                            type: import("vue").PropType<"white" | "gray">;
+                            required: true;
+                            default: string;
+                        };
+                        iconBackground: {
+                            type: import("vue").PropType<"white" | "gray" | "green">;
+                            required: true;
+                            default: string;
+                        };
+                    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                        iconName: string | null;
+                        iconSize: "xs" | "small" | "medium" | "large" | "xl";
+                        iconColor: "white" | "gray";
+                        iconBackground: "white" | "gray" | "green";
+                    }, {}, 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<{
+                    iconName: {
+                        type: import("vue").PropType<string | null>;
+                        required: true;
+                        default: null;
+                    };
+                    iconSize: {
+                        type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
+                        required: true;
+                        default: string;
+                    };
+                    iconColor: {
+                        type: import("vue").PropType<"white" | "gray">;
+                        required: true;
+                        default: string;
+                    };
+                    iconBackground: {
+                        type: import("vue").PropType<"white" | "gray" | "green">;
+                        required: true;
+                        default: string;
+                    };
+                }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                iconName: {
+                    type: import("vue").PropType<string | null>;
+                    required: true;
+                    default: null;
+                };
+                iconSize: {
+                    type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
+                    required: true;
+                    default: string;
+                };
+                iconColor: {
+                    type: import("vue").PropType<"white" | "gray">;
+                    required: true;
+                    default: string;
+                };
+                iconBackground: {
+                    type: import("vue").PropType<"white" | "gray" | "green">;
+                    required: true;
+                    default: string;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                iconName: string | null;
+                iconSize: "xs" | "small" | "medium" | "large" | "xl";
+                iconColor: "white" | "gray";
+                iconBackground: "white" | "gray" | "green";
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    title?(_: {}): any;
+                    default?(_: {}): any;
+                    actions?(_: {}): any;
+                };
+            });
+            UiButton: {
+                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;
+                };
+            });
+        };
+        template: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;