@vc-shell/framework 1.1.0-alpha.8 → 1.1.0

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

@@ -1,1277 +0,0 @@
-import type { StoryFn } from "@storybook/vue3";
-import { VcButton } from "./";
-declare const _default: {
-    title: string;
-    component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            disabled: {
-                type: import("vue").PropType<boolean>;
-            };
-            size: {
-                type: import("vue").PropType<"base" | "xs" | "sm">;
-                default: string;
-            };
-            small: {
-                type: import("vue").PropType<boolean>;
-            };
-            text: {
-                type: import("vue").PropType<boolean>;
-            };
-            icon: {
-                type: import("vue").PropType<string | import("vue").Component>;
-            };
-            variant: {
-                type: import("vue").PropType<"primary" | "secondary">;
-                default: string;
-            };
-            iconSize: {
-                type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-                default: string;
-            };
-            iconClass: {
-                type: import("vue").PropType<string>;
-            };
-            outline: {
-                type: import("vue").PropType<boolean>;
-            };
-            selected: {
-                type: import("vue").PropType<boolean>;
-            };
-            raised: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>> & Readonly<{
-            onClick?: ((value: Event) => any) | undefined;
-        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            click: (value: Event) => void;
-        }, import("vue").PublicProps, {
-            size: "base" | "xs" | "sm";
-            variant: "primary" | "secondary";
-            iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            disabled: {
-                type: import("vue").PropType<boolean>;
-            };
-            size: {
-                type: import("vue").PropType<"base" | "xs" | "sm">;
-                default: string;
-            };
-            small: {
-                type: import("vue").PropType<boolean>;
-            };
-            text: {
-                type: import("vue").PropType<boolean>;
-            };
-            icon: {
-                type: import("vue").PropType<string | import("vue").Component>;
-            };
-            variant: {
-                type: import("vue").PropType<"primary" | "secondary">;
-                default: string;
-            };
-            iconSize: {
-                type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-                default: string;
-            };
-            iconClass: {
-                type: import("vue").PropType<string>;
-            };
-            outline: {
-                type: import("vue").PropType<boolean>;
-            };
-            selected: {
-                type: import("vue").PropType<boolean>;
-            };
-            raised: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>> & Readonly<{
-            onClick?: ((value: Event) => any) | undefined;
-        }>, {}, {}, {}, {}, {
-            size: "base" | "xs" | "sm";
-            variant: "primary" | "secondary";
-            iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-        }>;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"base" | "xs" | "sm">;
-            default: string;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"primary" | "secondary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (value: Event) => void;
-    }, string, {
-        size: "base" | "xs" | "sm";
-        variant: "primary" | "secondary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & 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: "text";
-        };
-        icon: {
-            control: "text";
-        };
-        iconClass: {
-            control: "text";
-        };
-        iconSize: {
-            control: "radio";
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            options: string[];
-        };
-        variant: {
-            control: "radio";
-            options: string[];
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        disabled: {
-            control: "boolean";
-        };
-        small: {
-            control: "boolean";
-        };
-        outline: {
-            control: "boolean";
-        };
-        selected: {
-            control: "boolean";
-        };
-        text: {
-            control: "boolean";
-        };
-        raised: {
-            control: "boolean";
-        };
-    };
-};
-export default _default;
-export declare const Template: StoryFn<typeof VcButton>;
-export declare const Basic: StoryFn<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"base" | "xs" | "sm">;
-            default: string;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"primary" | "secondary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (value: Event) => void;
-    }, import("vue").PublicProps, {
-        size: "base" | "xs" | "sm";
-        variant: "primary" | "secondary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"base" | "xs" | "sm">;
-            default: string;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"primary" | "secondary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        size: "base" | "xs" | "sm";
-        variant: "primary" | "secondary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    size: {
-        type: import("vue").PropType<"base" | "xs" | "sm">;
-        default: string;
-    };
-    small: {
-        type: import("vue").PropType<boolean>;
-    };
-    text: {
-        type: import("vue").PropType<boolean>;
-    };
-    icon: {
-        type: import("vue").PropType<string | import("vue").Component>;
-    };
-    variant: {
-        type: import("vue").PropType<"primary" | "secondary">;
-        default: string;
-    };
-    iconSize: {
-        type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-        default: string;
-    };
-    iconClass: {
-        type: import("vue").PropType<string>;
-    };
-    outline: {
-        type: import("vue").PropType<boolean>;
-    };
-    selected: {
-        type: import("vue").PropType<boolean>;
-    };
-    raised: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & Readonly<{
-    onClick?: ((value: Event) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (value: Event) => void;
-}, string, {
-    size: "base" | "xs" | "sm";
-    variant: "primary" | "secondary";
-    iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & 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").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"base" | "xs" | "sm">;
-            default: string;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"primary" | "secondary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (value: Event) => void;
-    }, import("vue").PublicProps, {
-        size: "base" | "xs" | "sm";
-        variant: "primary" | "secondary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"base" | "xs" | "sm">;
-            default: string;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"primary" | "secondary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        size: "base" | "xs" | "sm";
-        variant: "primary" | "secondary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    size: {
-        type: import("vue").PropType<"base" | "xs" | "sm">;
-        default: string;
-    };
-    small: {
-        type: import("vue").PropType<boolean>;
-    };
-    text: {
-        type: import("vue").PropType<boolean>;
-    };
-    icon: {
-        type: import("vue").PropType<string | import("vue").Component>;
-    };
-    variant: {
-        type: import("vue").PropType<"primary" | "secondary">;
-        default: string;
-    };
-    iconSize: {
-        type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-        default: string;
-    };
-    iconClass: {
-        type: import("vue").PropType<string>;
-    };
-    outline: {
-        type: import("vue").PropType<boolean>;
-    };
-    selected: {
-        type: import("vue").PropType<boolean>;
-    };
-    raised: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & Readonly<{
-    onClick?: ((value: Event) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (value: Event) => void;
-}, string, {
-    size: "base" | "xs" | "sm";
-    variant: "primary" | "secondary";
-    iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & 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").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"base" | "xs" | "sm">;
-            default: string;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"primary" | "secondary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (value: Event) => void;
-    }, import("vue").PublicProps, {
-        size: "base" | "xs" | "sm";
-        variant: "primary" | "secondary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"base" | "xs" | "sm">;
-            default: string;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"primary" | "secondary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        size: "base" | "xs" | "sm";
-        variant: "primary" | "secondary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    size: {
-        type: import("vue").PropType<"base" | "xs" | "sm">;
-        default: string;
-    };
-    small: {
-        type: import("vue").PropType<boolean>;
-    };
-    text: {
-        type: import("vue").PropType<boolean>;
-    };
-    icon: {
-        type: import("vue").PropType<string | import("vue").Component>;
-    };
-    variant: {
-        type: import("vue").PropType<"primary" | "secondary">;
-        default: string;
-    };
-    iconSize: {
-        type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-        default: string;
-    };
-    iconClass: {
-        type: import("vue").PropType<string>;
-    };
-    outline: {
-        type: import("vue").PropType<boolean>;
-    };
-    selected: {
-        type: import("vue").PropType<boolean>;
-    };
-    raised: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & Readonly<{
-    onClick?: ((value: Event) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (value: Event) => void;
-}, string, {
-    size: "base" | "xs" | "sm";
-    variant: "primary" | "secondary";
-    iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & 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").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"base" | "xs" | "sm">;
-            default: string;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"primary" | "secondary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (value: Event) => void;
-    }, import("vue").PublicProps, {
-        size: "base" | "xs" | "sm";
-        variant: "primary" | "secondary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"base" | "xs" | "sm">;
-            default: string;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"primary" | "secondary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        size: "base" | "xs" | "sm";
-        variant: "primary" | "secondary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    size: {
-        type: import("vue").PropType<"base" | "xs" | "sm">;
-        default: string;
-    };
-    small: {
-        type: import("vue").PropType<boolean>;
-    };
-    text: {
-        type: import("vue").PropType<boolean>;
-    };
-    icon: {
-        type: import("vue").PropType<string | import("vue").Component>;
-    };
-    variant: {
-        type: import("vue").PropType<"primary" | "secondary">;
-        default: string;
-    };
-    iconSize: {
-        type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-        default: string;
-    };
-    iconClass: {
-        type: import("vue").PropType<string>;
-    };
-    outline: {
-        type: import("vue").PropType<boolean>;
-    };
-    selected: {
-        type: import("vue").PropType<boolean>;
-    };
-    raised: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & Readonly<{
-    onClick?: ((value: Event) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (value: Event) => void;
-}, string, {
-    size: "base" | "xs" | "sm";
-    variant: "primary" | "secondary";
-    iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & 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").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"base" | "xs" | "sm">;
-            default: string;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"primary" | "secondary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (value: Event) => void;
-    }, import("vue").PublicProps, {
-        size: "base" | "xs" | "sm";
-        variant: "primary" | "secondary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"base" | "xs" | "sm">;
-            default: string;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"primary" | "secondary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        size: "base" | "xs" | "sm";
-        variant: "primary" | "secondary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    size: {
-        type: import("vue").PropType<"base" | "xs" | "sm">;
-        default: string;
-    };
-    small: {
-        type: import("vue").PropType<boolean>;
-    };
-    text: {
-        type: import("vue").PropType<boolean>;
-    };
-    icon: {
-        type: import("vue").PropType<string | import("vue").Component>;
-    };
-    variant: {
-        type: import("vue").PropType<"primary" | "secondary">;
-        default: string;
-    };
-    iconSize: {
-        type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-        default: string;
-    };
-    iconClass: {
-        type: import("vue").PropType<string>;
-    };
-    outline: {
-        type: import("vue").PropType<boolean>;
-    };
-    selected: {
-        type: import("vue").PropType<boolean>;
-    };
-    raised: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & Readonly<{
-    onClick?: ((value: Event) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (value: Event) => void;
-}, string, {
-    size: "base" | "xs" | "sm";
-    variant: "primary" | "secondary";
-    iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & 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").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"base" | "xs" | "sm">;
-            default: string;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"primary" | "secondary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (value: Event) => void;
-    }, import("vue").PublicProps, {
-        size: "base" | "xs" | "sm";
-        variant: "primary" | "secondary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"base" | "xs" | "sm">;
-            default: string;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"primary" | "secondary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        size: "base" | "xs" | "sm";
-        variant: "primary" | "secondary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    size: {
-        type: import("vue").PropType<"base" | "xs" | "sm">;
-        default: string;
-    };
-    small: {
-        type: import("vue").PropType<boolean>;
-    };
-    text: {
-        type: import("vue").PropType<boolean>;
-    };
-    icon: {
-        type: import("vue").PropType<string | import("vue").Component>;
-    };
-    variant: {
-        type: import("vue").PropType<"primary" | "secondary">;
-        default: string;
-    };
-    iconSize: {
-        type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-        default: string;
-    };
-    iconClass: {
-        type: import("vue").PropType<string>;
-    };
-    outline: {
-        type: import("vue").PropType<boolean>;
-    };
-    selected: {
-        type: import("vue").PropType<boolean>;
-    };
-    raised: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & Readonly<{
-    onClick?: ((value: Event) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (value: Event) => void;
-}, string, {
-    size: "base" | "xs" | "sm";
-    variant: "primary" | "secondary";
-    iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & 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").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"base" | "xs" | "sm">;
-            default: string;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"primary" | "secondary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (value: Event) => void;
-    }, import("vue").PublicProps, {
-        size: "base" | "xs" | "sm";
-        variant: "primary" | "secondary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"base" | "xs" | "sm">;
-            default: string;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"primary" | "secondary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        size: "base" | "xs" | "sm";
-        variant: "primary" | "secondary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    size: {
-        type: import("vue").PropType<"base" | "xs" | "sm">;
-        default: string;
-    };
-    small: {
-        type: import("vue").PropType<boolean>;
-    };
-    text: {
-        type: import("vue").PropType<boolean>;
-    };
-    icon: {
-        type: import("vue").PropType<string | import("vue").Component>;
-    };
-    variant: {
-        type: import("vue").PropType<"primary" | "secondary">;
-        default: string;
-    };
-    iconSize: {
-        type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-        default: string;
-    };
-    iconClass: {
-        type: import("vue").PropType<string>;
-    };
-    outline: {
-        type: import("vue").PropType<boolean>;
-    };
-    selected: {
-        type: import("vue").PropType<boolean>;
-    };
-    raised: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & Readonly<{
-    onClick?: ((value: Event) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (value: Event) => void;
-}, string, {
-    size: "base" | "xs" | "sm";
-    variant: "primary" | "secondary";
-    iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & 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