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

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

@@ -1,78 +1,41 @@
 import { StoryObj } from '@storybook/vue3';
-
 declare const meta: {
     title: string;
-    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<"small" | "large">;
-            default: string;
-        };
-        customClasses: {
-            type: import('vue').PropType<string | string[]>;
-            default: string;
-        };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<"small" | "large">;
-            default: string;
-        };
-        customClasses: {
-            type: import('vue').PropType<string | string[]>;
-            default: string;
-        };
-    }>> & Readonly<{}>, {
+    component: import('vue').DefineComponent<{
+        size?: "small" | "large";
+        customClasses?: string[] | string;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        size?: "small" | "large";
+        customClasses?: string[] | string;
+    }> & Readonly<{}>, {
         size: "small" | "large";
         customClasses: string[] | string;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
     subcomponents: {
         UiSection: {
-            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<"small" | "wide">;
-                    default: string;
-                };
-                verticalPadding: {
-                    type: import('vue').PropType<"small" | "large" | "none">;
-                    default: string;
-                };
-                borderTop: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                borderBottom: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-            }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                size?: "wide" | "small";
+                verticalPadding?: "small" | "large" | "none";
+                borderTop?: boolean;
+                borderBottom?: boolean;
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
                 size: "wide" | "small";
                 verticalPadding: "small" | "large" | "none";
                 borderTop: boolean;
                 borderBottom: boolean;
-            }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
                 C: {};
                 M: {};
                 Defaults: {};
-            }, Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<"small" | "wide">;
-                    default: string;
-                };
-                verticalPadding: {
-                    type: import('vue').PropType<"small" | "large" | "none">;
-                    default: string;
-                };
-                borderTop: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                borderBottom: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-            }>> & Readonly<{}>, {}, {}, {}, {}, {
+            }, Readonly<{
+                size?: "wide" | "small";
+                verticalPadding?: "small" | "large" | "none";
+                borderTop?: boolean;
+                borderBottom?: boolean;
+            }> & Readonly<{}>, {}, {}, {}, {}, {
                 size: "wide" | "small";
                 verticalPadding: "small" | "large" | "none";
                 borderTop: boolean;
@@ -81,24 +44,12 @@ declare const meta: {
             __isFragment?: never;
             __isTeleport?: never;
             __isSuspense?: never;
-        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<"small" | "wide">;
-                default: string;
-            };
-            verticalPadding: {
-                type: import('vue').PropType<"small" | "large" | "none">;
-                default: string;
-            };
-            borderTop: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            borderBottom: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        } & import('vue').ComponentOptionsBase<Readonly<{
+            size?: "wide" | "small";
+            verticalPadding?: "small" | "large" | "none";
+            borderTop?: boolean;
+            borderBottom?: boolean;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
             size: "wide" | "small";
             verticalPadding: "small" | "large" | "none";
             borderTop: boolean;

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

@@ -1,34 +1,9 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     size?: "small" | "large";
     customClasses?: string[] | string;
-}>, {
-    customClasses: string;
-    size: string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    size?: "small" | "large";
-    customClasses?: string[] | string;
-}>, {
-    customClasses: string;
-    size: string;
-}>>> & Readonly<{}>, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: "small" | "large";
     customClasses: string[] | string;
-}, {}, {}, {}, 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/UiSimpleInput/UiSimpleInput.stories.d.ts

@@ -1,51 +1,28 @@
 import { StoryObj } from '@storybook/vue3';
