@dpa-id-components/dpa-shared-components 9.4.0 → 9.4.2

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

@@ -0,0 +1,744 @@
+import { StoryObj } from '@storybook/vue3';
+
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+            isOpen: {
+                type: import('vue').PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+        }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            close: (...args: any[]) => void;
+        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+            isOpen: {
+                type: import('vue').PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+        }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
+        }, {
+            isOpen: boolean;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            isOpen: {
+                type: import('vue').PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+        }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
+        }, {}, {}, {}, {}, {
+            isOpen: boolean;
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        isOpen: {
+            type: import('vue').PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+    }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        close: (...args: any[]) => void;
+    }, string, {
+        isOpen: boolean;
+    }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    subcomponents: {
+        UiList: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>>, {}, true, {}, {}, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: {
+                default?(_: {}): any;
+            };
+        });
+        UiListItem: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+                disabled: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                value: {
+                    type: import('vue').PropType<any>;
+                    default: string;
+                };
+                checkBoxMenu: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                isChecked: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                selected: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                selectable: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                overrideClasses: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                checkBoxColor: {
+                    type: import('vue').PropType<"blue" | "gray">;
+                    default: string;
+                };
+                iconName: {
+                    type: import('vue').PropType<string | null>;
+                    default: null;
+                };
+                imageSrc: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                imageShape: {
+                    type: import('vue').PropType<"rounded" | "square">;
+                    default: string;
+                };
+                iconSize: {
+                    type: import('vue').PropType<"small" | "medium" | "large">;
+                    default: string;
+                };
+                checkboxSize: {
+                    type: import('vue').PropType<"small" | "medium">;
+                    default: string;
+                };
+            }>> & {
+                "onList-item-click"?: ((...args: any[]) => any) | undefined;
+            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "list-item-click": (...args: any[]) => void;
+            }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+                disabled: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                value: {
+                    type: import('vue').PropType<any>;
+                    default: string;
+                };
+                checkBoxMenu: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                isChecked: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                selected: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                selectable: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                overrideClasses: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                checkBoxColor: {
+                    type: import('vue').PropType<"blue" | "gray">;
+                    default: string;
+                };
+                iconName: {
+                    type: import('vue').PropType<string | null>;
+                    default: null;
+                };
+                imageSrc: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                imageShape: {
+                    type: import('vue').PropType<"rounded" | "square">;
+                    default: string;
+                };
+                iconSize: {
+                    type: import('vue').PropType<"small" | "medium" | "large">;
+                    default: string;
+                };
+                checkboxSize: {
+                    type: import('vue').PropType<"small" | "medium">;
+                    default: string;
+                };
+            }>> & {
+                "onList-item-click"?: ((...args: any[]) => any) | undefined;
+            }, {
+                disabled: boolean;
+                value: any;
+                checkBoxMenu: boolean;
+                isChecked: boolean;
+                selected: boolean;
+                selectable: boolean;
+                overrideClasses: string;
+                checkBoxColor: "blue" | "gray";
+                iconName: string | null;
+                imageSrc: string;
+                imageShape: "rounded" | "square";
+                iconSize: "small" | "medium" | "large";
+                checkboxSize: "small" | "medium";
+            }, true, {}, {}, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('vue').ExtractPropTypes<{
+                disabled: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                value: {
+                    type: import('vue').PropType<any>;
+                    default: string;
+                };
+                checkBoxMenu: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                isChecked: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                selected: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                selectable: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                overrideClasses: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                checkBoxColor: {
+                    type: import('vue').PropType<"blue" | "gray">;
+                    default: string;
+                };
+                iconName: {
+                    type: import('vue').PropType<string | null>;
+                    default: null;
+                };
+                imageSrc: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                imageShape: {
+                    type: import('vue').PropType<"rounded" | "square">;
+                    default: string;
+                };
+                iconSize: {
+                    type: import('vue').PropType<"small" | "medium" | "large">;
+                    default: string;
+                };
+                checkboxSize: {
+                    type: import('vue').PropType<"small" | "medium">;
+                    default: string;
+                };
+            }>> & {
+                "onList-item-click"?: ((...args: any[]) => any) | undefined;
+            }, {}, {}, {}, {}, {
+                disabled: boolean;
+                value: any;
+                checkBoxMenu: boolean;
+                isChecked: boolean;
+                selected: boolean;
+                selectable: boolean;
+                overrideClasses: string;
+                checkBoxColor: "blue" | "gray";
+                iconName: string | null;
+                imageSrc: string;
+                imageShape: "rounded" | "square";
+                iconSize: "small" | "medium" | "large";
+                checkboxSize: "small" | "medium";
+            }>;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            disabled: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            value: {
+                type: import('vue').PropType<any>;
+                default: string;
+            };
+            checkBoxMenu: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            isChecked: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            selected: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            selectable: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            overrideClasses: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            checkBoxColor: {
+                type: import('vue').PropType<"blue" | "gray">;
+                default: string;
+            };
+            iconName: {
+                type: import('vue').PropType<string | null>;
+                default: null;
+            };
+            imageSrc: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            imageShape: {
+                type: import('vue').PropType<"rounded" | "square">;
+                default: string;
+            };
+            iconSize: {
+                type: import('vue').PropType<"small" | "medium" | "large">;
+                default: string;
+            };
+            checkboxSize: {
+                type: import('vue').PropType<"small" | "medium">;
+                default: string;
+            };
+        }>> & {
+            "onList-item-click"?: ((...args: any[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "list-item-click": (...args: any[]) => void;
+        }, string, {
+            disabled: boolean;
+            value: any;
+            checkBoxMenu: boolean;
+            isChecked: boolean;
+            selected: boolean;
+            selectable: boolean;
+            overrideClasses: string;
+            checkBoxColor: "blue" | "gray";
+            iconName: string | null;
+            imageSrc: string;
+            imageShape: "rounded" | "square";
+            iconSize: "small" | "medium" | "large";
+            checkboxSize: "small" | "medium";
+        }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: {
+                default?(_: {}): any;
+            };
+        });
+    };
+    argTypes: {
+        isOpen: {
+            control: "boolean";
+        };
+    };
+    args: {
+        isOpen: true;
+    };
+    render: (args: any) => {
+        setup(this: void): {
+            args: any;
+        };
+        components: {
+            UiOverlayMenu: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+                    isOpen: {
+                        type: import('vue').PropType<boolean>;
+                        required: true;
+                        default: boolean;
+                    };
+                }>> & {
+                    onClose?: ((...args: any[]) => any) | undefined;
+                }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    close: (...args: any[]) => void;
+                }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+                    isOpen: {
+                        type: import('vue').PropType<boolean>;
+                        required: true;
+                        default: boolean;
+                    };
+                }>> & {
+                    onClose?: ((...args: any[]) => any) | undefined;
+                }, {
+                    isOpen: boolean;
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('vue').ExtractPropTypes<{
+                    isOpen: {
+                        type: import('vue').PropType<boolean>;
+                        required: true;
+                        default: boolean;
+                    };
+                }>> & {
+                    onClose?: ((...args: any[]) => any) | undefined;
+                }, {}, {}, {}, {}, {
+                    isOpen: boolean;
+                }>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                isOpen: {
+                    type: import('vue').PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
+            }>> & {
+                onClose?: ((...args: any[]) => any) | undefined;
+            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                close: (...args: any[]) => void;
+            }, string, {
+                isOpen: boolean;
+            }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            });
+            UiList: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>>, {}, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            });
+            UiListItem: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+                    disabled: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    value: {
+                        type: import('vue').PropType<any>;
+                        default: string;
+                    };
+                    checkBoxMenu: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    isChecked: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    selected: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    selectable: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    overrideClasses: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    checkBoxColor: {
+                        type: import('vue').PropType<"blue" | "gray">;
+                        default: string;
+                    };
+                    iconName: {
+                        type: import('vue').PropType<string | null>;
+                        default: null;
+                    };
+                    imageSrc: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    imageShape: {
+                        type: import('vue').PropType<"rounded" | "square">;
+                        default: string;
+                    };
+                    iconSize: {
+                        type: import('vue').PropType<"small" | "medium" | "large">;
+                        default: string;
+                    };
+                    checkboxSize: {
+                        type: import('vue').PropType<"small" | "medium">;
+                        default: string;
+                    };
+                }>> & {
+                    "onList-item-click"?: ((...args: any[]) => any) | undefined;
+                }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "list-item-click": (...args: any[]) => void;
+                }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+                    disabled: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    value: {
+                        type: import('vue').PropType<any>;
+                        default: string;
+                    };
+                    checkBoxMenu: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    isChecked: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    selected: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    selectable: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    overrideClasses: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    checkBoxColor: {
+                        type: import('vue').PropType<"blue" | "gray">;
+                        default: string;
+                    };
+                    iconName: {
+                        type: import('vue').PropType<string | null>;
+                        default: null;
+                    };
+                    imageSrc: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    imageShape: {
+                        type: import('vue').PropType<"rounded" | "square">;
+                        default: string;
+                    };
+                    iconSize: {
+                        type: import('vue').PropType<"small" | "medium" | "large">;
+                        default: string;
+                    };
+                    checkboxSize: {
+                        type: import('vue').PropType<"small" | "medium">;
+                        default: string;
+                    };
+                }>> & {
+                    "onList-item-click"?: ((...args: any[]) => any) | undefined;
+                }, {
+                    disabled: boolean;
+                    value: any;
+                    checkBoxMenu: boolean;
+                    isChecked: boolean;
+                    selected: boolean;
+                    selectable: boolean;
+                    overrideClasses: string;
+                    checkBoxColor: "blue" | "gray";
+                    iconName: string | null;
+                    imageSrc: string;
+                    imageShape: "rounded" | "square";
+                    iconSize: "small" | "medium" | "large";
+                    checkboxSize: "small" | "medium";
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('vue').ExtractPropTypes<{
+                    disabled: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    value: {
+                        type: import('vue').PropType<any>;
+                        default: string;
+                    };
+                    checkBoxMenu: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    isChecked: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    selected: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    selectable: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    overrideClasses: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    checkBoxColor: {
+                        type: import('vue').PropType<"blue" | "gray">;
+                        default: string;
+                    };
+                    iconName: {
+                        type: import('vue').PropType<string | null>;
+                        default: null;
+                    };
+                    imageSrc: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    imageShape: {
+                        type: import('vue').PropType<"rounded" | "square">;
+                        default: string;
+                    };
+                    iconSize: {
+                        type: import('vue').PropType<"small" | "medium" | "large">;
+                        default: string;
+                    };
+                    checkboxSize: {
+                        type: import('vue').PropType<"small" | "medium">;
+                        default: string;
+                    };
+                }>> & {
+                    "onList-item-click"?: ((...args: any[]) => any) | undefined;
+                }, {}, {}, {}, {}, {
+                    disabled: boolean;
+                    value: any;
+                    checkBoxMenu: boolean;
+                    isChecked: boolean;
+                    selected: boolean;
+                    selectable: boolean;
+                    overrideClasses: string;
+                    checkBoxColor: "blue" | "gray";
+                    iconName: string | null;
+                    imageSrc: string;
+                    imageShape: "rounded" | "square";
+                    iconSize: "small" | "medium" | "large";
+                    checkboxSize: "small" | "medium";
+                }>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                disabled: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                value: {
+                    type: import('vue').PropType<any>;
+                    default: string;
+                };
+                checkBoxMenu: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                isChecked: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                selected: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                selectable: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                overrideClasses: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                checkBoxColor: {
+                    type: import('vue').PropType<"blue" | "gray">;
+                    default: string;
+                };
+                iconName: {
+                    type: import('vue').PropType<string | null>;
+                    default: null;
+                };
+                imageSrc: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                imageShape: {
+                    type: import('vue').PropType<"rounded" | "square">;
+                    default: string;
+                };
+                iconSize: {
+                    type: import('vue').PropType<"small" | "medium" | "large">;
+                    default: string;
+                };
+                checkboxSize: {
+                    type: import('vue').PropType<"small" | "medium">;
+                    default: string;
+                };
+            }>> & {
+                "onList-item-click"?: ((...args: any[]) => any) | undefined;
+            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "list-item-click": (...args: any[]) => void;
+            }, string, {
+                disabled: boolean;
+                value: any;
+                checkBoxMenu: boolean;
+                isChecked: boolean;
+                selected: boolean;
+                selectable: boolean;
+                overrideClasses: string;
+                checkBoxColor: "blue" | "gray";
+                iconName: string | null;
+                imageSrc: string;
+                imageShape: "rounded" | "square";
+                iconSize: "small" | "medium" | "large";
+                checkboxSize: "small" | "medium";
+            }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            });
+        };
+        template: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;