@dpa-id-components/dpa-shared-components 11.0.0-alpha.0 → 12.0.0

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

@@ -1,9 +1,8 @@
 import { StoryObj } from '@storybook/vue3';
-
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLUListElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -21,60 +20,21 @@ declare const meta: {
     });
     subcomponents: {
         UiListItem: {
-            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                value: {
-                    type: import('vue').PropType<any>;
-                    default: string;
-                };
-                checkBoxMenu: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                isChecked: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                selected: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                selectable: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                overrideClasses: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                checkBoxColor: {
-                    type: import('vue').PropType<"blue" | "gray">;
-                    default: string;
-                };
-                iconName: {
-                    type: import('vue').PropType<string | null>;
-                    default: null;
-                };
-                imageSrc: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                imageShape: {
-                    type: import('vue').PropType<"rounded" | "square">;
-                    default: string;
-                };
-                iconSize: {
-                    type: import('vue').PropType<"small" | "medium" | "large">;
-                    default: string;
-                };
-                checkboxSize: {
-                    type: import('vue').PropType<"small" | "medium">;
-                    default: string;
-                };
-            }>> & Readonly<{
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                value?: any;
+                checkBoxMenu?: boolean;
+                isChecked?: boolean;
+                selected?: boolean;
+                selectable?: boolean;
+                overrideClasses?: string;
+                checkBoxColor?: "blue" | "gray";
+                iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
+                imageSrc?: string;
+                imageShape?: "rounded" | "square";
+                iconSize?: "small" | "medium" | "large";
+                checkboxSize?: "small" | "medium";
+                disabled?: boolean;
+            }> & Readonly<{
                 "onList-item-click"?: ((...args: any[]) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 "list-item-click": (...args: any[]) => void;
@@ -92,67 +52,30 @@ declare const meta: {
                 imageShape: "rounded" | "square";
                 iconSize: "small" | "medium" | "large";
                 checkboxSize: "small" | "medium";
-            }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                itemEl: HTMLLIElement;
+            }, HTMLLIElement, import('vue').ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
                 C: {};
                 M: {};
                 Defaults: {};
-            }, Readonly<import('vue').ExtractPropTypes<{
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                value: {
-                    type: import('vue').PropType<any>;
-                    default: string;
-                };
-                checkBoxMenu: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                isChecked: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                selected: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                selectable: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                overrideClasses: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                checkBoxColor: {
-                    type: import('vue').PropType<"blue" | "gray">;
-                    default: string;
-                };
-                iconName: {
-                    type: import('vue').PropType<string | null>;
-                    default: null;
-                };
-                imageSrc: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                imageShape: {
-                    type: import('vue').PropType<"rounded" | "square">;
-                    default: string;
-                };
-                iconSize: {
-                    type: import('vue').PropType<"small" | "medium" | "large">;
-                    default: string;
-                };
-                checkboxSize: {
-                    type: import('vue').PropType<"small" | "medium">;
-                    default: string;
-                };
-            }>> & Readonly<{
+            }, Readonly<{
+                value?: any;
+                checkBoxMenu?: boolean;
+                isChecked?: boolean;
+                selected?: boolean;
+                selectable?: boolean;
+                overrideClasses?: string;
+                checkBoxColor?: "blue" | "gray";
+                iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
+                imageSrc?: string;
+                imageShape?: "rounded" | "square";
+                iconSize?: "small" | "medium" | "large";
+                checkboxSize?: "small" | "medium";
+                disabled?: boolean;
+            }> & Readonly<{
                 "onList-item-click"?: ((...args: any[]) => any) | undefined;
             }>, {}, {}, {}, {}, {
                 disabled: boolean;
@@ -172,60 +95,21 @@ declare const meta: {
             __isFragment?: never;
             __isTeleport?: never;
             __isSuspense?: never;
-        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-            disabled: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            value: {
-                type: import('vue').PropType<any>;
-                default: string;
-            };
-            checkBoxMenu: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            isChecked: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            selected: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            selectable: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            overrideClasses: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            checkBoxColor: {
-                type: import('vue').PropType<"blue" | "gray">;
-                default: string;
-            };
-            iconName: {
-                type: import('vue').PropType<string | null>;
-                default: null;
-            };
-            imageSrc: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            imageShape: {
-                type: import('vue').PropType<"rounded" | "square">;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<"small" | "medium" | "large">;
-                default: string;
-            };
-            checkboxSize: {
-                type: import('vue').PropType<"small" | "medium">;
-                default: string;
-            };
-        }>> & Readonly<{
+        } & import('vue').ComponentOptionsBase<Readonly<{
+            value?: any;
+            checkBoxMenu?: boolean;
+            isChecked?: boolean;
+            selected?: boolean;
+            selectable?: boolean;
+            overrideClasses?: string;
+            checkBoxColor?: "blue" | "gray";
+            iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
+            imageSrc?: string;
+            imageShape?: "rounded" | "square";
+            iconSize?: "small" | "medium" | "large";
+            checkboxSize?: "small" | "medium";
+            disabled?: boolean;
+        }> & Readonly<{
             "onList-item-click"?: ((...args: any[]) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             "list-item-click": (...args: any[]) => void;
@@ -266,7 +150,7 @@ export declare const WithCheckboxes: {
         };
         components: {
             UiList: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLUListElement, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
@@ -283,60 +167,21 @@ export declare const WithCheckboxes: {
                 };
             });
             UiListItem: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-                    disabled: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    value: {
-                        type: import('vue').PropType<any>;
-                        default: string;
-                    };
-                    checkBoxMenu: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    isChecked: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    selected: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    selectable: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    overrideClasses: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    checkBoxColor: {
-                        type: import('vue').PropType<"blue" | "gray">;
-                        default: string;
-                    };
-                    iconName: {
-                        type: import('vue').PropType<string | null>;
-                        default: null;
-                    };
-                    imageSrc: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    imageShape: {
-                        type: import('vue').PropType<"rounded" | "square">;
-                        default: string;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<"small" | "medium" | "large">;
-                        default: string;
-                    };
-                    checkboxSize: {
-                        type: import('vue').PropType<"small" | "medium">;
-                        default: string;
-                    };
-                }>> & Readonly<{
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                    value?: any;
+                    checkBoxMenu?: boolean;
+                    isChecked?: boolean;
+                    selected?: boolean;
+                    selectable?: boolean;
+                    overrideClasses?: string;
+                    checkBoxColor?: "blue" | "gray";
+                    iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
+                    imageSrc?: string;
+                    imageShape?: "rounded" | "square";
+                    iconSize?: "small" | "medium" | "large";
+                    checkboxSize?: "small" | "medium";
+                    disabled?: boolean;
+                }> & Readonly<{
                     "onList-item-click"?: ((...args: any[]) => any) | undefined;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     "list-item-click": (...args: any[]) => void;
@@ -354,67 +199,30 @@ export declare const WithCheckboxes: {
                     imageShape: "rounded" | "square";
                     iconSize: "small" | "medium" | "large";
                     checkboxSize: "small" | "medium";
-                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    itemEl: HTMLLIElement;
+                }, HTMLLIElement, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import('vue').ExtractPropTypes<{
-                    disabled: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    value: {
-                        type: import('vue').PropType<any>;
-                        default: string;
-                    };
-                    checkBoxMenu: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    isChecked: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    selected: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    selectable: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    overrideClasses: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    checkBoxColor: {
-                        type: import('vue').PropType<"blue" | "gray">;
-                        default: string;
-                    };
-                    iconName: {
-                        type: import('vue').PropType<string | null>;
-                        default: null;
-                    };
-                    imageSrc: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    imageShape: {
-                        type: import('vue').PropType<"rounded" | "square">;
-                        default: string;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<"small" | "medium" | "large">;
-                        default: string;
-                    };
-                    checkboxSize: {
-                        type: import('vue').PropType<"small" | "medium">;
-                        default: string;
-                    };
-                }>> & Readonly<{
+                }, Readonly<{
+                    value?: any;
+                    checkBoxMenu?: boolean;
+                    isChecked?: boolean;
+                    selected?: boolean;
+                    selectable?: boolean;
+                    overrideClasses?: string;
+                    checkBoxColor?: "blue" | "gray";
+                    iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
+                    imageSrc?: string;
+                    imageShape?: "rounded" | "square";
+                    iconSize?: "small" | "medium" | "large";
+                    checkboxSize?: "small" | "medium";
+                    disabled?: boolean;
+                }> & Readonly<{
                     "onList-item-click"?: ((...args: any[]) => any) | undefined;
                 }>, {}, {}, {}, {}, {
                     disabled: boolean;
@@ -434,60 +242,21 @@ export declare const WithCheckboxes: {
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                value: {
-                    type: import('vue').PropType<any>;
-                    default: string;
-                };
-                checkBoxMenu: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                isChecked: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                selected: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                selectable: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                overrideClasses: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                checkBoxColor: {
-                    type: import('vue').PropType<"blue" | "gray">;
-                    default: string;
-                };
-                iconName: {
-                    type: import('vue').PropType<string | null>;
-                    default: null;
-                };
-                imageSrc: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                imageShape: {
-                    type: import('vue').PropType<"rounded" | "square">;
-                    default: string;
-                };
-                iconSize: {
-                    type: import('vue').PropType<"small" | "medium" | "large">;
-                    default: string;
-                };
-                checkboxSize: {
-                    type: import('vue').PropType<"small" | "medium">;
-                    default: string;
-                };
-            }>> & Readonly<{
+            } & import('vue').ComponentOptionsBase<Readonly<{
+                value?: any;
+                checkBoxMenu?: boolean;
+                isChecked?: boolean;
+                selected?: boolean;
+                selectable?: boolean;
+                overrideClasses?: string;
+                checkBoxColor?: "blue" | "gray";
+                iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
+                imageSrc?: string;
+                imageShape?: "rounded" | "square";
+                iconSize?: "small" | "medium" | "large";
+                checkboxSize?: "small" | "medium";
+                disabled?: boolean;
+            }> & Readonly<{
                 "onList-item-click"?: ((...args: any[]) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 "list-item-click": (...args: any[]) => void;
@@ -521,7 +290,7 @@ export declare const WithCheckmark: {
         };
         components: {
             UiList: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLUListElement, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
@@ -538,60 +307,21 @@ export declare const WithCheckmark: {
                 };
             });
             UiListItem: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-                    disabled: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    value: {
-                        type: import('vue').PropType<any>;
-                        default: string;
-                    };
-                    checkBoxMenu: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    isChecked: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    selected: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    selectable: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    overrideClasses: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    checkBoxColor: {
-                        type: import('vue').PropType<"blue" | "gray">;
-                        default: string;
-                    };
-                    iconName: {
-                        type: import('vue').PropType<string | null>;
-                        default: null;
-                    };
-                    imageSrc: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    imageShape: {
-                        type: import('vue').PropType<"rounded" | "square">;
-                        default: string;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<"small" | "medium" | "large">;
-                        default: string;
-                    };
-                    checkboxSize: {
-                        type: import('vue').PropType<"small" | "medium">;
-                        default: string;
-                    };
-                }>> & Readonly<{
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                    value?: any;
+                    checkBoxMenu?: boolean;
+                    isChecked?: boolean;
+                    selected?: boolean;
+                    selectable?: boolean;
+                    overrideClasses?: string;
+                    checkBoxColor?: "blue" | "gray";
+                    iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
+                    imageSrc?: string;
+                    imageShape?: "rounded" | "square";
+                    iconSize?: "small" | "medium" | "large";
+                    checkboxSize?: "small" | "medium";
+                    disabled?: boolean;
+                }> & Readonly<{
                     "onList-item-click"?: ((...args: any[]) => any) | undefined;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     "list-item-click": (...args: any[]) => void;
@@ -609,67 +339,30 @@ export declare const WithCheckmark: {
                     imageShape: "rounded" | "square";
                     iconSize: "small" | "medium" | "large";
                     checkboxSize: "small" | "medium";
-                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    itemEl: HTMLLIElement;
+                }, HTMLLIElement, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import('vue').ExtractPropTypes<{
-                    disabled: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    value: {
-                        type: import('vue').PropType<any>;
-                        default: string;
-                    };
-                    checkBoxMenu: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    isChecked: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    selected: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    selectable: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    overrideClasses: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    checkBoxColor: {
-                        type: import('vue').PropType<"blue" | "gray">;
-                        default: string;
-                    };
-                    iconName: {
-                        type: import('vue').PropType<string | null>;
-                        default: null;
-                    };
-                    imageSrc: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    imageShape: {
-                        type: import('vue').PropType<"rounded" | "square">;
-                        default: string;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<"small" | "medium" | "large">;
-                        default: string;
-                    };
-                    checkboxSize: {
-                        type: import('vue').PropType<"small" | "medium">;
-                        default: string;
-                    };
-                }>> & Readonly<{
+                }, Readonly<{
+                    value?: any;
+                    checkBoxMenu?: boolean;
+                    isChecked?: boolean;
+                    selected?: boolean;
+                    selectable?: boolean;
+                    overrideClasses?: string;
+                    checkBoxColor?: "blue" | "gray";
+                    iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
+                    imageSrc?: string;
+                    imageShape?: "rounded" | "square";
+                    iconSize?: "small" | "medium" | "large";
+                    checkboxSize?: "small" | "medium";
+                    disabled?: boolean;
+                }> & Readonly<{
                     "onList-item-click"?: ((...args: any[]) => any) | undefined;
                 }>, {}, {}, {}, {}, {
                     disabled: boolean;
@@ -689,60 +382,21 @@ export declare const WithCheckmark: {
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                value: {
-                    type: import('vue').PropType<any>;
-                    default: string;
-                };
-                checkBoxMenu: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                isChecked: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                selected: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                selectable: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                overrideClasses: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                checkBoxColor: {
-                    type: import('vue').PropType<"blue" | "gray">;
-                    default: string;
-                };
-                iconName: {
-                    type: import('vue').PropType<string | null>;
-                    default: null;
-                };
-                imageSrc: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                imageShape: {
-                    type: import('vue').PropType<"rounded" | "square">;
-                    default: string;
-                };
-                iconSize: {
-                    type: import('vue').PropType<"small" | "medium" | "large">;
-                    default: string;
-                };
-                checkboxSize: {
-                    type: import('vue').PropType<"small" | "medium">;
-                    default: string;
-                };
-            }>> & Readonly<{
+            } & import('vue').ComponentOptionsBase<Readonly<{
+                value?: any;
+                checkBoxMenu?: boolean;
+                isChecked?: boolean;
+                selected?: boolean;
+                selectable?: boolean;
+                overrideClasses?: string;
+                checkBoxColor?: "blue" | "gray";
+                iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
+                imageSrc?: string;
+                imageShape?: "rounded" | "square";
+                iconSize?: "small" | "medium" | "large";
+                checkboxSize?: "small" | "medium";
+                disabled?: boolean;
+            }> & Readonly<{
                 "onList-item-click"?: ((...args: any[]) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 "list-item-click": (...args: any[]) => void;