@dpa-id-components/dpa-shared-components 8.11.5 → 8.11.6

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

@@ -2,14 +2,44 @@ import type { StoryObj } from "@storybook/vue3";
 declare const meta: {
     title: string;
     component: {
-        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<{}>>, {}, {}, {}, {}, {}>;
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, never>;
+            $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: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, 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<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
@@ -20,324 +50,39 @@ declare const meta: {
     });
     subcomponents: {
         UiListItem: {
-            new (...args: any[]): import("vue").CreateComponentPublicInstance<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": (...args: any[]) => void;
-            }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & 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;
-            }, {
-                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";
-            }, true, {}, {}, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, 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;
-            }, {}, {}, {}, {}, {
-                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";
-            }>;
-            __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": (...args: any[]) => void;
-        }, 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, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-            $slots: {
-                default?(_: {}): any;
-            };
-        });
-    };
-    argTypes: {};
-    parameters: {
-        backgrounds: {
-            default: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithCheckboxes: {
-    render: (args: any) => {
-        setup(): {
-            args: any;
-        };
-        components: {
-            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<{
+            new (...args: any[]): {
+                $: import("vue").ComponentInternalInstance;
+                $data: {};
+                $props: Partial<{
+                    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";
+                }> & Omit<{
+                    readonly iconName: string | null;
+                    readonly disabled: boolean;
+                    readonly value: any;
+                    readonly checkBoxMenu: boolean;
+                    readonly isChecked: boolean;
+                    readonly selected: boolean;
+                    readonly selectable: boolean;
+                    readonly overrideClasses: string;
+                    readonly checkBoxColor: "blue" | "gray";
+                    readonly imageSrc: string;
+                    readonly imageShape: "rounded" | "square";
+                    readonly iconSize: "small" | "medium" | "large";
+                    readonly checkboxSize: "small" | "medium";
+                    "onList-item-click"?: ((...args: any[]) => any) | undefined;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
                     iconName: {
                         type: import("vue").PropType<string | null>;
                         default: null;
@@ -392,9 +137,21 @@ export declare const WithCheckboxes: {
                     };
                 }>> & {
                     "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<{
+                }, "iconName" | "disabled" | "value" | "checkBoxMenu" | "isChecked" | "selected" | "selectable" | "overrideClasses" | "checkBoxColor" | "imageSrc" | "imageShape" | "iconSize" | "checkboxSize">;
+                $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;
@@ -449,7 +206,9 @@ export declare const WithCheckboxes: {
                     };
                 }>> & {
                     "onList-item-click"?: ((...args: any[]) => any) | undefined;
-                }, {
+                }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    "list-item-click": (...args: any[]) => void;
+                }, string, {
                     iconName: string | null;
                     disabled: boolean;
                     value: any;
@@ -463,14 +222,419 @@ export declare const WithCheckboxes: {
                     imageShape: "rounded" | "square";
                     iconSize: "small" | "medium" | "large";
                     checkboxSize: "small" | "medium";
-                }, true, {}, {}, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
+                }, {}, 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": (...args: any[]) => void;
+        }, 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, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            $slots: {
+                default?(_: {}): any;
+            };
+        });
+    };
+    argTypes: {};
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithCheckboxes: {
+    render: (args: any) => {
+        setup(): {
+            args: any;
+        };
+        components: {
+            UiList: {
+                new (...args: any[]): {
+                    $: import("vue").ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, never>;
+                    $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: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, 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<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+                __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").ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{
+                        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";
+                    }> & Omit<{
+                        readonly iconName: string | null;
+                        readonly disabled: boolean;
+                        readonly value: any;
+                        readonly checkBoxMenu: boolean;
+                        readonly isChecked: boolean;
+                        readonly selected: boolean;
+                        readonly selectable: boolean;
+                        readonly overrideClasses: string;
+                        readonly checkBoxColor: "blue" | "gray";
+                        readonly imageSrc: string;
+                        readonly imageShape: "rounded" | "square";
+                        readonly iconSize: "small" | "medium" | "large";
+                        readonly checkboxSize: "small" | "medium";
+                        "onList-item-click"?: ((...args: any[]) => any) | undefined;
+                    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & 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;
+                    }, "iconName" | "disabled" | "value" | "checkBoxMenu" | "isChecked" | "selected" | "selectable" | "overrideClasses" | "checkBoxColor" | "imageSrc" | "imageShape" | "iconSize" | "checkboxSize">;
+                    $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": (...args: any[]) => void;
+                    }, 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;
@@ -525,21 +689,7 @@ export declare const WithCheckboxes: {
                     };
                 }>> & {
                     "onList-item-click"?: ((...args: any[]) => any) | undefined;
-                }, {}, {}, {}, {}, {
-                    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";
-                }>;
+                } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
@@ -630,14 +780,44 @@ export declare const WithCheckmark: {
         };
         components: {
             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<{}>>, {}, {}, {}, {}, {}>;
+                new (...args: any[]): {
+                    $: import("vue").ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, never>;
+                    $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: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, 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<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
@@ -647,140 +827,199 @@ export declare const WithCheckmark: {
                 };
             });
             UiListItem: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<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": (...args: any[]) => void;
-                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & 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;
-                }, {
-                    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";
-                }, true, {}, {}, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
+                new (...args: any[]): {
+                    $: import("vue").ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{
+                        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";
+                    }> & Omit<{
+                        readonly iconName: string | null;
+                        readonly disabled: boolean;
+                        readonly value: any;
+                        readonly checkBoxMenu: boolean;
+                        readonly isChecked: boolean;
+                        readonly selected: boolean;
+                        readonly selectable: boolean;
+                        readonly overrideClasses: string;
+                        readonly checkBoxColor: "blue" | "gray";
+                        readonly imageSrc: string;
+                        readonly imageShape: "rounded" | "square";
+                        readonly iconSize: "small" | "medium" | "large";
+                        readonly checkboxSize: "small" | "medium";
+                        "onList-item-click"?: ((...args: any[]) => any) | undefined;
+                    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & 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;
+                    }, "iconName" | "disabled" | "value" | "checkBoxMenu" | "isChecked" | "selected" | "selectable" | "overrideClasses" | "checkBoxColor" | "imageSrc" | "imageShape" | "iconSize" | "checkboxSize">;
+                    $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": (...args: any[]) => void;
+                    }, 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;
@@ -835,21 +1074,7 @@ export declare const WithCheckmark: {
                     };
                 }>> & {
                     "onList-item-click"?: ((...args: any[]) => any) | undefined;
-                }, {}, {}, {}, {}, {
-                    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";
-                }>;
+                } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;