@vc-shell/framework 1.0.181 → 1.0.183

package/dist/ui/components/atoms/vc-button/vc-button.stories.d.ts

@@ -1,7 +1,2297 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
+import type { StoryFn } from "@storybook/vue3";
 import { VcButton } from "./";
-declare const meta: Meta<typeof VcButton>;
-export default meta;
-type Story = StoryObj<typeof VcButton>;
-export declare const Primary: Story;
+declare const _default: {
+    title: string;
+    component: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            small: {
+                type: import("vue").PropType<boolean>;
+            };
+            text: {
+                type: import("vue").PropType<boolean>;
+            };
+            icon: {
+                type: import("vue").PropType<string>;
+            };
+            variant: {
+                type: import("vue").PropType<"warning" | "danger" | "primary">;
+                default: string;
+            };
+            iconClass: {
+                type: import("vue").PropType<string>;
+            };
+            iconSize: {
+                type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+                default: string;
+            };
+            outline: {
+                type: import("vue").PropType<boolean>;
+            };
+            selected: {
+                type: import("vue").PropType<boolean>;
+            };
+            raised: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>> & {
+            onClick?: ((value: Event) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: (value: Event) => void;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            small: {
+                type: import("vue").PropType<boolean>;
+            };
+            text: {
+                type: import("vue").PropType<boolean>;
+            };
+            icon: {
+                type: import("vue").PropType<string>;
+            };
+            variant: {
+                type: import("vue").PropType<"warning" | "danger" | "primary">;
+                default: string;
+            };
+            iconClass: {
+                type: import("vue").PropType<string>;
+            };
+            iconSize: {
+                type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+                default: string;
+            };
+            outline: {
+                type: import("vue").PropType<boolean>;
+            };
+            selected: {
+                type: import("vue").PropType<boolean>;
+            };
+            raised: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>> & {
+            onClick?: ((value: Event) => any) | undefined;
+        }, {
+            variant: "warning" | "danger" | "primary";
+            iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            small: {
+                type: import("vue").PropType<boolean>;
+            };
+            text: {
+                type: import("vue").PropType<boolean>;
+            };
+            icon: {
+                type: import("vue").PropType<string>;
+            };
+            variant: {
+                type: import("vue").PropType<"warning" | "danger" | "primary">;
+                default: string;
+            };
+            iconClass: {
+                type: import("vue").PropType<string>;
+            };
+            iconSize: {
+                type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+                default: string;
+            };
+            outline: {
+                type: import("vue").PropType<boolean>;
+            };
+            selected: {
+                type: import("vue").PropType<boolean>;
+            };
+            raised: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>> & {
+            onClick?: ((value: Event) => any) | undefined;
+        }, {}, {}, {}, {}, {
+            variant: "warning" | "danger" | "primary";
+            iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (value: Event) => void;
+    }, string, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: Readonly<{
+            default: (props?: any) => any;
+        }> & {
+            default: (props?: any) => any;
+        };
+    });
+    args: {
+        default: string;
+        variant: "primary";
+        iconSize: "s";
+    };
+    argTypes: {
+        default: {
+            control: string;
+        };
+        icon: {
+            control: string;
+        };
+        iconClass: {
+            control: string;
+        };
+        iconSize: {
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            options: string[];
+        };
+        variant: {
+            control: string;
+            options: string[];
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            control: string;
+        };
+        small: {
+            control: string;
+        };
+        outline: {
+            control: string;
+        };
+        selected: {
+            control: string;
+        };
+        text: {
+            control: string;
+        };
+        raised: {
+            control: string;
+        };
+    };
+};
+export default _default;
+export declare const Template: StoryFn<typeof VcButton>;
+export declare const Basic: StoryFn<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (value: Event) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    small: {
+        type: import("vue").PropType<boolean>;
+    };
+    text: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        default: string;
+    };
+    iconClass: {
+        type: import("vue").PropType<string>;
+    };
+    iconSize: {
+        type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+        default: string;
+    };
+    outline: {
+        type: import("vue").PropType<boolean>;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+    };
+    raised: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    onClick?: ((value: Event) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (value: Event) => void;
+}, string, {
+    variant: "warning" | "danger" | "primary";
+    iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default: (props?: any) => any;
+    }> & {
+        default: (props?: any) => any;
+    };
+})>;
+export declare const Disabled: StoryFn<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (value: Event) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    small: {
+        type: import("vue").PropType<boolean>;
+    };
+    text: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        default: string;
+    };
+    iconClass: {
+        type: import("vue").PropType<string>;
+    };
+    iconSize: {
+        type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+        default: string;
+    };
+    outline: {
+        type: import("vue").PropType<boolean>;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+    };
+    raised: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    onClick?: ((value: Event) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (value: Event) => void;
+}, string, {
+    variant: "warning" | "danger" | "primary";
+    iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default: (props?: any) => any;
+    }> & {
+        default: (props?: any) => any;
+    };
+})>;
+export declare const Small: StoryFn<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (value: Event) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    small: {
+        type: import("vue").PropType<boolean>;
+    };
+    text: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        default: string;
+    };
+    iconClass: {
+        type: import("vue").PropType<string>;
+    };
+    iconSize: {
+        type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+        default: string;
+    };
+    outline: {
+        type: import("vue").PropType<boolean>;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+    };
+    raised: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    onClick?: ((value: Event) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (value: Event) => void;
+}, string, {
+    variant: "warning" | "danger" | "primary";
+    iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default: (props?: any) => any;
+    }> & {
+        default: (props?: any) => any;
+    };
+})>;
+export declare const Outline: StoryFn<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (value: Event) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    small: {
+        type: import("vue").PropType<boolean>;
+    };
+    text: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        default: string;
+    };
+    iconClass: {
+        type: import("vue").PropType<string>;
+    };
+    iconSize: {
+        type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+        default: string;
+    };
+    outline: {
+        type: import("vue").PropType<boolean>;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+    };
+    raised: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    onClick?: ((value: Event) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (value: Event) => void;
+}, string, {
+    variant: "warning" | "danger" | "primary";
+    iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default: (props?: any) => any;
+    }> & {
+        default: (props?: any) => any;
+    };
+})>;
+export declare const Selected: StoryFn<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (value: Event) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    small: {
+        type: import("vue").PropType<boolean>;
+    };
+    text: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        default: string;
+    };
+    iconClass: {
+        type: import("vue").PropType<string>;
+    };
+    iconSize: {
+        type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+        default: string;
+    };
+    outline: {
+        type: import("vue").PropType<boolean>;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+    };
+    raised: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    onClick?: ((value: Event) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (value: Event) => void;
+}, string, {
+    variant: "warning" | "danger" | "primary";
+    iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default: (props?: any) => any;
+    }> & {
+        default: (props?: any) => any;
+    };
+})>;
+export declare const Text: StoryFn<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (value: Event) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    small: {
+        type: import("vue").PropType<boolean>;
+    };
+    text: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        default: string;
+    };
+    iconClass: {
+        type: import("vue").PropType<string>;
+    };
+    iconSize: {
+        type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+        default: string;
+    };
+    outline: {
+        type: import("vue").PropType<boolean>;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+    };
+    raised: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    onClick?: ((value: Event) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (value: Event) => void;
+}, string, {
+    variant: "warning" | "danger" | "primary";
+    iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default: (props?: any) => any;
+    }> & {
+        default: (props?: any) => any;
+    };
+})>;
+export declare const Raised: StoryFn<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (value: Event) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    small: {
+        type: import("vue").PropType<boolean>;
+    };
+    text: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        default: string;
+    };
+    iconClass: {
+        type: import("vue").PropType<string>;
+    };
+    iconSize: {
+        type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+        default: string;
+    };
+    outline: {
+        type: import("vue").PropType<boolean>;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+    };
+    raised: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    onClick?: ((value: Event) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (value: Event) => void;
+}, string, {
+    variant: "warning" | "danger" | "primary";
+    iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default: (props?: any) => any;
+    }> & {
+        default: (props?: any) => any;
+    };
+})>;
+export declare const Icon: StoryFn<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (value: Event) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    small: {
+        type: import("vue").PropType<boolean>;
+    };
+    text: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        default: string;
+    };
+    iconClass: {
+        type: import("vue").PropType<string>;
+    };
+    iconSize: {
+        type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+        default: string;
+    };
+    outline: {
+        type: import("vue").PropType<boolean>;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+    };
+    raised: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    onClick?: ((value: Event) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (value: Event) => void;
+}, string, {
+    variant: "warning" | "danger" | "primary";
+    iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default: (props?: any) => any;
+    }> & {
+        default: (props?: any) => any;
+    };
+})>;
+export declare const IconClass: StoryFn<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (value: Event) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    small: {
+        type: import("vue").PropType<boolean>;
+    };
+    text: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        default: string;
+    };
+    iconClass: {
+        type: import("vue").PropType<string>;
+    };
+    iconSize: {
+        type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+        default: string;
+    };
+    outline: {
+        type: import("vue").PropType<boolean>;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+    };
+    raised: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    onClick?: ((value: Event) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (value: Event) => void;
+}, string, {
+    variant: "warning" | "danger" | "primary";
+    iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default: (props?: any) => any;
+    }> & {
+        default: (props?: any) => any;
+    };
+})>;
+export declare const IconSize: StoryFn<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (value: Event) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    small: {
+        type: import("vue").PropType<boolean>;
+    };
+    text: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        default: string;
+    };
+    iconClass: {
+        type: import("vue").PropType<string>;
+    };
+    iconSize: {
+        type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+        default: string;
+    };
+    outline: {
+        type: import("vue").PropType<boolean>;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+    };
+    raised: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    onClick?: ((value: Event) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (value: Event) => void;
+}, string, {
+    variant: "warning" | "danger" | "primary";
+    iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default: (props?: any) => any;
+    }> & {
+        default: (props?: any) => any;
+    };
+})>;
+export declare const Warning: StoryFn<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (value: Event) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    small: {
+        type: import("vue").PropType<boolean>;
+    };
+    text: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        default: string;
+    };
+    iconClass: {
+        type: import("vue").PropType<string>;
+    };
+    iconSize: {
+        type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+        default: string;
+    };
+    outline: {
+        type: import("vue").PropType<boolean>;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+    };
+    raised: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    onClick?: ((value: Event) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (value: Event) => void;
+}, string, {
+    variant: "warning" | "danger" | "primary";
+    iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default: (props?: any) => any;
+    }> & {
+        default: (props?: any) => any;
+    };
+})>;
+export declare const Danger: StoryFn<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (value: Event) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        small: {
+            type: import("vue").PropType<boolean>;
+        };
+        text: {
+            type: import("vue").PropType<boolean>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            default: string;
+        };
+        iconClass: {
+            type: import("vue").PropType<string>;
+        };
+        iconSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
+        outline: {
+            type: import("vue").PropType<boolean>;
+        };
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: ((value: Event) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        variant: "warning" | "danger" | "primary";
+        iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    small: {
+        type: import("vue").PropType<boolean>;
+    };
+    text: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        default: string;
+    };
+    iconClass: {
+        type: import("vue").PropType<string>;
+    };
+    iconSize: {
+        type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+        default: string;
+    };
+    outline: {
+        type: import("vue").PropType<boolean>;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+    };
+    raised: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    onClick?: ((value: Event) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (value: Event) => void;
+}, string, {
+    variant: "warning" | "danger" | "primary";
+    iconSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default: (props?: any) => any;
+    }> & {
+        default: (props?: any) => any;
+    };
+})>;
+export declare const AllStates: StoryFn<typeof VcButton>;
 //# sourceMappingURL=vc-button.stories.d.ts.map