@vc-shell/framework 1.0.181 → 1.0.183

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

@@ -1,7 +1,1121 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
+import type { StoryFn } from "@storybook/vue3";
 import { VcCard } from ".";
-declare const meta: Meta<typeof VcCard>;
-export default meta;
-type Story = StoryObj<typeof VcCard>;
-export declare const Primary: Story;
+declare const _default: {
+    title: string;
+    component: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            fill: {
+                type: import("vue").PropType<boolean>;
+            };
+            header: {
+                type: import("vue").PropType<string>;
+            };
+            icon: {
+                type: import("vue").PropType<string>;
+            };
+            variant: {
+                type: import("vue").PropType<"default" | "danger" | "success">;
+                default: string;
+            };
+            isCollapsable: {
+                type: import("vue").PropType<boolean>;
+            };
+            isCollapsed: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>> & {
+            "onHeader:click"?: (() => any) | undefined;
+            "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "header:click": () => void;
+            "state:collapsed": (isCollapsedState: boolean) => void;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            fill: {
+                type: import("vue").PropType<boolean>;
+            };
+            header: {
+                type: import("vue").PropType<string>;
+            };
+            icon: {
+                type: import("vue").PropType<string>;
+            };
+            variant: {
+                type: import("vue").PropType<"default" | "danger" | "success">;
+                default: string;
+            };
+            isCollapsable: {
+                type: import("vue").PropType<boolean>;
+            };
+            isCollapsed: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>> & {
+            "onHeader:click"?: (() => any) | undefined;
+            "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+        }, {
+            variant: "default" | "danger" | "success";
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            fill: {
+                type: import("vue").PropType<boolean>;
+            };
+            header: {
+                type: import("vue").PropType<string>;
+            };
+            icon: {
+                type: import("vue").PropType<string>;
+            };
+            variant: {
+                type: import("vue").PropType<"default" | "danger" | "success">;
+                default: string;
+            };
+            isCollapsable: {
+                type: import("vue").PropType<boolean>;
+            };
+            isCollapsed: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>> & {
+            "onHeader:click"?: (() => any) | undefined;
+            "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+        }, {}, {}, {}, {}, {
+            variant: "default" | "danger" | "success";
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        fill: {
+            type: import("vue").PropType<boolean>;
+        };
+        header: {
+            type: import("vue").PropType<string>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "danger" | "success">;
+            default: string;
+        };
+        isCollapsable: {
+            type: import("vue").PropType<boolean>;
+        };
+        isCollapsed: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        "onHeader:click"?: (() => any) | undefined;
+        "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "header:click": () => void;
+        "state:collapsed": (isCollapsedState: boolean) => void;
+    }, string, {
+        variant: "default" | "danger" | "success";
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: Readonly<{
+            default: (props?: any) => any;
+            actions: (props?: any) => any;
+        }> & {
+            default: (props?: any) => any;
+            actions: (props?: any) => any;
+        };
+    });
+    args: {
+        header: string;
+        variant: "default";
+        default: string;
+    };
+    argTypes: {
+        default: {
+            control: string;
+            options: string[];
+            mapping: {
+                Text: string;
+                Component: {
+                    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                        disabled: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        type: {
+                            type: import("vue").PropType<"number" | "time" | "text" | "date" | "datetime-local" | "email" | "password" | "tel" | "url">;
+                            default: string;
+                        };
+                        label: {
+                            type: import("vue").PropType<string>;
+                        };
+                        name: {
+                            type: import("vue").PropType<string>;
+                            default: string;
+                        };
+                        modelValue: {
+                            type: import("vue").PropType<string | number | Date | null>;
+                        };
+                        required: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        errorMessage: {
+                            type: import("vue").PropType<string>;
+                        };
+                        tooltip: {
+                            type: import("vue").PropType<string>;
+                        };
+                        error: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        multilanguage: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        currentLanguage: {
+                            type: import("vue").PropType<string>;
+                        };
+                        placeholder: {
+                            type: import("vue").PropType<string>;
+                        };
+                        hint: {
+                            type: import("vue").PropType<string>;
+                        };
+                        clearable: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        prefix: {
+                            type: import("vue").PropType<string>;
+                        };
+                        suffix: {
+                            type: import("vue").PropType<string>;
+                        };
+                        loading: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        debounce: {
+                            type: import("vue").PropType<string | number>;
+                        };
+                        autofocus: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        maxlength: {
+                            type: import("vue").PropType<string | number>;
+                            default: string;
+                        };
+                    }>> & {
+                        "onUpdate:modelValue"?: ((value: string | number | Date | null | undefined) => any) | undefined;
+                    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                        "update:modelValue": (value: string | number | Date | null | undefined) => void;
+                    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                        disabled: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        type: {
+                            type: import("vue").PropType<"number" | "time" | "text" | "date" | "datetime-local" | "email" | "password" | "tel" | "url">;
+                            default: string;
+                        };
+                        label: {
+                            type: import("vue").PropType<string>;
+                        };
+                        name: {
+                            type: import("vue").PropType<string>;
+                            default: string;
+                        };
+                        modelValue: {
+                            type: import("vue").PropType<string | number | Date | null>;
+                        };
+                        required: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        errorMessage: {
+                            type: import("vue").PropType<string>;
+                        };
+                        tooltip: {
+                            type: import("vue").PropType<string>;
+                        };
+                        error: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        multilanguage: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        currentLanguage: {
+                            type: import("vue").PropType<string>;
+                        };
+                        placeholder: {
+                            type: import("vue").PropType<string>;
+                        };
+                        hint: {
+                            type: import("vue").PropType<string>;
+                        };
+                        clearable: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        prefix: {
+                            type: import("vue").PropType<string>;
+                        };
+                        suffix: {
+                            type: import("vue").PropType<string>;
+                        };
+                        loading: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        debounce: {
+                            type: import("vue").PropType<string | number>;
+                        };
+                        autofocus: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        maxlength: {
+                            type: import("vue").PropType<string | number>;
+                            default: string;
+                        };
+                    }>> & {
+                        "onUpdate:modelValue"?: ((value: string | number | Date | null | undefined) => any) | undefined;
+                    }, {
+                        type: "number" | "time" | "text" | "date" | "datetime-local" | "email" | "password" | "tel" | "url";
+                        name: string;
+                        maxlength: string | number;
+                    }, true, {}, {}, {
+                        P: {};
+                        B: {};
+                        D: {};
+                        C: {};
+                        M: {};
+                        Defaults: {};
+                    }, Readonly<import("vue").ExtractPropTypes<{
+                        disabled: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        type: {
+                            type: import("vue").PropType<"number" | "time" | "text" | "date" | "datetime-local" | "email" | "password" | "tel" | "url">;
+                            default: string;
+                        };
+                        label: {
+                            type: import("vue").PropType<string>;
+                        };
+                        name: {
+                            type: import("vue").PropType<string>;
+                            default: string;
+                        };
+                        modelValue: {
+                            type: import("vue").PropType<string | number | Date | null>;
+                        };
+                        required: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        errorMessage: {
+                            type: import("vue").PropType<string>;
+                        };
+                        tooltip: {
+                            type: import("vue").PropType<string>;
+                        };
+                        error: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        multilanguage: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        currentLanguage: {
+                            type: import("vue").PropType<string>;
+                        };
+                        placeholder: {
+                            type: import("vue").PropType<string>;
+                        };
+                        hint: {
+                            type: import("vue").PropType<string>;
+                        };
+                        clearable: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        prefix: {
+                            type: import("vue").PropType<string>;
+                        };
+                        suffix: {
+                            type: import("vue").PropType<string>;
+                        };
+                        loading: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        debounce: {
+                            type: import("vue").PropType<string | number>;
+                        };
+                        autofocus: {
+                            type: import("vue").PropType<boolean>;
+                        };
+                        maxlength: {
+                            type: import("vue").PropType<string | number>;
+                            default: string;
+                        };
+                    }>> & {
+                        "onUpdate:modelValue"?: ((value: string | number | Date | null | undefined) => any) | undefined;
+                    }, {}, {}, {}, {}, {
+                        type: "number" | "time" | "text" | "date" | "datetime-local" | "email" | "password" | "tel" | "url";
+                        name: string;
+                        maxlength: string | number;
+                    }>;
+                    __isFragment?: undefined;
+                    __isTeleport?: undefined;
+                    __isSuspense?: undefined;
+                } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    type: {
+                        type: import("vue").PropType<"number" | "time" | "text" | "date" | "datetime-local" | "email" | "password" | "tel" | "url">;
+                        default: string;
+                    };
+                    label: {
+                        type: import("vue").PropType<string>;
+                    };
+                    name: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    modelValue: {
+                        type: import("vue").PropType<string | number | Date | null>;
+                    };
+                    required: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    errorMessage: {
+                        type: import("vue").PropType<string>;
+                    };
+                    tooltip: {
+                        type: import("vue").PropType<string>;
+                    };
+                    error: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    multilanguage: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    currentLanguage: {
+                        type: import("vue").PropType<string>;
+                    };
+                    placeholder: {
+                        type: import("vue").PropType<string>;
+                    };
+                    hint: {
+                        type: import("vue").PropType<string>;
+                    };
+                    clearable: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    prefix: {
+                        type: import("vue").PropType<string>;
+                    };
+                    suffix: {
+                        type: import("vue").PropType<string>;
+                    };
+                    loading: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    debounce: {
+                        type: import("vue").PropType<string | number>;
+                    };
+                    autofocus: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    maxlength: {
+                        type: import("vue").PropType<string | number>;
+                        default: string;
+                    };
+                }>> & {
+                    "onUpdate:modelValue"?: ((value: string | number | Date | null | undefined) => any) | undefined;
+                }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    "update:modelValue": (value: string | number | Date | null | undefined) => void;
+                }, string, {
+                    type: "number" | "time" | "text" | "date" | "datetime-local" | "email" | "password" | "tel" | "url";
+                    name: string;
+                    maxlength: string | number;
+                }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                    $slots: Readonly<{
+                        control: (scope: {
+                            editable: boolean | undefined;
+                            focused: boolean | undefined;
+                            modelValue: string | number | Date | null;
+                            emitValue: (value: string | number | Date | null) => void;
+                            placeholder: string | undefined;
+                        }) => any;
+                        prepend: (props: any) => any;
+                        "prepend-inner": (props: any) => any;
+                        "append-inner": (props: any) => any;
+                        append: (props: any) => any;
+                        error: (props: any) => any;
+                        hint: (props: any) => any;
+                    }> & {
+                        control: (scope: {
+                            editable: boolean | undefined;
+                            focused: boolean | undefined;
+                            modelValue: string | number | Date | null;
+                            emitValue: (value: string | number | Date | null) => void;
+                            placeholder: string | undefined;
+                        }) => any;
+                        prepend: (props: any) => any;
+                        "prepend-inner": (props: any) => any;
+                        "append-inner": (props: any) => any;
+                        append: (props: any) => any;
+                        error: (props: any) => any;
+                        hint: (props: any) => any;
+                    };
+                });
+            };
+        };
+        header: {
+            control: string;
+        };
+        icon: {
+            control: string;
+        };
+        isCollapsable: {
+            control: string;
+        };
+        isCollapsed: {
+            control: string;
+        };
+        variant: {
+            control: string;
+            options: string[];
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        fill: {
+            control: string;
+        };
+    };
+};
+export default _default;
+export declare const Template: StoryFn<typeof VcCard>;
+export declare const Header: StoryFn<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        fill: {
+            type: import("vue").PropType<boolean>;
+        };
+        header: {
+            type: import("vue").PropType<string>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "danger" | "success">;
+            default: string;
+        };
+        isCollapsable: {
+            type: import("vue").PropType<boolean>;
+        };
+        isCollapsed: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        "onHeader:click"?: (() => any) | undefined;
+        "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "header:click": () => void;
+        "state:collapsed": (isCollapsedState: boolean) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        fill: {
+            type: import("vue").PropType<boolean>;
+        };
+        header: {
+            type: import("vue").PropType<string>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "danger" | "success">;
+            default: string;
+        };
+        isCollapsable: {
+            type: import("vue").PropType<boolean>;
+        };
+        isCollapsed: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        "onHeader:click"?: (() => any) | undefined;
+        "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+    }, {
+        variant: "default" | "danger" | "success";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        fill: {
+            type: import("vue").PropType<boolean>;
+        };
+        header: {
+            type: import("vue").PropType<string>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "danger" | "success">;
+            default: string;
+        };
+        isCollapsable: {
+            type: import("vue").PropType<boolean>;
+        };
+        isCollapsed: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        "onHeader:click"?: (() => any) | undefined;
+        "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        variant: "default" | "danger" | "success";
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    fill: {
+        type: import("vue").PropType<boolean>;
+    };
+    header: {
+        type: import("vue").PropType<string>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<"default" | "danger" | "success">;
+        default: string;
+    };
+    isCollapsable: {
+        type: import("vue").PropType<boolean>;
+    };
+    isCollapsed: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    "onHeader:click"?: (() => any) | undefined;
+    "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "header:click": () => void;
+    "state:collapsed": (isCollapsedState: boolean) => void;
+}, string, {
+    variant: "default" | "danger" | "success";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default: (props?: any) => any;
+        actions: (props?: any) => any;
+    }> & {
+        default: (props?: any) => any;
+        actions: (props?: any) => any;
+    };
+})>;
+export declare const Icon: StoryFn<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        fill: {
+            type: import("vue").PropType<boolean>;
+        };
+        header: {
+            type: import("vue").PropType<string>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "danger" | "success">;
+            default: string;
+        };
+        isCollapsable: {
+            type: import("vue").PropType<boolean>;
+        };
+        isCollapsed: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        "onHeader:click"?: (() => any) | undefined;
+        "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "header:click": () => void;
+        "state:collapsed": (isCollapsedState: boolean) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        fill: {
+            type: import("vue").PropType<boolean>;
+        };
+        header: {
+            type: import("vue").PropType<string>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "danger" | "success">;
+            default: string;
+        };
+        isCollapsable: {
+            type: import("vue").PropType<boolean>;
+        };
+        isCollapsed: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        "onHeader:click"?: (() => any) | undefined;
+        "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+    }, {
+        variant: "default" | "danger" | "success";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        fill: {
+            type: import("vue").PropType<boolean>;
+        };
+        header: {
+            type: import("vue").PropType<string>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "danger" | "success">;
+            default: string;
+        };
+        isCollapsable: {
+            type: import("vue").PropType<boolean>;
+        };
+        isCollapsed: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        "onHeader:click"?: (() => any) | undefined;
+        "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        variant: "default" | "danger" | "success";
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    fill: {
+        type: import("vue").PropType<boolean>;
+    };
+    header: {
+        type: import("vue").PropType<string>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<"default" | "danger" | "success">;
+        default: string;
+    };
+    isCollapsable: {
+        type: import("vue").PropType<boolean>;
+    };
+    isCollapsed: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    "onHeader:click"?: (() => any) | undefined;
+    "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "header:click": () => void;
+    "state:collapsed": (isCollapsedState: boolean) => void;
+}, string, {
+    variant: "default" | "danger" | "success";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default: (props?: any) => any;
+        actions: (props?: any) => any;
+    }> & {
+        default: (props?: any) => any;
+        actions: (props?: any) => any;
+    };
+})>;
+export declare const Collapsable: StoryFn<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        fill: {
+            type: import("vue").PropType<boolean>;
+        };
+        header: {
+            type: import("vue").PropType<string>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "danger" | "success">;
+            default: string;
+        };
+        isCollapsable: {
+            type: import("vue").PropType<boolean>;
+        };
+        isCollapsed: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        "onHeader:click"?: (() => any) | undefined;
+        "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "header:click": () => void;
+        "state:collapsed": (isCollapsedState: boolean) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        fill: {
+            type: import("vue").PropType<boolean>;
+        };
+        header: {
+            type: import("vue").PropType<string>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "danger" | "success">;
+            default: string;
+        };
+        isCollapsable: {
+            type: import("vue").PropType<boolean>;
+        };
+        isCollapsed: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        "onHeader:click"?: (() => any) | undefined;
+        "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+    }, {
+        variant: "default" | "danger" | "success";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        fill: {
+            type: import("vue").PropType<boolean>;
+        };
+        header: {
+            type: import("vue").PropType<string>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "danger" | "success">;
+            default: string;
+        };
+        isCollapsable: {
+            type: import("vue").PropType<boolean>;
+        };
+        isCollapsed: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        "onHeader:click"?: (() => any) | undefined;
+        "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        variant: "default" | "danger" | "success";
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    fill: {
+        type: import("vue").PropType<boolean>;
+    };
+    header: {
+        type: import("vue").PropType<string>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<"default" | "danger" | "success">;
+        default: string;
+    };
+    isCollapsable: {
+        type: import("vue").PropType<boolean>;
+    };
+    isCollapsed: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    "onHeader:click"?: (() => any) | undefined;
+    "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "header:click": () => void;
+    "state:collapsed": (isCollapsedState: boolean) => void;
+}, string, {
+    variant: "default" | "danger" | "success";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default: (props?: any) => any;
+        actions: (props?: any) => any;
+    }> & {
+        default: (props?: any) => any;
+        actions: (props?: any) => any;
+    };
+})>;
+export declare const Collapsed: StoryFn<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        fill: {
+            type: import("vue").PropType<boolean>;
+        };
+        header: {
+            type: import("vue").PropType<string>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "danger" | "success">;
+            default: string;
+        };
+        isCollapsable: {
+            type: import("vue").PropType<boolean>;
+        };
+        isCollapsed: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        "onHeader:click"?: (() => any) | undefined;
+        "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "header:click": () => void;
+        "state:collapsed": (isCollapsedState: boolean) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        fill: {
+            type: import("vue").PropType<boolean>;
+        };
+        header: {
+            type: import("vue").PropType<string>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "danger" | "success">;
+            default: string;
+        };
+        isCollapsable: {
+            type: import("vue").PropType<boolean>;
+        };
+        isCollapsed: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        "onHeader:click"?: (() => any) | undefined;
+        "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+    }, {
+        variant: "default" | "danger" | "success";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        fill: {
+            type: import("vue").PropType<boolean>;
+        };
+        header: {
+            type: import("vue").PropType<string>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "danger" | "success">;
+            default: string;
+        };
+        isCollapsable: {
+            type: import("vue").PropType<boolean>;
+        };
+        isCollapsed: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        "onHeader:click"?: (() => any) | undefined;
+        "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        variant: "default" | "danger" | "success";
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    fill: {
+        type: import("vue").PropType<boolean>;
+    };
+    header: {
+        type: import("vue").PropType<string>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<"default" | "danger" | "success">;
+        default: string;
+    };
+    isCollapsable: {
+        type: import("vue").PropType<boolean>;
+    };
+    isCollapsed: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    "onHeader:click"?: (() => any) | undefined;
+    "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "header:click": () => void;
+    "state:collapsed": (isCollapsedState: boolean) => void;
+}, string, {
+    variant: "default" | "danger" | "success";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default: (props?: any) => any;
+        actions: (props?: any) => any;
+    }> & {
+        default: (props?: any) => any;
+        actions: (props?: any) => any;
+    };
+})>;
+export declare const Fill: StoryFn<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        fill: {
+            type: import("vue").PropType<boolean>;
+        };
+        header: {
+            type: import("vue").PropType<string>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "danger" | "success">;
+            default: string;
+        };
+        isCollapsable: {
+            type: import("vue").PropType<boolean>;
+        };
+        isCollapsed: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        "onHeader:click"?: (() => any) | undefined;
+        "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "header:click": () => void;
+        "state:collapsed": (isCollapsedState: boolean) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        fill: {
+            type: import("vue").PropType<boolean>;
+        };
+        header: {
+            type: import("vue").PropType<string>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "danger" | "success">;
+            default: string;
+        };
+        isCollapsable: {
+            type: import("vue").PropType<boolean>;
+        };
+        isCollapsed: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        "onHeader:click"?: (() => any) | undefined;
+        "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+    }, {
+        variant: "default" | "danger" | "success";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        fill: {
+            type: import("vue").PropType<boolean>;
+        };
+        header: {
+            type: import("vue").PropType<string>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "danger" | "success">;
+            default: string;
+        };
+        isCollapsable: {
+            type: import("vue").PropType<boolean>;
+        };
+        isCollapsed: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        "onHeader:click"?: (() => any) | undefined;
+        "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        variant: "default" | "danger" | "success";
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    fill: {
+        type: import("vue").PropType<boolean>;
+    };
+    header: {
+        type: import("vue").PropType<string>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<"default" | "danger" | "success">;
+        default: string;
+    };
+    isCollapsable: {
+        type: import("vue").PropType<boolean>;
+    };
+    isCollapsed: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    "onHeader:click"?: (() => any) | undefined;
+    "onState:collapsed"?: ((isCollapsedState: boolean) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "header:click": () => void;
+    "state:collapsed": (isCollapsedState: boolean) => void;
+}, string, {
+    variant: "default" | "danger" | "success";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default: (props?: any) => any;
+        actions: (props?: any) => any;
+    }> & {
+        default: (props?: any) => any;
+        actions: (props?: any) => any;
+    };
+})>;
+export declare const Actions: StoryFn<typeof VcCard>;
+export declare const Variants: StoryFn<typeof VcCard>;
 //# sourceMappingURL=vc-card.stories.d.ts.map