@dpa-id-components/dpa-shared-components 8.9.6 → 8.10.0

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 (39) hide show
  1. package/dist/UseBreakpoints.stories.ts +22 -0
  2. package/dist/UseBreakpoints.vue +12 -0
  3. package/dist/components/DpaEventItem/DpaEventItem.stories.d.ts +391 -556
  4. package/dist/components/DpaMediaItem/DpaMediaItem.stories.d.ts +63 -99
  5. package/dist/components/UiBadge/UiBadge.stories.d.ts +83 -121
  6. package/dist/components/UiButton/UiButton.stories.d.ts +89 -128
  7. package/dist/components/UiButtonGroup/UiButtonGroup.stories.d.ts +8 -38
  8. package/dist/components/UiCard/UiCard.stories.d.ts +8 -38
  9. package/dist/components/UiCheckBox/UiCheckBox.stories.d.ts +79 -117
  10. package/dist/components/UiChip/UiChip.stories.d.ts +40 -74
  11. package/dist/components/UiCollapseNavigation/UiCollapseNavigation.stories.d.ts +40 -74
  12. package/dist/components/UiDatePicker/UiDatePicker.stories.d.ts +636 -768
  13. package/dist/components/UiDialog/UiDialog.stories.d.ts +276 -322
  14. package/dist/components/UiDialog/UiDialog.vue.d.ts +5 -0
  15. package/dist/components/UiFilterBadge/UiFilterBadge.stories.d.ts +100 -170
  16. package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.stories.d.ts +132 -206
  17. package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts +208 -317
  18. package/dist/components/UiList/UiList.stories.d.ts +469 -694
  19. package/dist/components/UiListItem/UiListItem.stories.d.ts +298 -388
  20. package/dist/components/UiOverlay/UiOverlay.stories.d.ts +30 -94
  21. package/dist/components/UiOverlayMenu/UiOverlayMenu.stories.d.ts +372 -588
  22. package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +370 -533
  23. package/dist/components/UiSearchInput/UiSearchInput.stories.d.ts +134 -222
  24. package/dist/components/UiSection/UiSection.stories.d.ts +50 -85
  25. package/dist/components/UiSectionDivider/UiSectionDivider.stories.d.ts +50 -85
  26. package/dist/components/UiSnackbar/UiSnackbar.stories.d.ts +139 -215
  27. package/dist/components/UiTextButton/UiTextButton.stories.d.ts +90 -129
  28. package/dist/components/UiToggleButton/UiToggleButton.stories.d.ts +86 -125
  29. package/dist/components/UiTooltip/UiTooltip.stories.d.ts +136 -214
  30. package/dist/dpa-shared-components.mjs +1565 -1531
  31. package/dist/dpa-shared-components.umd.js +8 -8
  32. package/dist/style.css +1 -1
  33. package/dist/tailwind/UseBreakpoints.stories.d.ts +10 -0
  34. package/dist/tailwind/useBreakpoints.d.ts +9 -0
  35. package/dist/useBreakpoints.ts +19 -0
  36. package/package.json +1 -1
  37. package/dist/bookmark-4ff074d8.mjs +0 -19
  38. package/dist/bookmark-fill-731ae06c.mjs +0 -19
  39. package/dist/graphic-90b2d2fc.mjs +0 -20
