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

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

@@ -1,118 +1,106 @@
-import type { PropType as __PropType } from 'vue';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     scrollable: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     maxWidth: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
         default: string;
     };
     maxHeight: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
         default: string;
     };
     roundedBorder: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     hasPaddingY: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     hasPaddingX: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     headerClasses: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
         default: string;
     };
     hasCloseButton: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     closeOnClickOutside: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     positionTop: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     scrollable: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     maxWidth: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
         default: string;
     };
     maxHeight: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
         default: string;
     };
     roundedBorder: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     hasPaddingY: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     hasPaddingX: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     headerClasses: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
         default: string;
     };
     hasCloseButton: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     closeOnClickOutside: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     positionTop: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
         default: string;
     };
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
-    scrollable: boolean | undefined;
-    maxWidth: string | undefined;
-    maxHeight: string | undefined;
-    roundedBorder: boolean | undefined;
-    hasPaddingY: boolean | undefined;
-    hasPaddingX: boolean | undefined;
-    headerClasses: string | undefined;
-    hasCloseButton: boolean | undefined;
-    closeOnClickOutside: boolean | undefined;
-    positionTop: string | undefined;
-}, {}>;
-export default _sfc_main;
+    scrollable: boolean;
+    maxWidth: string;
+    maxHeight: string;
+    roundedBorder: boolean;
+    hasPaddingY: boolean;
+    hasPaddingX: boolean;
+    headerClasses: string;
+    hasCloseButton: boolean;
+    closeOnClickOutside: boolean;
+    positionTop: string;
+}, {}>, {
+    header?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,425 @@
+import type { StoryObj } from "@storybook/vue3";
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                size?: "small" | "medium" | "large" | "xl" | undefined;
+                fill?: string | undefined;
+                color?: string | undefined;
+                iconIsFilled?: boolean | 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<{
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
+                    default: string;
+                };
+                fill: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                color: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                iconIsFilled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                size: "small" | "medium" | "large" | "xl";
+                fill: string;
+                color: string;
+                iconIsFilled: boolean;
+            }, {}, 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<"small" | "medium" | "large" | "xl">;
+                default: string;
+            };
+            fill: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            color: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            iconIsFilled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
+            default: string;
+        };
+        fill: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        color: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        iconIsFilled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        size: "small" | "medium" | "large" | "xl";
+        fill: string;
+        color: string;
+        iconIsFilled: boolean;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    argTypes: {
+        size: {
+            control: string;
+            options: string[];
+        };
+        color: {
+            control: string;
+        };
+        fill: {
+            control: string;
+        };
+        iconIsFilled: {
+            control: string;
+        };
+        isClickable: {
+            control: string;
+        };
+        label: {
+            control: string;
+        };
+        iconMargin: {
+            control: string;
+            options: string[];
+        };
+        args: {
+            size: string;
+            color: string;
+            fill: string;
+            iconIsFilled: boolean;
+            isClickable: boolean;
+            label: string;
+            iconMargin: string;
+        };
+    };
+    render: (args: any) => {
+        setup(this: void): {
+            args: any;
+        };
+        components: {
+            UiFilterBadge: {
+                new (...args: any[]): {
+                    $: import("vue").ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        size?: "small" | "medium" | "large" | "xl" | undefined;
+                        fill?: string | undefined;
+                        color?: string | undefined;
+                        iconIsFilled?: boolean | 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<{
+                        size: {
+                            type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
+                            default: string;
+                        };
+                        fill: {
+                            type: import("vue").PropType<string>;
+                            default: string;
+                        };
+                        color: {
+                            type: import("vue").PropType<string>;
+                            default: string;
+                        };
+                        iconIsFilled: {
+                            type: import("vue").PropType<boolean>;
+                            default: boolean;
+                        };
+                    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                        size: "small" | "medium" | "large" | "xl";
+                        fill: string;
+                        color: string;
+                        iconIsFilled: boolean;
+                    }, {}, 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<"small" | "medium" | "large" | "xl">;
+                        default: string;
+                    };
+                    fill: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    color: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    iconIsFilled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
+                    default: string;
+                };
+                fill: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                color: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                iconIsFilled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                size: "small" | "medium" | "large" | "xl";
+                fill: string;
+                color: string;
+                iconIsFilled: boolean;
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            });
+            UiIconButton: import("vue").DefineComponent<{
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
+                    default: string;
+                };
+                iconName: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                title: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                backgroundColor: {
+                    type: import("vue").PropType<"blue" | "none">;
+                    default: string;
+                };
+                iconColor: {
+                    type: import("vue").PropType<"blue" | "white" | "gray">;
+                    default: string;
+                };
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (payload: any) => void;
+            }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
+                    default: string;
+                };
+                iconName: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                title: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                backgroundColor: {
+                    type: import("vue").PropType<"blue" | "none">;
+                    default: string;
+                };
+                iconColor: {
+                    type: import("vue").PropType<"blue" | "white" | "gray">;
+                    default: string;
+                };
+            }>> & {
+                onClick?: ((payload: any) => any) | undefined;
+            }, {
+                size: "small" | "medium" | "large" | "xl";
+                title: string;
+                disabled: boolean;
+                backgroundColor: "blue" | "none";
+                iconColor: "blue" | "white" | "gray";
+            }, {}>;
+        };
+        template: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithIsOutlined: Story;