@dpa-id-components/dpa-shared-components 8.10.5 → 8.11.1

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

@@ -2,44 +2,14 @@ import type { StoryObj } from "@storybook/vue3";
 declare const meta: {
     title: string;
     component: {
-        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 & {};
+        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;
@@ -50,199 +20,64 @@ declare const meta: {
     });
     subcomponents: {
         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;
+            new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                iconName: {
+                    type: import("vue").PropType<string | null>;
+                    default: null;
                 };
-                $refs: {
-                    [x: string]: unknown;
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
                 };
-                $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<{
+                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;
@@ -297,7 +132,97 @@ declare const meta: {
                 };
             }>> & {
                 "onList-item-click"?: ((...args: any[]) => any) | undefined;
-            } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+            }, {
+                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;
@@ -395,44 +320,14 @@ export declare const WithCheckboxes: {
         };
         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 & {};
+                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;
@@ -442,199 +337,140 @@ export declare const WithCheckboxes: {
                 };
             });
             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<{
+                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;
@@ -689,7 +525,21 @@ export declare const WithCheckboxes: {
                     };
                 }>> & {
                     "onList-item-click"?: ((...args: any[]) => any) | undefined;
-                } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+                }, {}, {}, {}, {}, {
+                    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;
@@ -780,44 +630,14 @@ export declare const WithCheckmark: {
         };
         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 & {};
+                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;
@@ -827,199 +647,140 @@ export declare const WithCheckmark: {
                 };
             });
             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<{
+                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;
@@ -1074,7 +835,21 @@ export declare const WithCheckmark: {
                     };
                 }>> & {
                     "onList-item-click"?: ((...args: any[]) => any) | undefined;
-                } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+                }, {}, {}, {}, {}, {
+                    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;