@dpa-id-components/dpa-shared-components 11.0.0 → 12.0.1

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

@@ -1,8 +1,14 @@
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLUListElement;
 };
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLUListElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,63 +1,23 @@
 import { iconNames } from '../UiIcon/iconNames';
 import { StoryObj } from '@storybook/vue3';
-
 declare const meta: {
     title: string;
     component: {
-        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 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;
@@ -75,67 +35,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 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;
@@ -155,60 +78,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 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;
@@ -287,60 +171,21 @@ declare const meta: {
         };
         components: {
             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 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;
@@ -358,67 +203,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 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;
@@ -438,60 +246,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 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;

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

@@ -1,9 +1,5 @@
 import { iconNames } from '../UiIcon/iconNames';
-
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     value?: any;
     checkBoxMenu?: boolean;
     isChecked?: boolean;
@@ -17,51 +13,21 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     iconSize?: "small" | "medium" | "large";
     checkboxSize?: "small" | "medium";
     disabled?: boolean;
-}>, {
-    value: string;
-    checkBoxMenu: boolean;
-    isChecked: boolean;
-    selected: boolean;
-    selectable: boolean;
-    overrideClasses: string;
-    checkBoxColor: string;
-    iconName: null;
-    iconSize: string;
-    imageSrc: string;
-    imageShape: string;
-    checkboxSize: string;
-    disabled: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        itemEl: HTMLLIElement;
+    };
+    rootEl: HTMLLIElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "list-item-click": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    value?: any;
-    checkBoxMenu?: boolean;
-    isChecked?: boolean;
-    selected?: boolean;
-    selectable?: boolean;
-    overrideClasses?: string;
-    checkBoxColor?: "blue" | "gray";
-    iconName?: (typeof iconNames)[number] | null;
-    imageSrc?: string;
-    imageShape?: "rounded" | "square";
-    iconSize?: "small" | "medium" | "large";
-    checkboxSize?: "small" | "medium";
-    disabled?: boolean;
-}>, {
-    value: string;
-    checkBoxMenu: boolean;
-    isChecked: boolean;
-    selected: boolean;
-    selectable: boolean;
-    overrideClasses: string;
-    checkBoxColor: string;
-    iconName: null;
-    iconSize: string;
-    imageSrc: string;
-    imageShape: string;
-    checkboxSize: string;
-    disabled: boolean;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onList-item-click"?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
@@ -77,26 +43,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     imageShape: "rounded" | "square";
     iconSize: "small" | "medium" | "large";
     checkboxSize: "small" | "medium";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    itemEl: HTMLLIElement;
+}, HTMLLIElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;