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

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

@@ -1,31 +1,15 @@
 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<{
-            type: {
-                type: import('vue').PropType<"info" | "error" | "success">;
-                default: string;
-            };
-            iconName: {
-                type: import('vue').PropType<string | null>;
-                default: null;
-            };
-            iconSize: {
-                type: import('vue').PropType<"small" | "medium" | "large">;
-                default: string;
-            };
-            position: {
-                type: import('vue').PropType<"left" | "right">;
-                default: string;
-            };
-            isShown: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & Readonly<{
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            isShown?: boolean;
+            position?: "left" | "right";
+            iconName?: (typeof iconNames)[number] | null;
+            iconSize?: "small" | "medium" | "large";
+            type?: "info" | "error" | "success";
+        }> & Readonly<{
             onInput?: ((...args: any[]) => any) | undefined;
             "onAction-click"?: ((...args: any[]) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -37,35 +21,22 @@ declare const meta: {
             iconSize: "small" | "medium" | "large";
             position: "left" | "right";
             isShown: boolean;
-        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            actionBtn: HTMLButtonElement;
+        }, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<"info" | "error" | "success">;
-                default: string;
-            };
-            iconName: {
-                type: import('vue').PropType<string | null>;
-                default: null;
-            };
-            iconSize: {
-                type: import('vue').PropType<"small" | "medium" | "large">;
-                default: string;
-            };
-            position: {
-                type: import('vue').PropType<"left" | "right">;
-                default: string;
-            };
-            isShown: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & Readonly<{
+        }, Readonly<{
+            isShown?: boolean;
+            position?: "left" | "right";
+            iconName?: (typeof iconNames)[number] | null;
+            iconSize?: "small" | "medium" | "large";
+            type?: "info" | "error" | "success";
+        }> & Readonly<{
             onInput?: ((...args: any[]) => any) | undefined;
             "onAction-click"?: ((...args: any[]) => any) | undefined;
         }>, {}, {}, {}, {}, {
@@ -78,28 +49,13 @@ declare const meta: {
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        type: {
-            type: import('vue').PropType<"info" | "error" | "success">;
-            default: string;
-        };
-        iconName: {
-            type: import('vue').PropType<string | null>;
-            default: null;
-        };
-        iconSize: {
-            type: import('vue').PropType<"small" | "medium" | "large">;
-            default: string;
-        };
-        position: {
-            type: import('vue').PropType<"left" | "right">;
-            default: string;
-        };
-        isShown: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-    }>> & Readonly<{
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        isShown?: boolean;
+        position?: "left" | "right";
+        iconName?: (typeof iconNames)[number] | null;
+        iconSize?: "small" | "medium" | "large";
+        type?: "info" | "error" | "success";
+    }> & Readonly<{
         onInput?: ((...args: any[]) => any) | undefined;
         "onAction-click"?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -153,28 +109,13 @@ declare const meta: {
         };
         components: {
             UiSnackbar: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: import('vue').PropType<"info" | "error" | "success">;
-                        default: string;
-                    };
-                    iconName: {
-                        type: import('vue').PropType<string | null>;
-                        default: null;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<"small" | "medium" | "large">;
-                        default: string;
-                    };
-                    position: {
-                        type: import('vue').PropType<"left" | "right">;
-                        default: string;
-                    };
-                    isShown: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                }>> & Readonly<{
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                    isShown?: boolean;
+                    position?: "left" | "right";
+                    iconName?: (typeof iconNames)[number] | null;
+                    iconSize?: "small" | "medium" | "large";
+                    type?: "info" | "error" | "success";
+                }> & Readonly<{
                     onInput?: ((...args: any[]) => any) | undefined;
                     "onAction-click"?: ((...args: any[]) => any) | undefined;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -186,35 +127,22 @@ declare const meta: {
                     iconSize: "small" | "medium" | "large";
                     position: "left" | "right";
                     isShown: boolean;
-                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    actionBtn: HTMLButtonElement;
+                }, any, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: import('vue').PropType<"info" | "error" | "success">;
-                        default: string;
-                    };
-                    iconName: {
-                        type: import('vue').PropType<string | null>;
-                        default: null;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<"small" | "medium" | "large">;
-                        default: string;
-                    };
-                    position: {
-                        type: import('vue').PropType<"left" | "right">;
-                        default: string;
-                    };
-                    isShown: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                }>> & Readonly<{
+                }, Readonly<{
+                    isShown?: boolean;
+                    position?: "left" | "right";
+                    iconName?: (typeof iconNames)[number] | null;
+                    iconSize?: "small" | "medium" | "large";
+                    type?: "info" | "error" | "success";
+                }> & Readonly<{
                     onInput?: ((...args: any[]) => any) | undefined;
                     "onAction-click"?: ((...args: any[]) => any) | undefined;
                 }>, {}, {}, {}, {}, {
@@ -227,28 +155,13 @@ declare const meta: {
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                type: {
-                    type: import('vue').PropType<"info" | "error" | "success">;
-                    default: string;
-                };
-                iconName: {
-                    type: import('vue').PropType<string | null>;
-                    default: null;
-                };
-                iconSize: {
-                    type: import('vue').PropType<"small" | "medium" | "large">;
-                    default: string;
-                };
-                position: {
-                    type: import('vue').PropType<"left" | "right">;
-                    default: string;
-                };
-                isShown: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-            }>> & Readonly<{
+            } & import('vue').ComponentOptionsBase<Readonly<{
+                isShown?: boolean;
+                position?: "left" | "right";
+                iconName?: (typeof iconNames)[number] | null;
+                iconSize?: "small" | "medium" | "large";
+                type?: "info" | "error" | "success";
+            }> & Readonly<{
                 onInput?: ((...args: any[]) => any) | undefined;
                 "onAction-click"?: ((...args: any[]) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

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

@@ -1,37 +1,27 @@
 import { iconNames } from '../UiIcon/iconNames';
-
-declare function __VLS_template(): {
-    default?(_: {}): any;
-    action?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     isShown?: boolean;
     position?: "left" | "right";
     iconName?: (typeof iconNames)[number] | null;
     iconSize?: "small" | "medium" | "large";
     type?: "info" | "error" | "success";
-}>, {
-    isShown: boolean;
-    position: string;
-    iconName: null;
-    iconSize: string;
-    type: string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        action?(_: {}): any;
+    };
+    refs: {
+        actionBtn: HTMLButtonElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     input: (...args: any[]) => void;
     "action-click": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    isShown?: boolean;
-    position?: "left" | "right";
-    iconName?: (typeof iconNames)[number] | null;
-    iconSize?: "small" | "medium" | "large";
-    type?: "info" | "error" | "success";
-}>, {
-    isShown: boolean;
-    position: string;
-    iconName: null;
-    iconSize: string;
-    type: string;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onInput?: ((...args: any[]) => any) | undefined;
     "onAction-click"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -40,26 +30,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     iconSize: "small" | "medium" | "large";
     position: "left" | "right";
     isShown: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    actionBtn: HTMLButtonElement;
+}, any>;
+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;

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

@@ -1,29 +1,16 @@
 import { StoryObj } from '@storybook/vue3';
-
 declare const meta: {
     title: string;
-    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        color: {
-            type: import('vue').PropType<"blue" | "white" | "green">;
-            default: string;
-        };
-        variant: {
-            type: import('vue').PropType<"spinner" | "bubbles">;
-            default: string;
-        };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        color: {
-            type: import('vue').PropType<"blue" | "white" | "green">;
-            default: string;
-        };
-        variant: {
-            type: import('vue').PropType<"spinner" | "bubbles">;
-            default: string;
-        };
-    }>> & Readonly<{}>, {
+    component: import('vue').DefineComponent<{
+        color?: "blue" | "white" | "green";
+        variant?: "spinner" | "bubbles";
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        color?: "blue" | "white" | "green";
+        variant?: "spinner" | "bubbles";
+    }> & Readonly<{}>, {
         color: "blue" | "white" | "green";
         variant: "spinner" | "bubbles";
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
     argTypes: {
         variant: {
             control: {
@@ -44,28 +31,16 @@ declare const meta: {
     };
     render: (args: any) => {
         components: {
-            UiSpinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                color: {
-                    type: import('vue').PropType<"blue" | "white" | "green">;
-                    default: string;
-                };
-                variant: {
-                    type: import('vue').PropType<"spinner" | "bubbles">;
-                    default: string;
-                };
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                color: {
-                    type: import('vue').PropType<"blue" | "white" | "green">;
-                    default: string;
-                };
-                variant: {
-                    type: import('vue').PropType<"spinner" | "bubbles">;
-                    default: string;
-                };
-            }>> & Readonly<{}>, {
+            UiSpinner: import('vue').DefineComponent<{
+                color?: "blue" | "white" | "green";
+                variant?: "spinner" | "bubbles";
+            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+                color?: "blue" | "white" | "green";
+                variant?: "spinner" | "bubbles";
+            }> & Readonly<{}>, {
                 color: "blue" | "white" | "green";
                 variant: "spinner" | "bubbles";
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
         };
         setup(this: void): {
             args: any;

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

@@ -1,34 +1,9 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     color?: "blue" | "white" | "green";
     variant?: "spinner" | "bubbles";
-}>, {
-    variant: string;
-    color: string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    color?: "blue" | "white" | "green";
-    variant?: "spinner" | "bubbles";
-}>, {
-    variant: string;
-    color: string;
-}>>> & Readonly<{}>, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     color: "blue" | "white" | "green";
     variant: "spinner" | "bubbles";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 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];
-} & {};

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

@@ -1,42 +1,17 @@
 import { StoryObj } from '@storybook/vue3';
-
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<"small" | "medium" | "xsmall">;
-                default: string;
-            };
-            color: {
-                type: import('vue').PropType<"blue" | "gray">;
-                default: string;
-            };
-            href: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            iconLeft: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            placement: {
-                type: import('vue').PropType<"onsurface" | "oncanvas">;
-                default: string;
-            };
-            iconRight: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            weight: {
-                type: import('vue').PropType<"regular" | "semibold">;
-                default: string;
-            };
-            linkTarget: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            color?: "blue" | "gray";
+            href?: string;
+            iconLeft?: string;
+            iconRight?: string;
+            placement?: "onsurface" | "oncanvas";
+            size?: "xsmall" | "small" | "medium";
+            weight?: "regular" | "semibold";
+            linkTarget?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             size: "xsmall" | "small" | "medium";
             color: "blue" | "gray";
             href: string;
@@ -45,47 +20,23 @@ declare const meta: {
             iconRight: string;
             weight: "regular" | "semibold";
             linkTarget: string;
-        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<"small" | "medium" | "xsmall">;
-                default: string;
-            };
-            color: {
-                type: import('vue').PropType<"blue" | "gray">;
-                default: string;
-            };
-            href: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            iconLeft: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            placement: {
-                type: import('vue').PropType<"onsurface" | "oncanvas">;
-                default: string;
-            };
-            iconRight: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            weight: {
-                type: import('vue').PropType<"regular" | "semibold">;
-                default: string;
-            };
-            linkTarget: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, {
+        }, Readonly<{
+            color?: "blue" | "gray";
+            href?: string;
+            iconLeft?: string;
+            iconRight?: string;
+            placement?: "onsurface" | "oncanvas";
+            size?: "xsmall" | "small" | "medium";
+            weight?: "regular" | "semibold";
+            linkTarget?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, {
             size: "xsmall" | "small" | "medium";
             color: "blue" | "gray";
             href: string;
@@ -98,40 +49,16 @@ declare const meta: {
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<"small" | "medium" | "xsmall">;
-            default: string;
-        };
-        color: {
-            type: import('vue').PropType<"blue" | "gray">;
-            default: string;
-        };
-        href: {
-            type: import('vue').PropType<string>;
-            default: undefined;
-        };
-        iconLeft: {
-            type: import('vue').PropType<string>;
-            default: undefined;
-        };
-        placement: {
-            type: import('vue').PropType<"onsurface" | "oncanvas">;
-            default: string;
-        };
-        iconRight: {
-            type: import('vue').PropType<string>;
-            default: undefined;
-        };
-        weight: {
-            type: import('vue').PropType<"regular" | "semibold">;
-            default: string;
-        };
-        linkTarget: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        color?: "blue" | "gray";
+        href?: string;
+        iconLeft?: string;
+        iconRight?: string;
+        placement?: "onsurface" | "oncanvas";
+        size?: "xsmall" | "small" | "medium";
+        weight?: "regular" | "semibold";
+        linkTarget?: string;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         size: "xsmall" | "small" | "medium";
         color: "blue" | "gray";
         href: string;