@dpa-id-components/dpa-shared-components 12.2.1 → 12.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/components/UiColorPicker/UiColorPicker.stories.d.ts +2 -2
  2. package/dist/components/UiColorPicker/UiColorPicker.vue.d.ts +1 -1
  3. package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts +48 -48
  4. package/dist/components/UiInfoContent/UiInfoContent.vue.d.ts +4 -4
  5. package/dist/components/UiMenu/UiMenu.stories.d.ts +14 -14
  6. package/dist/components/UiMenu/UiMenu.vue.d.ts +9 -9
  7. package/dist/components/UiMenu/UiMenuItem.vue.d.ts +10 -3
  8. package/dist/components/UiMenu/UiMenuTypes.d.ts +5 -5
  9. package/dist/components/UiOverlayMenu/UiOverlayMenu.stories.d.ts +12 -12
  10. package/dist/components/UiOverlayMenu/UiOverlayMenu.vue.d.ts +1 -1
  11. package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +3 -3
  12. package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts +1 -1
  13. package/dist/dpa-shared-components.mjs +4 -2
  14. package/dist/dpa-shared-components.umd.js +1 -1
  15. package/dist/eslint.base.config.mjs +0 -1
  16. package/dist/style.css +1 -1
  17. package/package.json +4 -3
