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

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

@@ -1,11 +1,9 @@
 import { StoryObj } from '@storybook/vue3';
 import { iconNames } from '../UiIcon/iconNames';
-
 declare const meta: {
     title: string;
-    component: <K>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: {
-        attrs: any;
-        slots: ReturnType<() => Readonly<{
+    component: <K>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        slots: Readonly<{
             default(props: {
                 checkboxColor: import('./UiMenuTypes').UiMenuCheckboxColor;
                 checkboxSize: import('./UiMenuTypes').UiMenuCheckboxSize;
@@ -25,33 +23,33 @@ declare const meta: {
                 options: import('./UiMenuTypes').UiMenuOptionType<K>[];
                 groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
             }): any;
-        }>;
+        };
+        attrs: any;
         emit: (event: "close" | "reset" | "input" | "open" | "option-selected" | "placed", ...args: any[]) => void;
     }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
         props: {
-            disabled?: boolean | undefined;
-            animate?: boolean | undefined;
             readonly onInput?: ((...args: any[]) => any) | undefined;
             readonly onReset?: ((...args: any[]) => any) | undefined;
-            imageShape?: import('./UiMenuTypes').UiMenuImageShape | undefined;
-            iconSize?: import('./UiMenuTypes').UiMenuIconSize | undefined;
-            checkboxSize?: import('./UiMenuTypes').UiMenuCheckboxSize | undefined;
-            options?: import('./UiMenuTypes').UiMenuOptionType<K>[] | undefined;
-            active?: boolean | undefined;
-            iconLeft?: ((typeof iconNames)[number] | null) | undefined;
             readonly onClose?: ((...args: any[]) => any) | undefined;
             readonly onOpen?: ((...args: any[]) => any) | undefined;
             readonly "onOption-selected"?: ((...args: any[]) => any) | undefined;
             readonly onPlaced?: ((...args: any[]) => any) | undefined;
             menuClasses?: import('vue').HTMLAttributes["class"];
+            options?: import('./UiMenuTypes').UiMenuOptionType<K>[] | undefined;
             groupedOptions?: import('./UiMenuTypes').UiMenuGroupedOption<K>[] | undefined;
             hasAutoFocus?: boolean | undefined;
             isOpen?: boolean | undefined;
+            disabled?: boolean | undefined;
+            active?: boolean | undefined;
             defaultTitle?: string | undefined;
             noTitle?: boolean | undefined;
             multiLabel?: string | undefined;
-            filterButtonSize?: ("small" | "xs") | undefined;
-            buttonVariant?: ("blue-rounded" | "white-rounded" | "transparent-rounded" | "blank") | undefined;
+            filterButtonSize?: "small" | "xs" | undefined;
+            iconSize?: import('./UiMenuTypes').UiMenuIconSize | undefined;
+            iconLeft?: ((typeof iconNames)[number] | null) | undefined;
+            imageShape?: import('./UiMenuTypes').UiMenuImageShape | undefined;
+            checkboxSize?: import('./UiMenuTypes').UiMenuCheckboxSize | undefined;
+            buttonVariant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | undefined;
             listVariant?: import('./UiMenuTypes').UiMenuListVariant | undefined;
             checkboxColor?: import('./UiMenuTypes').UiMenuCheckboxColor | undefined;
             hasResetOption?: boolean | undefined;
@@ -62,11 +60,12 @@ declare const meta: {
             floatingStylesActive?: boolean | undefined;
             floatingUiPlacement?: import('@floating-ui/utils').Placement | undefined;
             floatingUiOptions?: (import('@floating-ui/vue').UseFloatingOptions | null) | undefined;
+            animate?: boolean | undefined;
             placedListClass?: string | undefined;
-        } & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+        } & import('vue').PublicProps;
         expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
         attrs: any;
-        slots: ReturnType<() => Readonly<{
+        slots: Readonly<{
             default(props: {
                 checkboxColor: import('./UiMenuTypes').UiMenuCheckboxColor;
                 checkboxSize: import('./UiMenuTypes').UiMenuCheckboxSize;
@@ -86,11 +85,9 @@ declare const meta: {
                 options: import('./UiMenuTypes').UiMenuOptionType<K>[];
                 groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
             }): any;
-        }>;
+        };
         emit: (event: "close" | "reset" | "input" | "open" | "option-selected" | "placed", ...args: any[]) => void;
-    }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }> & {
+    }>) => import('vue').VNode & {
         __ctx?: Awaited<typeof __VLS_setup>;
     };
     argTypes: {
@@ -232,9 +229,8 @@ export declare const WithBlankButton: {
             }[]>;
         };
         components: {
-            UiMenu: <K>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: {
-                attrs: any;
-                slots: ReturnType<() => Readonly<{
+            UiMenu: <K>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+                slots: Readonly<{
                     default(props: {
                         checkboxColor: import('./UiMenuTypes').UiMenuCheckboxColor;
                         checkboxSize: import('./UiMenuTypes').UiMenuCheckboxSize;
@@ -254,33 +250,33 @@ export declare const WithBlankButton: {
                         options: import('./UiMenuTypes').UiMenuOptionType<K>[];
                         groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
                     }): any;
-                }>;
+                };
+                attrs: any;
                 emit: (event: "close" | "reset" | "input" | "open" | "option-selected" | "placed", ...args: any[]) => void;
             }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
                 props: {
-                    disabled?: boolean | undefined;
-                    animate?: boolean | undefined;
                     readonly onInput?: ((...args: any[]) => any) | undefined;
                     readonly onReset?: ((...args: any[]) => any) | undefined;
-                    imageShape?: import('./UiMenuTypes').UiMenuImageShape | undefined;
-                    iconSize?: import('./UiMenuTypes').UiMenuIconSize | undefined;
-                    checkboxSize?: import('./UiMenuTypes').UiMenuCheckboxSize | undefined;
-                    options?: import('./UiMenuTypes').UiMenuOptionType<K>[] | undefined;
-                    active?: boolean | undefined;
-                    iconLeft?: ((typeof iconNames)[number] | null) | undefined;
                     readonly onClose?: ((...args: any[]) => any) | undefined;
                     readonly onOpen?: ((...args: any[]) => any) | undefined;
                     readonly "onOption-selected"?: ((...args: any[]) => any) | undefined;
                     readonly onPlaced?: ((...args: any[]) => any) | undefined;
                     menuClasses?: import('vue').HTMLAttributes["class"];
+                    options?: import('./UiMenuTypes').UiMenuOptionType<K>[] | undefined;
                     groupedOptions?: import('./UiMenuTypes').UiMenuGroupedOption<K>[] | undefined;
                     hasAutoFocus?: boolean | undefined;
                     isOpen?: boolean | undefined;
+                    disabled?: boolean | undefined;
+                    active?: boolean | undefined;
                     defaultTitle?: string | undefined;
                     noTitle?: boolean | undefined;
                     multiLabel?: string | undefined;
-                    filterButtonSize?: ("small" | "xs") | undefined;
-                    buttonVariant?: ("blue-rounded" | "white-rounded" | "transparent-rounded" | "blank") | undefined;
+                    filterButtonSize?: "small" | "xs" | undefined;
+                    iconSize?: import('./UiMenuTypes').UiMenuIconSize | undefined;
+                    iconLeft?: ((typeof iconNames)[number] | null) | undefined;
+                    imageShape?: import('./UiMenuTypes').UiMenuImageShape | undefined;
+                    checkboxSize?: import('./UiMenuTypes').UiMenuCheckboxSize | undefined;
+                    buttonVariant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | undefined;
                     listVariant?: import('./UiMenuTypes').UiMenuListVariant | undefined;
                     checkboxColor?: import('./UiMenuTypes').UiMenuCheckboxColor | undefined;
                     hasResetOption?: boolean | undefined;
@@ -291,11 +287,12 @@ export declare const WithBlankButton: {
                     floatingStylesActive?: boolean | undefined;
                     floatingUiPlacement?: import('@floating-ui/utils').Placement | undefined;
                     floatingUiOptions?: (import('@floating-ui/vue').UseFloatingOptions | null) | undefined;
+                    animate?: boolean | undefined;
                     placedListClass?: string | undefined;
-                } & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+                } & import('vue').PublicProps;
                 expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
                 attrs: any;
-                slots: ReturnType<() => Readonly<{
+                slots: Readonly<{
                     default(props: {
                         checkboxColor: import('./UiMenuTypes').UiMenuCheckboxColor;
                         checkboxSize: import('./UiMenuTypes').UiMenuCheckboxSize;
@@ -315,11 +312,9 @@ export declare const WithBlankButton: {
                         options: import('./UiMenuTypes').UiMenuOptionType<K>[];
                         groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
                     }): any;
-                }>;
+                };
                 emit: (event: "close" | "reset" | "input" | "open" | "option-selected" | "placed", ...args: any[]) => void;
-            }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                [key: string]: any;
-            }> & {
+            }>) => import('vue').VNode & {
                 __ctx?: Awaited<typeof __VLS_setup>;
             };
         };

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

