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

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

@@ -2,34 +2,69 @@ import type { StoryObj } from "@storybook/vue3";
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                isOpen: boolean;
+            }> & Omit<{
+                readonly isOpen: boolean;
+                onClose?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
+            }>> & {
+                onClose?: ((...args: any[]) => any) | undefined;
+            }, "isOpen">;
+            $attrs: {
+                [x: string]: unknown;
             };
-        }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            close: (...args: any[]) => void;
-        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
+            $refs: {
+                [x: string]: unknown;
             };
-        }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
-        }, {
-            isOpen: boolean;
-        }, true, {}, {}, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
+            $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: "close", ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
+            }>> & {
+                onClose?: ((...args: any[]) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                close: (...args: any[]) => void;
+            }, string, {
+                isOpen: boolean;
+            }, {}, string, {}> & {
+                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<{
             isOpen: {
                 type: import("vue").PropType<boolean>;
                 required: true;
@@ -37,9 +72,7 @@ declare const meta: {
             };
         }>> & {
             onClose?: ((...args: any[]) => any) | undefined;
-        }, {}, {}, {}, {}, {
-            isOpen: boolean;
-        }>;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
@@ -62,14 +95,44 @@ declare const meta: {
     });
     subcomponents: {
         UiList: {
-            new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
+            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;
@@ -79,140 +142,199 @@ declare const meta: {
             };
         });
         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;
+            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;
                 };
-                checkboxSize: {
-                    type: import("vue").PropType<"small" | "medium">;
-                    default: string;
+                $refs: {
+                    [x: string]: unknown;
                 };
-            }>> & {
-                "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<{
+                $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;
@@ -267,21 +389,7 @@ declare const meta: {
                 };
             }>> & {
                 "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;
@@ -376,34 +484,69 @@ declare const meta: {
         };
         components: {
             UiOverlayMenu: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                    isOpen: {
-                        type: import("vue").PropType<boolean>;
-                        required: true;
-                        default: boolean;
-                    };
-                }>> & {
-                    onClose?: ((...args: any[]) => any) | undefined;
-                }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                    close: (...args: any[]) => void;
-                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                    isOpen: {
-                        type: import("vue").PropType<boolean>;
-                        required: true;
-                        default: boolean;
-                    };
-                }>> & {
-                    onClose?: ((...args: any[]) => any) | undefined;
-                }, {
-                    isOpen: boolean;
-                }, true, {}, {}, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
+                new (...args: any[]): {
+                    $: import("vue").ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{
+                        isOpen: boolean;
+                    }> & Omit<{
+                        readonly isOpen: boolean;
+                        onClose?: ((...args: any[]) => any) | undefined;
+                    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                        isOpen: {
+                            type: import("vue").PropType<boolean>;
+                            required: true;
+                            default: boolean;
+                        };
+                    }>> & {
+                        onClose?: ((...args: any[]) => any) | undefined;
+                    }, "isOpen">;
+                    $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: "close", ...args: any[]) => void;
+                    $el: any;
+                    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                        isOpen: {
+                            type: import("vue").PropType<boolean>;
+                            required: true;
+                            default: boolean;
+                        };
+                    }>> & {
+                        onClose?: ((...args: any[]) => any) | undefined;
+                    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                        close: (...args: any[]) => void;
+                    }, string, {
+                        isOpen: boolean;
+                    }, {}, string, {}> & {
+                        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<{
                     isOpen: {
                         type: import("vue").PropType<boolean>;
                         required: true;
@@ -411,9 +554,7 @@ declare const meta: {
                     };
                 }>> & {
                     onClose?: ((...args: any[]) => any) | undefined;
-                }, {}, {}, {}, {}, {
-                    isOpen: boolean;
-                }>;
+                } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
@@ -435,14 +576,44 @@ declare const meta: {
                 };
             });
             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;
@@ -452,7 +623,199 @@ declare const meta: {
                 };
             });
             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;
+                        };
+                        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;
@@ -507,154 +870,7 @@ declare const meta: {
                     };
                 }>> & {
                     "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";
-                }>;
+                } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;