package/dist/components/UiColorPicker/UiColorPicker.stories.d.ts CHANGED
@@ -2,11 +2,11 @@ import { StoryObj } from '@storybook/vue3';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: import('vue').DefineComponent<{
5
- modelValue: string;
5
+ modelValue?: string;
6
6
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
7
7
  "update:modelValue": (args_0: string) => any;
8
8
  }, string, import('vue').PublicProps, Readonly<{
9
- modelValue: string;
9
+ modelValue?: string;
10
10
  }> & Readonly<{
11
11
  "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
12
12
  }>, {
package/dist/components/UiColorPicker/UiColorPicker.vue.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  type __VLS_Props = {
2
- modelValue: string;
2
+ modelValue?: string;
3
3
  };
4
4
  declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
5
5
  "update:modelValue": (args_0: string) => any;
package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts CHANGED
@@ -4,10 +4,10 @@ declare const meta: {
4
4
  title: string;
5
5
  component: {
6
6
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
7
- iconBackground: "white" | "gray" | "green";
8
- iconName: (typeof iconNames)[number] | null;
9
- iconSize: "xs" | "small" | "medium" | "large" | "xl";
10
- iconColor: "white" | "gray";
7
+ iconBackground?: "white" | "gray" | "green";
8
+ iconName?: (typeof iconNames)[number] | null;
9
+ iconSize?: "xs" | "small" | "medium" | "large" | "xl";
10
+ iconColor?: "white" | "gray";
11
11
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
12
12
  iconName: (typeof iconNames)[number] | null;
13
13
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
@@ -21,10 +21,10 @@ declare const meta: {
21
21
  M: {};
22
22
  Defaults: {};
23
23
  }, Readonly<{
24
- iconBackground: "white" | "gray" | "green";
25
- iconName: (typeof iconNames)[number] | null;
26
- iconSize: "xs" | "small" | "medium" | "large" | "xl";
27
- iconColor: "white" | "gray";
24
+ iconBackground?: "white" | "gray" | "green";
25
+ iconName?: (typeof iconNames)[number] | null;
26
+ iconSize?: "xs" | "small" | "medium" | "large" | "xl";
27
+ iconColor?: "white" | "gray";
28
28
  }> & Readonly<{}>, {}, {}, {}, {}, {
29
29
  iconName: (typeof iconNames)[number] | null;
30
30
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
@@ -35,10 +35,10 @@ declare const meta: {
35
35
  __isTeleport?: never;
36
36
  __isSuspense?: never;
37
37
  } & import('vue').ComponentOptionsBase<Readonly<{
38
- iconBackground: "white" | "gray" | "green";
39
- iconName: (typeof iconNames)[number] | null;
40
- iconSize: "xs" | "small" | "medium" | "large" | "xl";
41
- iconColor: "white" | "gray";
38
+ iconBackground?: "white" | "gray" | "green";
39
+ iconName?: (typeof iconNames)[number] | null;
40
+ iconSize?: "xs" | "small" | "medium" | "large" | "xl";
41
+ iconColor?: "white" | "gray";
42
42
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
43
43
  iconName: (typeof iconNames)[number] | null;
44
44
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
@@ -77,10 +77,10 @@ declare const meta: {
77
77
  };
78
78
  render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
79
79
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
80
- iconBackground: "white" | "gray" | "green";
81
- iconName: (typeof iconNames)[number] | null;
82
- iconSize: "xs" | "small" | "medium" | "large" | "xl";
83
- iconColor: "white" | "gray";
80
+ iconBackground?: "white" | "gray" | "green";
81
+ iconName?: (typeof iconNames)[number] | null;
82
+ iconSize?: "xs" | "small" | "medium" | "large" | "xl";
83
+ iconColor?: "white" | "gray";
84
84
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
85
85
  iconName: (typeof iconNames)[number] | null;
86
86
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
@@ -94,10 +94,10 @@ declare const meta: {
94
94
  M: {};
95
95
  Defaults: {};
96
96
  }, Readonly<{
97
- iconBackground: "white" | "gray" | "green";
98
- iconName: (typeof iconNames)[number] | null;
99
- iconSize: "xs" | "small" | "medium" | "large" | "xl";
100
- iconColor: "white" | "gray";
97
+ iconBackground?: "white" | "gray" | "green";
98
+ iconName?: (typeof iconNames)[number] | null;
99
+ iconSize?: "xs" | "small" | "medium" | "large" | "xl";
100
+ iconColor?: "white" | "gray";
101
101
  }> & Readonly<{}>, {}, {}, {}, {}, {
102
102
  iconName: (typeof iconNames)[number] | null;
103
103
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
@@ -108,10 +108,10 @@ declare const meta: {
108
108
  __isTeleport?: never;
109
109
  __isSuspense?: never;
110
110
  } & import('vue').ComponentOptionsBase<Readonly<{
111
- iconBackground: "white" | "gray" | "green";
112
- iconName: (typeof iconNames)[number] | null;
113
- iconSize: "xs" | "small" | "medium" | "large" | "xl";
114
- iconColor: "white" | "gray";
111
+ iconBackground?: "white" | "gray" | "green";
112
+ iconName?: (typeof iconNames)[number] | null;
113
+ iconSize?: "xs" | "small" | "medium" | "large" | "xl";
114
+ iconColor?: "white" | "gray";
115
115
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
116
116
  iconName: (typeof iconNames)[number] | null;
117
117
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
@@ -127,10 +127,10 @@ declare const meta: {
127
127
  setup(this: void): {
128
128
  args: import('@storybook/vue3').ComponentPropsAndSlots<{
129
129
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
130
- iconBackground: "white" | "gray" | "green";
131
- iconName: (typeof iconNames)[number] | null;
132
- iconSize: "xs" | "small" | "medium" | "large" | "xl";
133
- iconColor: "white" | "gray";
130
+ iconBackground?: "white" | "gray" | "green";
131
+ iconName?: (typeof iconNames)[number] | null;
132
+ iconSize?: "xs" | "small" | "medium" | "large" | "xl";
133
+ iconColor?: "white" | "gray";
134
134
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
135
135
  iconName: (typeof iconNames)[number] | null;
136
136
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
@@ -144,10 +144,10 @@ declare const meta: {
144
144
  M: {};
145
145
  Defaults: {};
146
146
  }, Readonly<{
147
- iconBackground: "white" | "gray" | "green";
148
- iconName: (typeof iconNames)[number] | null;
149
- iconSize: "xs" | "small" | "medium" | "large" | "xl";
150
- iconColor: "white" | "gray";
147
+ iconBackground?: "white" | "gray" | "green";
148
+ iconName?: (typeof iconNames)[number] | null;
149
+ iconSize?: "xs" | "small" | "medium" | "large" | "xl";
150
+ iconColor?: "white" | "gray";
151
151
  }> & Readonly<{}>, {}, {}, {}, {}, {
152
152
  iconName: (typeof iconNames)[number] | null;
153
153
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
@@ -158,10 +158,10 @@ declare const meta: {
158
158
  __isTeleport?: never;
159
159
  __isSuspense?: never;
160
160
  } & import('vue').ComponentOptionsBase<Readonly<{
161
- iconBackground: "white" | "gray" | "green";
162
- iconName: (typeof iconNames)[number] | null;
163
- iconSize: "xs" | "small" | "medium" | "large" | "xl";
164
- iconColor: "white" | "gray";
161
+ iconBackground?: "white" | "gray" | "green";
162
+ iconName?: (typeof iconNames)[number] | null;
163
+ iconSize?: "xs" | "small" | "medium" | "large" | "xl";
164
+ iconColor?: "white" | "gray";
165
165
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
166
166
  iconName: (typeof iconNames)[number] | null;
167
167
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
@@ -178,10 +178,10 @@ declare const meta: {
178
178
  components: {
179
179
  UiInfoContent: {
180
180
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
181
- iconBackground: "white" | "gray" | "green";
182
- iconName: (typeof iconNames)[number] | null;
183
- iconSize: "xs" | "small" | "medium" | "large" | "xl";
184
- iconColor: "white" | "gray";
181
+ iconBackground?: "white" | "gray" | "green";
182
+ iconName?: (typeof iconNames)[number] | null;
183
+ iconSize?: "xs" | "small" | "medium" | "large" | "xl";
184
+ iconColor?: "white" | "gray";
185
185
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
186
186
  iconName: (typeof iconNames)[number] | null;
187
187
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
@@ -195,10 +195,10 @@ declare const meta: {
195
195
  M: {};
196
196
  Defaults: {};
197
197
  }, Readonly<{
198
- iconBackground: "white" | "gray" | "green";
199
- iconName: (typeof iconNames)[number] | null;
200
- iconSize: "xs" | "small" | "medium" | "large" | "xl";
201
- iconColor: "white" | "gray";
198
+ iconBackground?: "white" | "gray" | "green";
199
+ iconName?: (typeof iconNames)[number] | null;
200
+ iconSize?: "xs" | "small" | "medium" | "large" | "xl";
201
+ iconColor?: "white" | "gray";
202
202
  }> & Readonly<{}>, {}, {}, {}, {}, {
203
203
  iconName: (typeof iconNames)[number] | null;
204
204
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
@@ -209,10 +209,10 @@ declare const meta: {
209
209
  __isTeleport?: never;
210
210
  __isSuspense?: never;
211
211
  } & import('vue').ComponentOptionsBase<Readonly<{
212
- iconBackground: "white" | "gray" | "green";
213
- iconName: (typeof iconNames)[number] | null;
214
- iconSize: "xs" | "small" | "medium" | "large" | "xl";
215
- iconColor: "white" | "gray";
212
+ iconBackground?: "white" | "gray" | "green";
213
+ iconName?: (typeof iconNames)[number] | null;
214
+ iconSize?: "xs" | "small" | "medium" | "large" | "xl";
215
+ iconColor?: "white" | "gray";
216
216
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
217
217
  iconName: (typeof iconNames)[number] | null;
218
218
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
package/dist/components/UiInfoContent/UiInfoContent.vue.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import { iconNames } from '../UiIcon/iconNames';
2
2
  type __VLS_Props = {
3
- iconBackground: "white" | "gray" | "green";
4
- iconName: (typeof iconNames)[number] | null;
5
- iconSize: "xs" | "small" | "medium" | "large" | "xl";
6
- iconColor: "white" | "gray";
3
+ iconBackground?: "white" | "gray" | "green";
4
+ iconName?: (typeof iconNames)[number] | null;
5
+ iconSize?: "xs" | "small" | "medium" | "large" | "xl";
6
+ iconColor?: "white" | "gray";
7
7
  };
8
8
  declare function __VLS_template(): {
9
9
  attrs: Partial<{}>;
package/dist/components/UiMenu/UiMenu.stories.d.ts CHANGED
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/vue3';
2
2
  import { iconNames } from '../UiIcon/iconNames';
3
3
  declare const meta: {
4
4
  title: string;
5
- component: <Value>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
5
+ component: <K>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
6
6
  slots: Readonly<{
7
7
  default?(props: {
8
8
  checkboxColor: import('./UiMenuTypes').UiMenuCheckboxColor;
@@ -10,8 +10,8 @@ declare const meta: {
10
10
  iconSize: import('./UiMenuTypes').UiMenuIconSize;
11
11
  imageShape: import('./UiMenuTypes').UiMenuImageShape;
12
12
  listVariant: import('./UiMenuTypes').UiMenuListVariant;
13
- options: import('./UiMenuTypes').UiMenuOptionType<Value>[];
14
- groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<Value>[];
13
+ options: import('./UiMenuTypes').UiMenuOptionType<K>[];
14
+ groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
15
15
  }): any;
16
16
  }> & {
17
17
  default?(props: {
@@ -20,14 +20,14 @@ declare const meta: {
20
20
  iconSize: import('./UiMenuTypes').UiMenuIconSize;
21
21
  imageShape: import('./UiMenuTypes').UiMenuImageShape;
22
22
  listVariant: import('./UiMenuTypes').UiMenuListVariant;
23
- options: import('./UiMenuTypes').UiMenuOptionType<Value>[];
24
- groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<Value>[];
23
+ options: import('./UiMenuTypes').UiMenuOptionType<K>[];
24
+ groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
25
25
  }): any;
26
26
  };
27
27
  attrs: any;
28
28
  emit: ((evt: "close") => void) & ((evt: "reset") => void) & ((evt: "input", args_0: string) => void) & ((evt: "open") => void) & ((evt: "option-selected", args_0: {
29
29
  index?: number;
30
- value: import('./UiMenuTypes').UiMenuOptionType<Value>["value"];
30
+ value: unknown;
31
31
  }) => void) & ((evt: "placed") => void);
32
32
  }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
33
33
  props: {
@@ -37,12 +37,12 @@ declare const meta: {
37
37
  readonly onOpen?: (() => any) | undefined;
38
38
  readonly "onOption-selected"?: ((args_0: {
39
39
  index?: number;
40
- value: import('./UiMenuTypes').UiMenuOptionType<Value>["value"];
40
+ value: unknown;
41
41
  }) => any) | undefined;
42
42
  readonly onPlaced?: (() => any) | undefined;
43
43
  menuClasses?: import('vue').HTMLAttributes["class"];
44
- options?: import('./UiMenuTypes').UiMenuOptionType<Value>[] | undefined;
45
- groupedOptions?: import('./UiMenuTypes').UiMenuGroupedOption<Value>[] | undefined;
44
+ options?: import('./UiMenuTypes').UiMenuOptionType<K>[] | undefined;
45
+ groupedOptions?: import('./UiMenuTypes').UiMenuGroupedOption<K>[] | undefined;
46
46
  hasAutoFocus?: boolean | undefined;
47
47
  isOpen?: boolean | undefined;
48
48
  disabled?: boolean | undefined;
@@ -78,8 +78,8 @@ declare const meta: {
78
78
  iconSize: import('./UiMenuTypes').UiMenuIconSize;
79
79
  imageShape: import('./UiMenuTypes').UiMenuImageShape;
80
80
  listVariant: import('./UiMenuTypes').UiMenuListVariant;
81
- options: import('./UiMenuTypes').UiMenuOptionType<Value>[];
82
- groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<Value>[];
81
+ options: import('./UiMenuTypes').UiMenuOptionType<K>[];
82
+ groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
83
83
  }): any;
84
84
  }> & {
85
85
  default?(props: {
@@ -88,13 +88,13 @@ declare const meta: {
88
88
  iconSize: import('./UiMenuTypes').UiMenuIconSize;
89
89
  imageShape: import('./UiMenuTypes').UiMenuImageShape;
90
90
  listVariant: import('./UiMenuTypes').UiMenuListVariant;
91
- options: import('./UiMenuTypes').UiMenuOptionType<Value>[];
92
- groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<Value>[];
91
+ options: import('./UiMenuTypes').UiMenuOptionType<K>[];
92
+ groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
93
93
  }): any;
94
94
  };
95
95
  emit: ((evt: "close") => void) & ((evt: "reset") => void) & ((evt: "input", args_0: string) => void) & ((evt: "open") => void) & ((evt: "option-selected", args_0: {
96
96
  index?: number;
97
- value: import('./UiMenuTypes').UiMenuOptionType<Value>["value"];
97
+ value: unknown;
98
98
  }) => void) & ((evt: "placed") => void);
99
99
  }>) => import('vue').VNode & {
100
100
  __ctx?: Awaited<typeof __VLS_setup>;
package/dist/components/UiMenu/UiMenu.vue.d.ts CHANGED
@@ -2,7 +2,7 @@ import { HTMLAttributes } from 'vue';
2
2
  import { Placement, UseFloatingOptions } from '@floating-ui/vue';
3
3
  import { iconNames } from '../UiIcon/iconNames';
4
4
  import { UiMenuCheckboxColor, UiMenuCheckboxSize, UiMenuGroupedOption, UiMenuIconSize, UiMenuImageShape, UiMenuListVariant, UiMenuOptionType } from './UiMenuTypes';
5
- declare const _default: <Value>(__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<{
5
+ 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<{
6
6
  props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
7
7
  readonly onClose?: (() => any) | undefined;
8
8
  readonly onReset?: (() => any) | undefined;
@@ -10,13 +10,13 @@ declare const _default: <Value>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
10
10
  readonly onOpen?: (() => any) | undefined;
11
11
  readonly "onOption-selected"?: ((args_0: {
12
12
  index?: number;
13
- value: UiMenuOptionType<Value>["value"];
13
+ value: unknown;
14
14
  }) => any) | undefined;
15
15
  readonly onPlaced?: (() => any) | undefined;
16
16
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onInput" | "onReset" | "onClose" | "onOpen" | "onOption-selected" | "onPlaced"> & {
17
17
  menuClasses?: HTMLAttributes["class"];
18
- options?: UiMenuOptionType<Value>[];
19
- groupedOptions?: UiMenuGroupedOption<Value>[];
18
+ options?: UiMenuOptionType<K>[];
19
+ groupedOptions?: UiMenuGroupedOption<K>[];
20
20
  hasAutoFocus?: boolean;
21
21
  isOpen?: boolean;
22
22
  disabled?: boolean;
@@ -52,8 +52,8 @@ declare const _default: <Value>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
52
52
  iconSize: UiMenuIconSize;
53
53
  imageShape: UiMenuImageShape;
54
54
  listVariant: UiMenuListVariant;
55
- options: UiMenuOptionType<Value>[];
56
- groupedOptions: UiMenuGroupedOption<Value>[];
55
+ options: UiMenuOptionType<K>[];
56
+ groupedOptions: UiMenuGroupedOption<K>[];
57
57
  }): any;
58
58
  }> & {
59
59
  default?(props: {
@@ -62,13 +62,13 @@ declare const _default: <Value>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
62
62
  iconSize: UiMenuIconSize;
63
63
  imageShape: UiMenuImageShape;
64
64
  listVariant: UiMenuListVariant;
65
- options: UiMenuOptionType<Value>[];
66
- groupedOptions: UiMenuGroupedOption<Value>[];
65
+ options: UiMenuOptionType<K>[];
66
+ groupedOptions: UiMenuGroupedOption<K>[];
67
67
  }): any;
68
68
  };
69
69
  emit: ((evt: "close") => void) & ((evt: "reset") => void) & ((evt: "input", args_0: string) => void) & ((evt: "open") => void) & ((evt: "option-selected", args_0: {
70
70
  index?: number;
71
- value: UiMenuOptionType<Value>["value"];
71
+ value: unknown;
72
72
  }) => void) & ((evt: "placed") => void);
73
73
  }>) => import('vue').VNode & {
74
74
  __ctx?: Awaited<typeof __VLS_setup>;
package/dist/components/UiMenu/UiMenuItem.vue.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import { UiMenuCheckboxColor, UiMenuCheckboxSize, UiMenuIconSize, UiMenuImageShape, UiMenuListVariant, UiMenuOptionType } from './UiMenuTypes';
2
2
  import { HTMLAttributes } from 'vue';
3
- declare const _default: <Value>(__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<{
3
+ 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<{
4
4
  props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & {
5
5
  class?: HTMLAttributes["class"];
6
- option?: UiMenuOptionType<Value>;
6
+ option?: UiMenuOptionType<T>;
7
7
  listVariant?: UiMenuListVariant;
8
8
  iconSize?: UiMenuIconSize;
9
9
  imageShape?: UiMenuImageShape;
@@ -14,7 +14,13 @@ declare const _default: <Value>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
14
14
  attrs: any;
15
15
  slots: {
16
16
  default?(_: {
17
- option: UiMenuOptionType<Value>;
17
+ option: [{
18
+ type: import('vue').PropType<__VLS_NonUndefinedable<UiMenuOptionType<T>>>;
19
+ default: undefined;
20
+ }] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? keyof V extends never ? import('@vue/shared').IfAny<V, V, D> : V : V : {
21
+ type: import('vue').PropType<__VLS_NonUndefinedable<UiMenuOptionType<T>>>;
22
+ default: undefined;
23
+ };
18
24
  }): any;
19
25
  };
20
26
  emit: {};
@@ -25,3 +31,4 @@ export default _default;
25
31
  type __VLS_PrettifyLocal<T> = {
26
32
  [K in keyof T]: T[K];
27
33
  } & {};
34
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
package/dist/components/UiMenu/UiMenuTypes.d.ts CHANGED
@@ -1,12 +1,12 @@
1
- export type UiMenuOptionType<Value = unknown> = {
1
+ export type UiMenuOptionType<T = object> = {
2
2
  label: string;
3
3
  imageSrc?: string | undefined;
4
4
  selected: boolean;
5
- value: Value;
6
- };
7
- export type UiMenuGroupedOption<Value = unknown> = {
5
+ value: unknown;
6
+ } & T;
7
+ export type UiMenuGroupedOption<T> = {
8
8
  groupLabel: string;
9
- options: UiMenuOptionType<Value>[];
9
+ options: UiMenuOptionType<T>[];
10
10
  };
11
11
  export type UiMenuListVariant = "checkbox" | "selectable" | "blank";
12
12
  export type UiMenuIconSize = "small" | "medium" | "large";
package/dist/components/UiOverlayMenu/UiOverlayMenu.stories.d.ts CHANGED
@@ -3,7 +3,7 @@ declare const meta: {
3
3
  title: string;
4
4
  component: {
5
5
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
6
- isOpen: boolean;
6
+ isOpen?: boolean;
7
7
  }> & Readonly<{
8
8
  onClose?: (() => any) | undefined;
9
9
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -18,7 +18,7 @@ declare const meta: {
18
18
  M: {};
19
19
  Defaults: {};
20
20
  }, Readonly<{
21
- isOpen: boolean;
21
+ isOpen?: boolean;
22
22
  }> & Readonly<{
23
23
  onClose?: (() => any) | undefined;
24
24
  }>, {}, {}, {}, {}, {
@@ -28,7 +28,7 @@ declare const meta: {
28
28
  __isTeleport?: never;
29
29
  __isSuspense?: never;
30
30
  } & import('vue').ComponentOptionsBase<Readonly<{
31
- isOpen: boolean;
31
+ isOpen?: boolean;
32
32
  }> & Readonly<{
33
33
  onClose?: (() => any) | undefined;
34
34
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -182,7 +182,7 @@ declare const meta: {
182
182
  };
183
183
  render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
184
184
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
185
- isOpen: boolean;
185
+ isOpen?: boolean;
186
186
  }> & Readonly<{
187
187
  onClose?: (() => any) | undefined;
188
188
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -197,7 +197,7 @@ declare const meta: {
197
197
  M: {};
198
198
  Defaults: {};
199
199
  }, Readonly<{
200
- isOpen: boolean;
200
+ isOpen?: boolean;
201
201
  }> & Readonly<{
202
202
  onClose?: (() => any) | undefined;
203
203
  }>, {}, {}, {}, {}, {
@@ -207,7 +207,7 @@ declare const meta: {
207
207
  __isTeleport?: never;
208
208
  __isSuspense?: never;
209
209
  } & import('vue').ComponentOptionsBase<Readonly<{
210
- isOpen: boolean;
210
+ isOpen?: boolean;
211
211
  }> & Readonly<{
212
212
  onClose?: (() => any) | undefined;
213
213
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -222,7 +222,7 @@ declare const meta: {
222
222
  setup(this: void): {
223
223
  args: import('@storybook/vue3').ComponentPropsAndSlots<{
224
224
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
225
- isOpen: boolean;
225
+ isOpen?: boolean;
226
226
  }> & Readonly<{
227
227
  onClose?: (() => any) | undefined;
228
228
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -237,7 +237,7 @@ declare const meta: {
237
237
  M: {};
238
238
  Defaults: {};
239
239
  }, Readonly<{
240
- isOpen: boolean;
240
+ isOpen?: boolean;
241
241
  }> & Readonly<{
242
242
  onClose?: (() => any) | undefined;
243
243
  }>, {}, {}, {}, {}, {
@@ -247,7 +247,7 @@ declare const meta: {
247
247
  __isTeleport?: never;
248
248
  __isSuspense?: never;
249
249
  } & import('vue').ComponentOptionsBase<Readonly<{
250
- isOpen: boolean;
250
+ isOpen?: boolean;
251
251
  }> & Readonly<{
252
252
  onClose?: (() => any) | undefined;
253
253
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -263,7 +263,7 @@ declare const meta: {
263
263
  components: {
264
264
  UiOverlayMenu: {
265
265
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
266
- isOpen: boolean;
266
+ isOpen?: boolean;
267
267
  }> & Readonly<{
268
268
  onClose?: (() => any) | undefined;
269
269
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -278,7 +278,7 @@ declare const meta: {
278
278
  M: {};
279
279
  Defaults: {};
280
280
  }, Readonly<{
281
- isOpen: boolean;
281
+ isOpen?: boolean;
282
282
  }> & Readonly<{
283
283
  onClose?: (() => any) | undefined;
284
284
  }>, {}, {}, {}, {}, {
@@ -288,7 +288,7 @@ declare const meta: {
288
288
  __isTeleport?: never;
289
289
  __isSuspense?: never;
290
290
  } & import('vue').ComponentOptionsBase<Readonly<{
291
- isOpen: boolean;
291
+ isOpen?: boolean;
292
292
  }> & Readonly<{
293
293
  onClose?: (() => any) | undefined;
294
294
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
package/dist/components/UiOverlayMenu/UiOverlayMenu.vue.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  type __VLS_Props = {
2
- isOpen: boolean;
2
+ isOpen?: boolean;
3
3
  };
4
4
  declare function __VLS_template(): {
5
5
  attrs: Partial<{}>;
package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts CHANGED
@@ -7,7 +7,7 @@ declare const meta: {
7
7
  title: string;
8
8
  component: {
9
9
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
10
- modelValue: string;
10
+ modelValue?: string;
11
11
  placeholder?: string;
12
12
  backgroundColor?: "gray" | "white";
13
13
  isFilterChipEditable?: boolean;
@@ -48,7 +48,7 @@ declare const meta: {
48
48
  M: {};
49
49
  Defaults: {};
50
50
  }, Readonly<{
51
- modelValue: string;
51
+ modelValue?: string;
52
52
  placeholder?: string;
53
53
  backgroundColor?: "gray" | "white";
54
54
  isFilterChipEditable?: boolean;
@@ -77,7 +77,7 @@ declare const meta: {
77
77
  __isTeleport?: never;
78
78
  __isSuspense?: never;
79
79
  } & import('vue').ComponentOptionsBase<Readonly<{
80
- modelValue: string;
80
+ modelValue?: string;
81
81
  placeholder?: string;
82
82
  backgroundColor?: "gray" | "white";
83
83
  isFilterChipEditable?: boolean;
package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  type __VLS_Props = {
2
- modelValue: string;
2
+ modelValue?: string;
3
3
  placeholder?: string;
4
4
  backgroundColor?: "gray" | "white";
5
5
  isFilterChipEditable?: boolean;
package/dist/dpa-shared-components.mjs CHANGED
@@ -18717,7 +18717,9 @@ const Qg = { class: "flex items-center" }, Gg = ["placeholder"], Kg = /* @__PURE
18717
18717
  l.isPositioned.value && n("placed");
18718
18718
  });
18719
18719
  const i = F(() => {
18720
- const m = (r.options || r.groupedOptions?.map((b) => b.options).flat())?.filter((b) => b?.selected), g = [
18720
+ const m = (r.options || r.groupedOptions?.map((b) => b.options).flat())?.filter(
18721
+ (b) => b?.selected
18722
+ ), g = [
18721
18723
  ...new Set(m?.map(({ value: b }) => b))
18722
18724
  ];
18723
18725
  return m && g.length > 0 ? r.noTitle ? "" : g.length === 1 ? m[0].label : `${g.length} ${r.multiLabel}` : "";
@@ -18877,7 +18879,7 @@ const Qg = { class: "flex items-center" }, Gg = ["placeholder"], Kg = /* @__PURE
18877
18879
  [D(ms), d]
18878
18880
  ]);
18879
18881
  }
18880
- }), rb = /* @__PURE__ */ ja(ay, [["__scopeId", "data-v-3331f427"]]), ab = /* @__PURE__ */ Ce({
18882
+ }), rb = /* @__PURE__ */ ja(ay, [["__scopeId", "data-v-041c3129"]]), ab = /* @__PURE__ */ Ce({
18881
18883
  __name: "UiMenuList",
18882
18884
  props: {
18883
18885
  class: { default: void 0 }