@@ -2,16 +2,15 @@ import { HTMLAttributes } from 'vue';
 import { Placement, UseFloatingOptions } from '@floating-ui/vue';
 import { iconNames } from '../UiIcon/iconNames';
 import { UiMenuCheckboxColor, UiMenuCheckboxSize, UiMenuGroupedOption, UiMenuIconSize, UiMenuImageShape, UiMenuListVariant, UiMenuOptionType } from './UiMenuTypes';
-
-declare const _default: <K>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{
+declare const _default: <K>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onClose?: ((...args: any[]) => any) | undefined;
         readonly onReset?: ((...args: any[]) => any) | undefined;
         readonly onInput?: ((...args: any[]) => any) | undefined;
         readonly onOpen?: ((...args: any[]) => any) | undefined;
         readonly "onOption-selected"?: ((...args: any[]) => any) | undefined;
         readonly onPlaced?: ((...args: any[]) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & {
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onInput" | "onReset" | "onClose" | "onOpen" | "onOption-selected" | "onPlaced"> & {
         menuClasses?: HTMLAttributes["class"];
         options?: UiMenuOptionType<K>[];
         groupedOptions?: UiMenuGroupedOption<K>[];
@@ -40,10 +39,10 @@ declare const _default: <K>(__VLS_props: Awaited<typeof __VLS_setup>["props"], _
         floatingUiOptions?: UseFloatingOptions | null;
         animate?: boolean;
         placedListClass?: string;
-    }, keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    } & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: ReturnType<() => Readonly<{
+    slots: Readonly<{
         default(props: {
             checkboxColor: UiMenuCheckboxColor;
             checkboxSize: UiMenuCheckboxSize;
@@ -63,14 +62,12 @@ declare const _default: <K>(__VLS_props: Awaited<typeof __VLS_setup>["props"], _
             options: UiMenuOptionType<K>[];
             groupedOptions: UiMenuGroupedOption<K>[];
         }): any;
-    }>;
+    };
     emit: (event: "close" | "reset" | "input" | "open" | "option-selected" | "placed", ...args: any[]) => void;
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;
-type __VLS_Prettify<T> = {
+type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
 } & {};

package/dist/components/UiMenu/UiMenuItem.vue.d.ts

@@ -1,8 +1,7 @@
 import { UiMenuCheckboxColor, UiMenuCheckboxSize, UiMenuIconSize, UiMenuImageShape, UiMenuListVariant, UiMenuOptionType } from './UiMenuTypes';
 import { HTMLAttributes } from 'vue';
-
-declare const _default: <T>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & {
+declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & {
         class?: HTMLAttributes["class"];
         option?: UiMenuOptionType<T>;
         listVariant?: UiMenuListVariant;
@@ -10,10 +9,10 @@ declare const _default: <T>(__VLS_props: Awaited<typeof __VLS_setup>["props"], _
         imageShape?: UiMenuImageShape;
         checkboxSize?: UiMenuCheckboxSize;
         checkboxColor?: UiMenuCheckboxColor;
-    }, keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    } & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: ReturnType<() => {
+    slots: {
         default?(_: {
             option: [{
                 type: import('vue').PropType<__VLS_NonUndefinedable<UiMenuOptionType<T>>>;
@@ -23,15 +22,13 @@ declare const _default: <T>(__VLS_props: Awaited<typeof __VLS_setup>["props"], _
                 default: undefined;
             };
         }): any;
-    }>;
-    emit: typeof __VLS_emit;
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+    };
+    emit: {};
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_Prettify<T> = {
+type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/UiMenu/UiMenuList.vue.d.ts

@@ -1,36 +1,20 @@
+type __VLS_Props = {
+    class?: string;
+};
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLUListElement;
 };
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    class?: string;
-}>, {
-    class: undefined;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    class?: string;
-}>, {
-    class: undefined;
-}>>> & Readonly<{}>, {
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     class: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLUListElement>;
+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/UiMenu/UiMenuTypes.d.ts

@@ -2,7 +2,7 @@ export type UiMenuOptionType<T = object> = {
     label: string;
     imageSrc?: string | undefined;
     selected: boolean;
-    value: string;
+    value: unknown;
 } & T;
 export type UiMenuGroupedOption<T> = {
     groupLabel: string;

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

@@ -1,5 +1,4 @@
 import { StoryObj } from '@storybook/vue3';
-
 declare const meta: {
     title: string;
     component: {
@@ -7,7 +6,7 @@ declare const meta: {
             onClose?: ((...args: any[]) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             close: (...args: any[]) => void;
-        }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -39,7 +38,7 @@ declare const meta: {
                     onClose?: ((...args: any[]) => any) | undefined;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     close: (...args: any[]) => void;
-                }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};

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

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