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

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

@@ -0,0 +1,667 @@
+import type { StoryObj } from "@storybook/vue3";
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                iconName?: string | null | undefined;
+                disabled?: boolean | undefined;
+                value?: any;
+                checkBoxMenu?: boolean | undefined;
+                isChecked?: boolean | undefined;
+                selected?: boolean | undefined;
+                selectable?: boolean | undefined;
+                overrideClasses?: string | undefined;
+                checkBoxColor?: "blue" | "gray" | undefined;
+                imageSrc?: string | undefined;
+                imageShape?: "rounded" | "square" | undefined;
+                iconSize?: "small" | "medium" | "large" | undefined;
+                checkboxSize?: "small" | "medium" | undefined;
+                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                class?: unknown;
+                style?: unknown;
+                "onList-item-click"?: ((...args: any[]) => any) | undefined;
+            };
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: (event: "list-item-click", ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                iconName: {
+                    type: import("vue").PropType<string | null>;
+                    default: null;
+                };
+                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;
+                };
+                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"[], string, {
+                iconName: string | null;
+                disabled: boolean;
+                value: any;
+                checkBoxMenu: boolean;
+                isChecked: boolean;
+                selected: boolean;
+                selectable: boolean;
+                overrideClasses: string;
+                checkBoxColor: "blue" | "gray";
+                imageSrc: string;
+                imageShape: "rounded" | "square";
+                iconSize: "small" | "medium" | "large";
+                checkboxSize: "small" | "medium";
+            }, {}, string, {}> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            iconName: {
+                type: import("vue").PropType<string | null>;
+                default: null;
+            };
+            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;
+            };
+            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;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        iconName: {
+            type: import("vue").PropType<string | null>;
+            default: null;
+        };
+        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;
+        };
+        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"[], "list-item-click", {
+        iconName: string | null;
+        disabled: boolean;
+        value: any;
+        checkBoxMenu: boolean;
+        isChecked: boolean;
+        selected: boolean;
+        selectable: boolean;
+        overrideClasses: string;
+        checkBoxColor: "blue" | "gray";
+        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: {
+        iconName: {
+            control: string;
+            options: string[];
+        };
+        iconSize: {
+            control: string;
+            options: string[];
+        };
+        imageSrc: {
+            control: string;
+        };
+        imageShape: {
+            control: string;
+            options: string[];
+        };
+        value: {
+            control: boolean;
+        };
+        checkBoxMenu: {
+            control: string;
+        };
+        isChecked: {
+            control: string;
+        };
+        selected: {
+            control: string;
+        };
+        selectable: {
+            control: string;
+        };
+        disabled: {
+            control: string;
+        };
+        overrideClasses: {
+            control: string;
+        };
+    };
+    args: {
+        iconName: string;
+        iconSize: "medium";
+        imageSrc: string;
+        imageShape: "rounded";
+        checkBoxMenu: false;
+        isChecked: false;
+        selected: false;
+        selectable: false;
+        disabled: false;
+        overrideClasses: string;
+    };
+    render: (args: any) => {
+        setup(this: void): {
+            args: any;
+        };
+        components: {
+            UiListItem: {
+                new (...args: any[]): {
+                    $: import("vue").ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        iconName?: string | null | undefined;
+                        disabled?: boolean | undefined;
+                        value?: any;
+                        checkBoxMenu?: boolean | undefined;
+                        isChecked?: boolean | undefined;
+                        selected?: boolean | undefined;
+                        selectable?: boolean | undefined;
+                        overrideClasses?: string | undefined;
+                        checkBoxColor?: "blue" | "gray" | undefined;
+                        imageSrc?: string | undefined;
+                        imageShape?: "rounded" | "square" | undefined;
+                        iconSize?: "small" | "medium" | "large" | undefined;
+                        checkboxSize?: "small" | "medium" | undefined;
+                        key?: string | number | symbol | undefined;
+                        ref?: import("vue").VNodeRef | undefined;
+                        ref_for?: boolean | undefined;
+                        ref_key?: string | undefined;
+                        onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        class?: unknown;
+                        style?: unknown;
+                        "onList-item-click"?: ((...args: any[]) => any) | undefined;
+                    };
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import("vue").Slot<any> | undefined;
+                    }>;
+                    $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+                    $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+                    $emit: (event: "list-item-click", ...args: any[]) => void;
+                    $el: any;
+                    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                        iconName: {
+                            type: import("vue").PropType<string | null>;
+                            default: null;
+                        };
+                        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;
+                        };
+                        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"[], string, {
+                        iconName: string | null;
+                        disabled: boolean;
+                        value: any;
+                        checkBoxMenu: boolean;
+                        isChecked: boolean;
+                        selected: boolean;
+                        selectable: boolean;
+                        overrideClasses: string;
+                        checkBoxColor: "blue" | "gray";
+                        imageSrc: string;
+                        imageShape: "rounded" | "square";
+                        iconSize: "small" | "medium" | "large";
+                        checkboxSize: "small" | "medium";
+                    }, {}, string, {}> & {
+                        beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                        created?: ((() => void) | (() => void)[]) | undefined;
+                        beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                        mounted?: ((() => void) | (() => void)[]) | undefined;
+                        beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                        updated?: ((() => void) | (() => void)[]) | undefined;
+                        activated?: ((() => void) | (() => void)[]) | undefined;
+                        deactivated?: ((() => void) | (() => void)[]) | undefined;
+                        beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                        beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                        destroyed?: ((() => void) | (() => void)[]) | undefined;
+                        unmounted?: ((() => void) | (() => void)[]) | undefined;
+                        renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                        renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                        errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import("vue").nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+                } & Readonly<import("vue").ExtractPropTypes<{
+                    iconName: {
+                        type: import("vue").PropType<string | null>;
+                        default: null;
+                    };
+                    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;
+                    };
+                    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;
+                } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                iconName: {
+                    type: import("vue").PropType<string | null>;
+                    default: null;
+                };
+                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;
+                };
+                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"[], "list-item-click", {
+                iconName: string | null;
+                disabled: boolean;
+                value: any;
+                checkBoxMenu: boolean;
+                isChecked: boolean;
+                selected: boolean;
+                selectable: boolean;
+                overrideClasses: string;
+                checkBoxColor: "blue" | "gray";
+                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: {};
+export declare const WithCheckbox: Story;
+export declare const WithCheckmark: Story;
+export declare const WithIcon: Story;
+export declare const WithImage: Story;