package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts CHANGED
@@ -2,101 +2,61 @@ import type { StoryObj } from "@storybook/vue3";
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: {
5
- new (...args: any[]): {
6
- $: import("vue").ComponentInternalInstance;
7
- $data: {};
8
- $props: Partial<{
9
- iconName: string | null;
10
- iconSize: "xs" | "small" | "medium" | "large" | "xl";
11
- iconColor: "white" | "gray";
12
- iconBackground: "white" | "gray" | "green";
13
- }> & Omit<{
14
- readonly iconName: string | null;
15
- readonly iconSize: "xs" | "small" | "medium" | "large" | "xl";
16
- readonly iconColor: "white" | "gray";
17
- readonly iconBackground: "white" | "gray" | "green";
18
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
19
- iconName: {
20
- type: import("vue").PropType<string | null>;
21
- required: true;
22
- default: null;
23
- };
24
- iconSize: {
25
- type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
26
- required: true;
27
- default: string;
28
- };
29
- iconColor: {
30
- type: import("vue").PropType<"white" | "gray">;
31
- required: true;
32
- default: string;
33
- };
34
- iconBackground: {
35
- type: import("vue").PropType<"white" | "gray" | "green">;
36
- required: true;
37
- default: string;
38
- };
39
- }>>, "iconName" | "iconSize" | "iconColor" | "iconBackground">;
40
- $attrs: {
41
- [x: string]: unknown;
5
+ new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
6
+ iconName: {
7
+ type: import("vue").PropType<string | null>;
8
+ required: true;
9
+ default: null;
42
10
  };
43
- $refs: {
44
- [x: string]: unknown;
11
+ iconSize: {
12
+ type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
13
+ required: true;
14
+ default: string;
45
15
  };
46
- $slots: Readonly<{
47
- [name: string]: import("vue").Slot<any> | undefined;
48
- }>;
49
- $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
50
- $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
51
- $emit: (event: string, ...args: any[]) => void;
52
- $el: any;
53
- $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
54
- iconName: {
55
- type: import("vue").PropType<string | null>;
56
- required: true;
57
- default: null;
58
- };
59
- iconSize: {
60
- type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
61
- required: true;
62
- default: string;
63
- };
64
- iconColor: {
65
- type: import("vue").PropType<"white" | "gray">;
66
- required: true;
67
- default: string;
68
- };
69
- iconBackground: {
70
- type: import("vue").PropType<"white" | "gray" | "green">;
71
- required: true;
72
- default: string;
73
- };
74
- }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
75
- iconName: string | null;
76
- iconSize: "xs" | "small" | "medium" | "large" | "xl";
77
- iconColor: "white" | "gray";
78
- iconBackground: "white" | "gray" | "green";
79
- }, {}, string, {}> & {
80
- beforeCreate?: ((() => void) | (() => void)[]) | undefined;
81
- created?: ((() => void) | (() => void)[]) | undefined;
82
- beforeMount?: ((() => void) | (() => void)[]) | undefined;
83
- mounted?: ((() => void) | (() => void)[]) | undefined;
84
- beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
85
- updated?: ((() => void) | (() => void)[]) | undefined;
86
- activated?: ((() => void) | (() => void)[]) | undefined;
87
- deactivated?: ((() => void) | (() => void)[]) | undefined;
88
- beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
89
- beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
90
- destroyed?: ((() => void) | (() => void)[]) | undefined;
91
- unmounted?: ((() => void) | (() => void)[]) | undefined;
92
- renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
93
- renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
94
- errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
16
+ iconColor: {
17
+ type: import("vue").PropType<"white" | "gray">;
18
+ required: true;
19
+ default: string;
20
+ };
21
+ iconBackground: {
22
+ type: import("vue").PropType<"white" | "gray" | "green">;
23
+ required: true;
24
+ default: string;
25
+ };
26
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
27
+ iconName: {
28
+ type: import("vue").PropType<string | null>;
29
+ required: true;
30
+ default: null;
31
+ };
32
+ iconSize: {
33
+ type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
34
+ required: true;
35
+ default: string;
95
36
  };
96
- $forceUpdate: () => void;
97
- $nextTick: typeof import("vue").nextTick;
98
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
99
- } & Readonly<import("vue").ExtractPropTypes<{
37
+ iconColor: {
38
+ type: import("vue").PropType<"white" | "gray">;
39
+ required: true;
40
+ default: string;
41
+ };
42
+ iconBackground: {
43
+ type: import("vue").PropType<"white" | "gray" | "green">;
44
+ required: true;
45
+ default: string;
46
+ };
47
+ }>>, {
48
+ iconName: string | null;
49
+ iconSize: "xs" | "small" | "medium" | "large" | "xl";
50
+ iconColor: "white" | "gray";
51
+ iconBackground: "white" | "gray" | "green";
52
+ }, true, {}, {}, {
53
+ P: {};
54
+ B: {};
55
+ D: {};
56
+ C: {};
57
+ M: {};
58
+ Defaults: {};
59
+ }, Readonly<import("vue").ExtractPropTypes<{
100
60
  iconName: {
101
61
  type: import("vue").PropType<string | null>;
102
62
  required: true;
@@ -117,7 +77,12 @@ declare const meta: {
117
77
  required: true;
118
78
  default: string;
119
79
  };
120
- }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
80
+ }>>, {}, {}, {}, {}, {
81
+ iconName: string | null;
82
+ iconSize: "xs" | "small" | "medium" | "large" | "xl";
83
+ iconColor: "white" | "gray";
84
+ iconBackground: "white" | "gray" | "green";
85
+ }>;
121
86
  __isFragment?: undefined;
122
87
  __isTeleport?: undefined;
123
88
  __isSuspense?: undefined;
@@ -184,101 +149,28 @@ declare const meta: {
184
149
  };
185
150
  components: {
186
151
  UiInfoContent: {
187
- new (...args: any[]): {
188
- $: import("vue").ComponentInternalInstance;
189
- $data: {};
190
- $props: Partial<{
191
- iconName: string | null;
192
- iconSize: "xs" | "small" | "medium" | "large" | "xl";
193
- iconColor: "white" | "gray";
194
- iconBackground: "white" | "gray" | "green";
195
- }> & Omit<{
196
- readonly iconName: string | null;
197
- readonly iconSize: "xs" | "small" | "medium" | "large" | "xl";
198
- readonly iconColor: "white" | "gray";
199
- readonly iconBackground: "white" | "gray" | "green";
200
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
201
- iconName: {
202
- type: import("vue").PropType<string | null>;
203
- required: true;
204
- default: null;
205
- };
206
- iconSize: {
207
- type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
208
- required: true;
209
- default: string;
210
- };
211
- iconColor: {
212
- type: import("vue").PropType<"white" | "gray">;
213
- required: true;
214
- default: string;
215
- };
216
- iconBackground: {
217
- type: import("vue").PropType<"white" | "gray" | "green">;
218
- required: true;
219
- default: string;
220
- };
221
- }>>, "iconName" | "iconSize" | "iconColor" | "iconBackground">;
222
- $attrs: {
223
- [x: string]: unknown;
224
- };
225
- $refs: {
226
- [x: string]: unknown;
227
- };
228
- $slots: Readonly<{
229
- [name: string]: import("vue").Slot<any> | undefined;
230
- }>;
231
- $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
232
- $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
233
- $emit: (event: string, ...args: any[]) => void;
234
- $el: any;
235
- $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
236
- iconName: {
237
- type: import("vue").PropType<string | null>;
238
- required: true;
239
- default: null;
240
- };
241
- iconSize: {
242
- type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
243
- required: true;
244
- default: string;
245
- };
246
- iconColor: {
247
- type: import("vue").PropType<"white" | "gray">;
248
- required: true;
249
- default: string;
250
- };
251
- iconBackground: {
252
- type: import("vue").PropType<"white" | "gray" | "green">;
253
- required: true;
254
- default: string;
255
- };
256
- }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
257
- iconName: string | null;
258
- iconSize: "xs" | "small" | "medium" | "large" | "xl";
259
- iconColor: "white" | "gray";
260
- iconBackground: "white" | "gray" | "green";
261
- }, {}, string, {}> & {
262
- beforeCreate?: ((() => void) | (() => void)[]) | undefined;
263
- created?: ((() => void) | (() => void)[]) | undefined;
264
- beforeMount?: ((() => void) | (() => void)[]) | undefined;
265
- mounted?: ((() => void) | (() => void)[]) | undefined;
266
- beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
267
- updated?: ((() => void) | (() => void)[]) | undefined;
268
- activated?: ((() => void) | (() => void)[]) | undefined;
269
- deactivated?: ((() => void) | (() => void)[]) | undefined;
270
- beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
271
- beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
272
- destroyed?: ((() => void) | (() => void)[]) | undefined;
273
- unmounted?: ((() => void) | (() => void)[]) | undefined;
274
- renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
275
- renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
276
- errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
277
- };
278
- $forceUpdate: () => void;
279
- $nextTick: typeof import("vue").nextTick;
280
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
281
- } & Readonly<import("vue").ExtractPropTypes<{
152
+ new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
153
+ iconName: {
154
+ type: import("vue").PropType<string | null>;
155
+ required: true;
156
+ default: null;
157
+ };
158
+ iconSize: {
159
+ type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
160
+ required: true;
161
+ default: string;
162
+ };
163
+ iconColor: {
164
+ type: import("vue").PropType<"white" | "gray">;
165
+ required: true;
166
+ default: string;
167
+ };
168
+ iconBackground: {
169
+ type: import("vue").PropType<"white" | "gray" | "green">;
170
+ required: true;
171
+ default: string;
172
+ };
173
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
282
174
  iconName: {
283
175
  type: import("vue").PropType<string | null>;
284
176
  required: true;
@@ -299,7 +191,45 @@ declare const meta: {
299
191
  required: true;
300
192
  default: string;
301
193
  };
302
- }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
194
+ }>>, {
195
+ iconName: string | null;
196
+ iconSize: "xs" | "small" | "medium" | "large" | "xl";
197
+ iconColor: "white" | "gray";
198
+ iconBackground: "white" | "gray" | "green";
199
+ }, true, {}, {}, {
200
+ P: {};
201
+ B: {};
202
+ D: {};
203
+ C: {};
204
+ M: {};
205
+ Defaults: {};
206
+ }, Readonly<import("vue").ExtractPropTypes<{
207
+ iconName: {
208
+ type: import("vue").PropType<string | null>;
209
+ required: true;
210
+ default: null;
211
+ };
212
+ iconSize: {
213
+ type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
214
+ required: true;
215
+ default: string;
216
+ };
217
+ iconColor: {
218
+ type: import("vue").PropType<"white" | "gray">;
219
+ required: true;
220
+ default: string;
221
+ };
222
+ iconBackground: {
223
+ type: import("vue").PropType<"white" | "gray" | "green">;
224
+ required: true;
225
+ default: string;
226
+ };
227
+ }>>, {}, {}, {}, {}, {
228
+ iconName: string | null;
229
+ iconSize: "xs" | "small" | "medium" | "large" | "xl";
230
+ iconColor: "white" | "gray";
231
+ iconBackground: "white" | "gray" | "green";
232
+ }>;
303
233
  __isFragment?: undefined;
304
234
  __isTeleport?: undefined;
305
235
  __isSuspense?: undefined;
@@ -337,133 +267,86 @@ declare const meta: {
337
267
  };
338
268
  });