-
 declare const meta: {
     title: string;
-    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<"xs" | "small" | "medium" | "large" | "xl">;
-            default: string;
-        };
-        placeholder: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        autofocus: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        hasIcon: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    component: import('vue').DefineComponent<{
+        placeholder?: string;
+        size?: "xs" | "small" | "medium" | "large" | "xl";
+        hasIcon?: boolean;
+        autofocus?: boolean;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         input: (...args: any[]) => void;
-    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<"xs" | "small" | "medium" | "large" | "xl">;
-            default: string;
-        };
-        placeholder: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        autofocus: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        hasIcon: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-    }>> & Readonly<{
+    }, string, import('vue').PublicProps, Readonly<{
+        placeholder?: string;
+        size?: "xs" | "small" | "medium" | "large" | "xl";
+        hasIcon?: boolean;
+        autofocus?: boolean;
+    }> & Readonly<{
         onInput?: ((...args: any[]) => any) | undefined;
     }>, {
         size: "xs" | "small" | "medium" | "large" | "xl";
         placeholder: string;
         autofocus: boolean;
         hasIcon: boolean;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+        autofocusRef: HTMLInputElement;
+    }, HTMLDivElement>;
     argTypes: {
         placeholder: {
             control: "text";
@@ -72,50 +49,28 @@ declare const meta: {
             args: any;
         };
         components: {
-            UiSimpleInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<"xs" | "small" | "medium" | "large" | "xl">;
-                    default: string;
-                };
-                placeholder: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                autofocus: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                hasIcon: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            UiSimpleInput: import('vue').DefineComponent<{
+                placeholder?: string;
+                size?: "xs" | "small" | "medium" | "large" | "xl";
+                hasIcon?: boolean;
+                autofocus?: boolean;
+            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 input: (...args: any[]) => void;
-            }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<"xs" | "small" | "medium" | "large" | "xl">;
-                    default: string;
-                };
-                placeholder: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                autofocus: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                hasIcon: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-            }>> & Readonly<{
+            }, string, import('vue').PublicProps, Readonly<{
+                placeholder?: string;
+                size?: "xs" | "small" | "medium" | "large" | "xl";
+                hasIcon?: boolean;
+                autofocus?: boolean;
+            }> & Readonly<{
                 onInput?: ((...args: any[]) => any) | undefined;
             }>, {
                 size: "xs" | "small" | "medium" | "large" | "xl";
                 placeholder: string;
                 autofocus: boolean;
                 hasIcon: boolean;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+                autofocusRef: HTMLInputElement;
+            }, HTMLDivElement>;
         };
         template: string;
         methods: {

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

@@ -1,48 +1,19 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     placeholder?: string;
     size?: "xs" | "small" | "medium" | "large" | "xl";
     hasIcon?: boolean;
     autofocus?: boolean;
-}>, {
-    placeholder: string;
-    size: string;
-    hasIcon: boolean;
-    autofocus: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     input: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    placeholder?: string;
-    size?: "xs" | "small" | "medium" | "large" | "xl";
-    hasIcon?: boolean;
-    autofocus?: boolean;
-}>, {
-    placeholder: string;
-    size: string;
-    hasIcon: boolean;
-    autofocus: boolean;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onInput?: ((...args: any[]) => any) | undefined;
 }>, {
     size: "xs" | "small" | "medium" | "large" | "xl";
     placeholder: string;
     autofocus: boolean;
     hasIcon: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    autofocusRef: HTMLInputElement;
+}, 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/UiSkeletonBox/UiSkeletonBox.stories.d.ts

@@ -1,38 +1,19 @@
 import { StoryObj } from '@storybook/vue3';
-
 declare const meta: {
     title: string;
-    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        maxWidth: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
-        minWidth: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
-        dynamicSize: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        maxWidth: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
-        minWidth: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
-        dynamicSize: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
+    component: import('vue').DefineComponent<{
+        maxWidth?: number;
+        minWidth?: number;
+        dynamicSize?: boolean;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        maxWidth?: number;
+        minWidth?: number;
+        dynamicSize?: boolean;
+    }> & Readonly<{}>, {
         maxWidth: number;
         minWidth: number;
         dynamicSize: boolean;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
     argTypes: {
         maxWidth: {
             type: "number";
@@ -59,37 +40,19 @@ declare const meta: {
             args: any;
         };
         components: {
-            UiSkeletonBox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                maxWidth: {
-                    type: import('vue').PropType<number>;
-                    default: number;
-                };
-                minWidth: {
-                    type: import('vue').PropType<number>;
-                    default: number;
-                };
-                dynamicSize: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                maxWidth: {
-                    type: import('vue').PropType<number>;
-                    default: number;
-                };
-                minWidth: {
-                    type: import('vue').PropType<number>;
-                    default: number;
-                };
-                dynamicSize: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-            }>> & Readonly<{}>, {
+            UiSkeletonBox: import('vue').DefineComponent<{
+                maxWidth?: number;
+                minWidth?: number;
+                dynamicSize?: boolean;
+            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+                maxWidth?: number;
+                minWidth?: number;
+                dynamicSize?: boolean;
+            }> & Readonly<{}>, {
                 maxWidth: number;
                 minWidth: number;
                 dynamicSize: boolean;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
         };
         template: string;
     };

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

@@ -1,39 +1,11 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     maxWidth?: number;
     minWidth?: number;
     dynamicSize?: boolean;
-}>, {
-    maxWidth: number;
-    minWidth: number;
-    dynamicSize: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    maxWidth?: number;
-    minWidth?: number;
-    dynamicSize?: boolean;
-}>, {
-    maxWidth: number;
-    minWidth: number;
-    dynamicSize: boolean;
-}>>> & Readonly<{}>, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     maxWidth: number;
     minWidth: number;
     dynamicSize: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 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];
-} & {};