339
269
  UiButton: {
340
- new (...args: any[]): {
341
- $: import("vue").ComponentInternalInstance;
342
- $data: {};
343
- $props: Partial<{
344
- size: "xs" | "small" | "medium" | "large";
345
- color: "blue" | "white" | "gray" | "transparent" | "light-gray";
346
- iconName: string | null;
347
- disabled: boolean;
348
- rounded: boolean;
349
- disabledVariant: "primary" | "secondary";
350
- href: string;
351
- }> & Omit<{
352
- readonly size: "xs" | "small" | "medium" | "large";
353
- readonly color: "blue" | "white" | "gray" | "transparent" | "light-gray";
354
- readonly iconName: string | null;
355
- readonly disabled: boolean;
356
- readonly rounded: boolean;
357
- readonly disabledVariant: "primary" | "secondary";
358
- readonly href: string;
359
- onClick?: (() => any) | undefined;
360
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
361
- size: {
362
- type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
363
- default: string;
364
- };
365
- color: {
366
- type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
367
- default: string;
368
- };
369
- iconName: {
370
- type: import("vue").PropType<string | null>;
371
- default: null;
372
- };
373
- disabled: {
374
- type: import("vue").PropType<boolean>;
375
- default: boolean;
376
- };
377
- rounded: {
378
- type: import("vue").PropType<boolean>;
379
- default: boolean;
380
- };
381
- disabledVariant: {
382
- type: import("vue").PropType<"primary" | "secondary">;
383
- default: string;
384
- };
385
- href: {
386
- type: import("vue").PropType<string>;
387
- default: string;
388
- };
389
- }>> & {
390
- onClick?: (() => any) | undefined;
391
- }, "size" | "color" | "iconName" | "disabled" | "rounded" | "disabledVariant" | "href">;
392
- $attrs: {
393
- [x: string]: unknown;
394
- };
395
- $refs: {
396
- [x: string]: unknown;
397
- };
398
- $slots: Readonly<{
399
- [name: string]: import("vue").Slot<any> | undefined;
400
- }>;
401
- $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
402
- $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
403
- $emit: (event: "click") => void;
404
- $el: any;
405
- $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
406
- size: {
407
- type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
408
- default: string;
409
- };
410
- color: {
411
- type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
412
- default: string;
413
- };
414
- iconName: {
415
- type: import("vue").PropType<string | null>;
416
- default: null;
417
- };
418
- disabled: {
419
- type: import("vue").PropType<boolean>;
420
- default: boolean;
421
- };
422
- rounded: {
423
- type: import("vue").PropType<boolean>;
424
- default: boolean;
425
- };
426
- disabledVariant: {
427
- type: import("vue").PropType<"primary" | "secondary">;
428
- default: string;
429
- };
430
- href: {
431
- type: import("vue").PropType<string>;
432
- default: string;
433
- };
434
- }>> & {
435
- onClick?: (() => any) | undefined;
436
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
437
- click: () => void;
438
- }, string, {
439
- size: "xs" | "small" | "medium" | "large";
440
- color: "blue" | "white" | "gray" | "transparent" | "light-gray";
441
- iconName: string | null;
442
- disabled: boolean;
443
- rounded: boolean;
444
- disabledVariant: "primary" | "secondary";
445
- href: string;
446
- }, {}, string, {}> & {
447
- beforeCreate?: ((() => void) | (() => void)[]) | undefined;
448
- created?: ((() => void) | (() => void)[]) | undefined;
449
- beforeMount?: ((() => void) | (() => void)[]) | undefined;
450
- mounted?: ((() => void) | (() => void)[]) | undefined;
451
- beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
452
- updated?: ((() => void) | (() => void)[]) | undefined;
453
- activated?: ((() => void) | (() => void)[]) | undefined;
454
- deactivated?: ((() => void) | (() => void)[]) | undefined;
455
- beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
456
- beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
457
- destroyed?: ((() => void) | (() => void)[]) | undefined;
458
- unmounted?: ((() => void) | (() => void)[]) | undefined;
459
- renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
460
- renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
461
- errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
462
- };
463
- $forceUpdate: () => void;
464
- $nextTick: typeof import("vue").nextTick;
465
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
466
- } & Readonly<import("vue").ExtractPropTypes<{
270
+ new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
271
+ size: {
272
+ type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
273
+ default: string;
274
+ };
275
+ color: {
276
+ type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
277
+ default: string;
278
+ };
279
+ iconName: {
280
+ type: import("vue").PropType<string | null>;
281
+ default: null;
282
+ };
283
+ disabled: {
284
+ type: import("vue").PropType<boolean>;
285
+ default: boolean;
286
+ };
287
+ rounded: {
288
+ type: import("vue").PropType<boolean>;
289
+ default: boolean;
290
+ };
291
+ disabledVariant: {
292
+ type: import("vue").PropType<"primary" | "secondary">;
293
+ default: string;
294
+ };
295
+ href: {
296
+ type: import("vue").PropType<string>;
297
+ default: string;
298
+ };
299
+ }>> & {
300
+ onClick?: (() => any) | undefined;
301
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
302
+ click: () => void;
303
+ }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
304
+ size: {
305
+ type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
306
+ default: string;
307
+ };
308
+ color: {
309
+ type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
310
+ default: string;
311
+ };
312
+ iconName: {
313
+ type: import("vue").PropType<string | null>;
314
+ default: null;
315
+ };
316
+ disabled: {
317
+ type: import("vue").PropType<boolean>;
318
+ default: boolean;
319
+ };
320
+ rounded: {
321
+ type: import("vue").PropType<boolean>;
322
+ default: boolean;
323
+ };
324
+ disabledVariant: {
325
+ type: import("vue").PropType<"primary" | "secondary">;
326
+ default: string;
327
+ };
328
+ href: {
329
+ type: import("vue").PropType<string>;
330
+ default: string;
331
+ };
332
+ }>> & {
333
+ onClick?: (() => any) | undefined;
334
+ }, {
335
+ size: "xs" | "small" | "medium" | "large";
336
+ color: "blue" | "white" | "gray" | "transparent" | "light-gray";
337
+ iconName: string | null;
338
+ disabled: boolean;
339
+ rounded: boolean;
340
+ disabledVariant: "primary" | "secondary";
341
+ href: string;
342
+ }, true, {}, {}, {
343
+ P: {};
344
+ B: {};
345
+ D: {};
346
+ C: {};
347
+ M: {};
348
+ Defaults: {};
349
+ }, Readonly<import("vue").ExtractPropTypes<{
467
350
  size: {
468
351
  type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
469
352
  default: string;
@@ -494,7 +377,15 @@ declare const meta: {
494
377
  };
495
378
  }>> & {
496
379
  onClick?: (() => any) | undefined;
497
- } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
380
+ }, {}, {}, {}, {}, {
381
+ size: "xs" | "small" | "medium" | "large";
382
+ color: "blue" | "white" | "gray" | "transparent" | "light-gray";
383
+ iconName: string | null;
384
+ disabled: boolean;
385
+ rounded: boolean;
386
+ disabledVariant: "primary" | "secondary";
387
+ href: string;
388
+ }>;
498
389
  __isFragment?: undefined;
499
390
  __isTeleport?: undefined;
500
391
  __isSuspense?: undefined;