@nuxt/ui 2.8.1 → 2.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 (120) hide show
  1. package/README.md +1 -0
  2. package/dist/module.d.mts +1411 -1092
  3. package/dist/module.d.ts +1411 -1092
  4. package/dist/module.json +1 -1
  5. package/dist/module.mjs +55 -11
  6. package/dist/runtime/components/data/Table.vue +47 -32
  7. package/dist/runtime/components/data/Table.vue.d.ts +22 -14
  8. package/dist/runtime/components/elements/Accordion.vue +33 -28
  9. package/dist/runtime/components/elements/Accordion.vue.d.ts +25 -18
  10. package/dist/runtime/components/elements/Alert.vue +22 -18
  11. package/dist/runtime/components/elements/Alert.vue.d.ts +26 -19
  12. package/dist/runtime/components/elements/Avatar.vue +22 -16
  13. package/dist/runtime/components/elements/Avatar.vue.d.ts +28 -19
  14. package/dist/runtime/components/elements/AvatarGroup.d.ts +17 -8
  15. package/dist/runtime/components/elements/AvatarGroup.mjs +18 -13
  16. package/dist/runtime/components/elements/Badge.vue +21 -17
  17. package/dist/runtime/components/elements/Badge.vue.d.ts +28 -19
  18. package/dist/runtime/components/elements/Button.vue +22 -18
  19. package/dist/runtime/components/elements/Button.vue.d.ts +28 -19
  20. package/dist/runtime/components/elements/ButtonGroup.d.ts +17 -8
  21. package/dist/runtime/components/elements/ButtonGroup.mjs +22 -15
  22. package/dist/runtime/components/elements/Dropdown.vue +45 -37
  23. package/dist/runtime/components/elements/Dropdown.vue.d.ts +22 -17
  24. package/dist/runtime/components/elements/Kbd.vue +16 -12
  25. package/dist/runtime/components/elements/Kbd.vue.d.ts +20 -12
  26. package/dist/runtime/components/elements/Link.vue +18 -5
  27. package/dist/runtime/components/elements/Meter.vue +166 -0
  28. package/dist/runtime/components/elements/Meter.vue.d.ts +123 -0
  29. package/dist/runtime/components/elements/MeterGroup.d.ts +78 -0
  30. package/dist/runtime/components/elements/MeterGroup.mjs +172 -0
  31. package/dist/runtime/components/elements/Progress.vue +284 -0
  32. package/dist/runtime/components/elements/Progress.vue.d.ts +2 -0
  33. package/dist/runtime/components/forms/Checkbox.vue +27 -17
  34. package/dist/runtime/components/forms/Checkbox.vue.d.ts +33 -15
  35. package/dist/runtime/components/forms/Form.vue +34 -9
  36. package/dist/runtime/components/forms/Form.vue.d.ts +2 -1
  37. package/dist/runtime/components/forms/FormGroup.vue +51 -27
  38. package/dist/runtime/components/forms/FormGroup.vue.d.ts +23 -15
  39. package/dist/runtime/components/forms/Input.vue +41 -29
  40. package/dist/runtime/components/forms/Input.vue.d.ts +51 -24
  41. package/dist/runtime/components/forms/Radio.vue +32 -21
  42. package/dist/runtime/components/forms/Radio.vue.d.ts +36 -18
  43. package/dist/runtime/components/forms/RadioGroup.vue +136 -0
  44. package/dist/runtime/components/forms/RadioGroup.vue.d.ts +118 -0
  45. package/dist/runtime/components/forms/Range.vue +26 -16
  46. package/dist/runtime/components/forms/Range.vue.d.ts +37 -18
  47. package/dist/runtime/components/forms/Select.vue +34 -26
  48. package/dist/runtime/components/forms/Select.vue.d.ts +42 -24
  49. package/dist/runtime/components/forms/SelectMenu.vue +104 -89
  50. package/dist/runtime/components/forms/SelectMenu.vue.d.ts +53 -33
  51. package/dist/runtime/components/forms/Textarea.vue +43 -31
  52. package/dist/runtime/components/forms/Textarea.vue.d.ts +50 -23
  53. package/dist/runtime/components/forms/Toggle.vue +26 -15
  54. package/dist/runtime/components/forms/Toggle.vue.d.ts +31 -12
  55. package/dist/runtime/components/layout/Card.vue +15 -10
  56. package/dist/runtime/components/layout/Card.vue.d.ts +17 -9
  57. package/dist/runtime/components/layout/Container.vue +15 -10
  58. package/dist/runtime/components/layout/Container.vue.d.ts +17 -9
  59. package/dist/runtime/components/layout/Divider.vue +107 -0
  60. package/dist/runtime/components/layout/Divider.vue.d.ts +82 -0
  61. package/dist/runtime/components/layout/Skeleton.vue +15 -10
  62. package/dist/runtime/components/layout/Skeleton.vue.d.ts +17 -9
  63. package/dist/runtime/components/navigation/CommandPalette.vue +57 -38
  64. package/dist/runtime/components/navigation/CommandPalette.vue.d.ts +24 -23
  65. package/dist/runtime/components/navigation/CommandPaletteGroup.vue +1 -1
  66. package/dist/runtime/components/navigation/CommandPaletteGroup.vue.d.ts +3 -4
  67. package/dist/runtime/components/navigation/Pagination.vue +129 -64
  68. package/dist/runtime/components/navigation/Pagination.vue.d.ts +70 -25
  69. package/dist/runtime/components/navigation/Tabs.vue +17 -14
  70. package/dist/runtime/components/navigation/Tabs.vue.d.ts +18 -11
  71. package/dist/runtime/components/navigation/VerticalNavigation.vue +15 -13
  72. package/dist/runtime/components/navigation/VerticalNavigation.vue.d.ts +20 -16
  73. package/dist/runtime/components/overlays/ContextMenu.vue +21 -11
  74. package/dist/runtime/components/overlays/ContextMenu.vue.d.ts +20 -11
  75. package/dist/runtime/components/overlays/Modal.vue +16 -14
  76. package/dist/runtime/components/overlays/Modal.vue.d.ts +18 -11
  77. package/dist/runtime/components/overlays/Notification.vue +25 -15
  78. package/dist/runtime/components/overlays/Notification.vue.d.ts +25 -19
  79. package/dist/runtime/components/overlays/Notifications.vue +19 -13
  80. package/dist/runtime/components/overlays/Notifications.vue.d.ts +22 -14
  81. package/dist/runtime/components/overlays/Popover.vue +39 -22
  82. package/dist/runtime/components/overlays/Popover.vue.d.ts +32 -11
  83. package/dist/runtime/components/overlays/Slideover.vue +15 -13
  84. package/dist/runtime/components/overlays/Slideover.vue.d.ts +18 -11
  85. package/dist/runtime/components/overlays/Tooltip.vue +31 -23
  86. package/dist/runtime/components/overlays/Tooltip.vue.d.ts +19 -11
  87. package/dist/runtime/composables/useFormGroup.d.ts +12 -2
  88. package/dist/runtime/composables/useFormGroup.mjs +21 -4
  89. package/dist/runtime/composables/usePopper.d.ts +3 -3
  90. package/dist/runtime/composables/usePopper.mjs +47 -31
  91. package/dist/runtime/composables/useToast.d.ts +3 -3
  92. package/dist/runtime/composables/useUI.d.ts +10 -0
  93. package/dist/runtime/composables/useUI.mjs +24 -0
  94. package/dist/runtime/types/avatar.d.ts +10 -4
  95. package/dist/runtime/types/badge.d.ts +14 -0
  96. package/dist/runtime/types/button.d.ts +10 -3
  97. package/dist/runtime/types/command-palette.d.ts +3 -1
  98. package/dist/runtime/types/form.d.ts +18 -4
  99. package/dist/runtime/types/index.d.ts +4 -0
  100. package/dist/runtime/types/link.d.ts +1 -0
  101. package/dist/runtime/types/meter.d.ts +5 -0
  102. package/dist/runtime/types/notification.d.ts +5 -3
  103. package/dist/runtime/types/popper.d.ts +1 -0
  104. package/dist/runtime/types/progress.d.ts +4 -0
  105. package/dist/runtime/types/tabs.d.ts +1 -0
  106. package/dist/runtime/types/utils.d.ts +11 -0
  107. package/dist/runtime/ui.config.d.ts +1470 -0
  108. package/dist/runtime/{app.config.mjs → ui.config.mjs} +313 -97
  109. package/dist/runtime/utils/index.d.ts +5 -11
  110. package/dist/runtime/utils/index.mjs +21 -9
  111. package/dist/runtime/utils/lodash.d.ts +2 -0
  112. package/dist/runtime/utils/lodash.mjs +23 -0
  113. package/dist/runtime/utils/uid.d.ts +1 -0
  114. package/dist/runtime/utils/uid.mjs +4 -0
  115. package/dist/types.d.mts +1 -1
  116. package/dist/types.d.ts +1 -1
  117. package/package.json +27 -29
  118. package/dist/runtime/app.config.d.ts +0 -1203
  119. package/dist/runtime/utils/StateEmitter.d.ts +0 -17
  120. package/dist/runtime/utils/StateEmitter.mjs +0 -21
package/dist/module.d.ts CHANGED
@@ -1,71 +1,486 @@
1
1
  import * as _nuxt_schema from '@nuxt/schema';
2
2
 
3
- declare const _default$1: {
4
- ui: {
5
- table: {
6
- wrapper: string;
3
+ declare const table: {
4
+ wrapper: string;
5
+ base: string;
6
+ divide: string;
7
+ thead: string;
8
+ tbody: string;
9
+ tr: {
10
+ base: string;
11
+ selected: string;
12
+ active: string;
13
+ };
14
+ th: {
15
+ base: string;
16
+ padding: string;
17
+ color: string;
18
+ font: string;
19
+ size: string;
20
+ };
21
+ td: {
22
+ base: string;
23
+ padding: string;
24
+ color: string;
25
+ font: string;
26
+ size: string;
27
+ };
28
+ checkbox: {
29
+ padding: string;
30
+ };
31
+ loadingState: {
32
+ wrapper: string;
33
+ label: string;
34
+ icon: string;
35
+ };
36
+ emptyState: {
37
+ wrapper: string;
38
+ label: string;
39
+ icon: string;
40
+ };
41
+ default: {
42
+ sortAscIcon: string;
43
+ sortDescIcon: string;
44
+ sortButton: {
45
+ icon: string;
46
+ trailing: boolean;
47
+ square: boolean;
48
+ color: string;
49
+ variant: string;
50
+ class: string;
51
+ };
52
+ loadingState: {
53
+ icon: string;
54
+ label: string;
55
+ };
56
+ emptyState: {
57
+ icon: string;
58
+ label: string;
59
+ };
60
+ };
61
+ };
62
+ declare const avatar: {
63
+ wrapper: string;
64
+ background: string;
65
+ rounded: string;
66
+ text: string;
67
+ placeholder: string;
68
+ size: {
69
+ '3xs': string;
70
+ '2xs': string;
71
+ xs: string;
72
+ sm: string;
73
+ md: string;
74
+ lg: string;
75
+ xl: string;
76
+ '2xl': string;
77
+ '3xl': string;
78
+ };
79
+ chip: {
80
+ base: string;
81
+ background: string;
82
+ position: {
83
+ 'top-right': string;
84
+ 'bottom-right': string;
85
+ 'top-left': string;
86
+ 'bottom-left': string;
87
+ };
88
+ size: {
89
+ '3xs': string;
90
+ '2xs': string;
91
+ xs: string;
92
+ sm: string;
93
+ md: string;
94
+ lg: string;
95
+ xl: string;
96
+ '2xl': string;
97
+ '3xl': string;
98
+ };
99
+ };
100
+ icon: {
101
+ base: string;
102
+ size: {
103
+ '3xs': string;
104
+ '2xs': string;
105
+ xs: string;
106
+ sm: string;
107
+ md: string;
108
+ lg: string;
109
+ xl: string;
110
+ '2xl': string;
111
+ '3xl': string;
112
+ };
113
+ };
114
+ default: {
115
+ size: string;
116
+ icon: any;
117
+ chipColor: any;
118
+ chipPosition: string;
119
+ };
120
+ };
121
+ declare const avatarGroup: {
122
+ wrapper: string;
123
+ ring: string;
124
+ margin: string;
125
+ };
126
+ declare const badge: {
127
+ base: string;
128
+ rounded: string;
129
+ font: string;
130
+ size: {
131
+ xs: string;
132
+ sm: string;
133
+ md: string;
134
+ lg: string;
135
+ };
136
+ color: {
137
+ white: {
138
+ solid: string;
139
+ };
140
+ gray: {
141
+ solid: string;
142
+ };
143
+ black: {
144
+ solid: string;
145
+ };
146
+ };
147
+ variant: {
148
+ solid: string;
149
+ outline: string;
150
+ soft: string;
151
+ subtle: string;
152
+ };
153
+ default: {
154
+ size: string;
155
+ variant: string;
156
+ color: string;
157
+ };
158
+ };
159
+ declare const button: {
160
+ base: string;
161
+ font: string;
162
+ rounded: string;
163
+ size: {
164
+ '2xs': string;
165
+ xs: string;
166
+ sm: string;
167
+ md: string;
168
+ lg: string;
169
+ xl: string;
170
+ };
171
+ gap: {
172
+ '2xs': string;
173
+ xs: string;
174
+ sm: string;
175
+ md: string;
176
+ lg: string;
177
+ xl: string;
178
+ };
179
+ padding: {
180
+ '2xs': string;
181
+ xs: string;
182
+ sm: string;
183
+ md: string;
184
+ lg: string;
185
+ xl: string;
186
+ };
187
+ square: {
188
+ '2xs': string;
189
+ xs: string;
190
+ sm: string;
191
+ md: string;
192
+ lg: string;
193
+ xl: string;
194
+ };
195
+ color: {
196
+ white: {
197
+ solid: string;
198
+ ghost: string;
199
+ };
200
+ gray: {
201
+ solid: string;
202
+ ghost: string;
203
+ link: string;
204
+ };
205
+ black: {
206
+ solid: string;
207
+ link: string;
208
+ };
209
+ };
210
+ variant: {
211
+ solid: string;
212
+ outline: string;
213
+ soft: string;
214
+ ghost: string;
215
+ link: string;
216
+ };
217
+ icon: {
218
+ base: string;
219
+ size: {
220
+ '2xs': string;
221
+ xs: string;
222
+ sm: string;
223
+ md: string;
224
+ lg: string;
225
+ xl: string;
226
+ };
227
+ };
228
+ default: {
229
+ size: string;
230
+ variant: string;
231
+ color: string;
232
+ loadingIcon: string;
233
+ };
234
+ };
235
+ declare const buttonGroup: {
236
+ wrapper: {
237
+ horizontal: string;
238
+ vertical: string;
239
+ };
240
+ rounded: string;
241
+ shadow: string;
242
+ };
243
+ declare const dropdown: {
244
+ wrapper: string;
245
+ container: string;
246
+ width: string;
247
+ height: string;
248
+ background: string;
249
+ shadow: string;
250
+ rounded: string;
251
+ ring: string;
252
+ base: string;
253
+ divide: string;
254
+ padding: string;
255
+ item: {
256
+ base: string;
257
+ rounded: string;
258
+ padding: string;
259
+ size: string;
260
+ active: string;
261
+ inactive: string;
262
+ disabled: string;
263
+ icon: {
7
264
  base: string;
8
- divide: string;
9
- thead: string;
10
- tbody: string;
11
- tr: {
12
- base: string;
13
- selected: string;
14
- active: string;
15
- };
16
- th: {
17
- base: string;
18
- padding: string;
19
- color: string;
20
- font: string;
21
- size: string;
22
- };
23
- td: {
24
- base: string;
25
- padding: string;
26
- color: string;
27
- font: string;
28
- size: string;
29
- };
30
- loadingState: {
31
- wrapper: string;
32
- label: string;
33
- icon: string;
34
- };
35
- emptyState: {
36
- wrapper: string;
37
- label: string;
38
- icon: string;
39
- };
40
- default: {
41
- sortAscIcon: string;
42
- sortDescIcon: string;
43
- sortButton: {
44
- icon: string;
45
- trailing: boolean;
46
- square: boolean;
47
- color: string;
48
- variant: string;
49
- class: string;
50
- };
51
- loadingState: {
52
- icon: string;
53
- label: string;
54
- };
55
- emptyState: {
56
- icon: string;
57
- label: string;
58
- };
59
- };
265
+ active: string;
266
+ inactive: string;
60
267
  };
61
268
  avatar: {
62
- wrapper: string;
63
- background: string;
269
+ base: string;
270
+ size: string;
271
+ };
272
+ shortcuts: string;
273
+ };
274
+ transition: {
275
+ enterActiveClass: string;
276
+ enterFromClass: string;
277
+ enterToClass: string;
278
+ leaveActiveClass: string;
279
+ leaveFromClass: string;
280
+ leaveToClass: string;
281
+ };
282
+ popper: {
283
+ placement: string;
284
+ strategy: string;
285
+ };
286
+ arrow: {
287
+ ring: string;
288
+ background: string;
289
+ base: string;
290
+ rounded: string;
291
+ shadow: string;
292
+ placement: string;
293
+ };
294
+ };
295
+ declare const accordion: {
296
+ wrapper: string;
297
+ item: {
298
+ base: string;
299
+ size: string;
300
+ color: string;
301
+ padding: string;
302
+ icon: string;
303
+ };
304
+ transition: {
305
+ enterActiveClass: string;
306
+ leaveActiveClass: string;
307
+ };
308
+ default: {
309
+ openIcon: string;
310
+ closeIcon: string;
311
+ class: string;
312
+ variant: string;
313
+ };
314
+ };
315
+ declare const alert: {
316
+ wrapper: string;
317
+ title: string;
318
+ description: string;
319
+ shadow: string;
320
+ rounded: string;
321
+ padding: string;
322
+ icon: {
323
+ base: string;
324
+ };
325
+ avatar: {
326
+ base: string;
327
+ size: string;
328
+ };
329
+ color: {
330
+ white: {
331
+ solid: string;
332
+ };
333
+ };
334
+ variant: {
335
+ solid: string;
336
+ outline: string;
337
+ soft: string;
338
+ subtle: string;
339
+ };
340
+ default: {
341
+ color: string;
342
+ variant: string;
343
+ icon: any;
344
+ closeButton: any;
345
+ actionButton: {
346
+ size: string;
347
+ color: string;
348
+ variant: string;
349
+ };
350
+ };
351
+ };
352
+ declare const kbd: {
353
+ base: string;
354
+ padding: string;
355
+ size: {
356
+ xs: string;
357
+ sm: string;
358
+ md: string;
359
+ };
360
+ rounded: string;
361
+ font: string;
362
+ background: string;
363
+ ring: string;
364
+ default: {
365
+ size: string;
366
+ };
367
+ };
368
+ declare const progress: {
369
+ wrapper: string;
370
+ indicator: {
371
+ container: {
372
+ base: string;
373
+ width: string;
374
+ transition: string;
375
+ };
376
+ align: string;
377
+ width: string;
378
+ color: string;
379
+ size: {
380
+ '2xs': string;
381
+ xs: string;
382
+ sm: string;
383
+ md: string;
384
+ lg: string;
385
+ xl: string;
386
+ '2xl': string;
387
+ };
388
+ };
389
+ progress: {
390
+ base: string;
391
+ width: string;
392
+ size: {
393
+ '2xs': string;
394
+ xs: string;
395
+ sm: string;
396
+ md: string;
397
+ lg: string;
398
+ xl: string;
399
+ '2xl': string;
400
+ };
401
+ rounded: string;
402
+ track: string;
403
+ bar: string;
404
+ color: string;
405
+ background: string;
406
+ indeterminate: {
407
+ base: string;
408
+ rounded: string;
409
+ };
410
+ };
411
+ steps: {
412
+ base: string;
413
+ color: string;
414
+ size: {
415
+ '2xs': string;
416
+ xs: string;
417
+ sm: string;
418
+ md: string;
419
+ lg: string;
420
+ xl: string;
421
+ '2xl': string;
422
+ };
423
+ };
424
+ step: {
425
+ base: string;
426
+ align: string;
427
+ active: string;
428
+ first: string;
429
+ };
430
+ animation: {
431
+ carousel: string;
432
+ 'carousel-inverse': string;
433
+ swing: string;
434
+ elastic: string;
435
+ };
436
+ default: {
437
+ color: string;
438
+ size: string;
439
+ animation: string;
440
+ };
441
+ };
442
+ declare const meter: {
443
+ wrapper: string;
444
+ indicator: {
445
+ container: string;
446
+ text: string;
447
+ size: {
448
+ '2xs': string;
449
+ xs: string;
450
+ sm: string;
451
+ md: string;
452
+ lg: string;
453
+ xl: string;
454
+ '2xl': string;
455
+ };
456
+ };
457
+ meter: {
458
+ base: string;
459
+ background: string;
460
+ color: string;
461
+ ring: string;
462
+ rounded: string;
463
+ shadow: string;
464
+ size: {
465
+ '2xs': string;
466
+ xs: string;
467
+ sm: string;
468
+ md: string;
469
+ lg: string;
470
+ xl: string;
471
+ '2xl': string;
472
+ };
473
+ appearance: {
474
+ inner: string;
475
+ meter: string;
476
+ bar: string;
477
+ value: string;
478
+ };
479
+ bar: {
480
+ transition: string;
481
+ ring: string;
64
482
  rounded: string;
65
- text: string;
66
- placeholder: string;
67
483
  size: {
68
- '3xs': string;
69
484
  '2xs': string;
70
485
  xs: string;
71
486
  sm: string;
@@ -73,93 +488,120 @@ declare const _default$1: {
73
488
  lg: string;
74
489
  xl: string;
75
490
  '2xl': string;
76
- '3xl': string;
77
- };
78
- chip: {
79
- base: string;
80
- background: string;
81
- position: {
82
- 'top-right': string;
83
- 'bottom-right': string;
84
- 'top-left': string;
85
- 'bottom-left': string;
86
- };
87
- size: {
88
- '3xs': string;
89
- '2xs': string;
90
- xs: string;
91
- sm: string;
92
- md: string;
93
- lg: string;
94
- xl: string;
95
- '2xl': string;
96
- '3xl': string;
97
- };
98
- };
99
- icon: {
100
- base: string;
101
- size: {
102
- '3xs': string;
103
- '2xs': string;
104
- xs: string;
105
- sm: string;
106
- md: string;
107
- lg: string;
108
- xl: string;
109
- '2xl': string;
110
- '3xl': string;
111
- };
112
- };
113
- default: {
114
- size: string;
115
- icon: any;
116
- chipColor: any;
117
- chipPosition: string;
118
491
  };
119
492
  };
120
- avatarGroup: {
121
- wrapper: string;
122
- ring: string;
123
- margin: string;
493
+ };
494
+ label: {
495
+ base: string;
496
+ text: string;
497
+ color: string;
498
+ size: {
499
+ '2xs': string;
500
+ xs: string;
501
+ sm: string;
502
+ md: string;
503
+ lg: string;
504
+ xl: string;
505
+ '2xl': string;
124
506
  };
125
- badge: {
126
- base: string;
127
- rounded: string;
128
- font: string;
129
- size: {
130
- xs: string;
131
- sm: string;
132
- md: string;
133
- lg: string;
134
- };
135
- color: {
136
- white: {
137
- solid: string;
138
- };
139
- gray: {
140
- solid: string;
141
- };
142
- black: {
143
- solid: string;
144
- };
145
- };
146
- variant: {
147
- solid: string;
148
- outline: string;
149
- soft: string;
150
- subtle: string;
151
- };
152
- default: {
153
- size: string;
154
- variant: string;
155
- color: string;
156
- };
507
+ };
508
+ color: {
509
+ white: string;
510
+ black: string;
511
+ gray: string;
512
+ };
513
+ default: {
514
+ size: string;
515
+ color: string;
516
+ };
517
+ };
518
+ declare const meterGroup: {
519
+ wrapper: string;
520
+ base: string;
521
+ background: string;
522
+ transition: string;
523
+ rounded: string;
524
+ shadow: string;
525
+ default: {
526
+ size: string;
527
+ };
528
+ };
529
+ declare const input: {
530
+ wrapper: string;
531
+ base: string;
532
+ rounded: string;
533
+ placeholder: string;
534
+ size: {
535
+ '2xs': string;
536
+ xs: string;
537
+ sm: string;
538
+ md: string;
539
+ lg: string;
540
+ xl: string;
541
+ };
542
+ gap: {
543
+ '2xs': string;
544
+ xs: string;
545
+ sm: string;
546
+ md: string;
547
+ lg: string;
548
+ xl: string;
549
+ };
550
+ padding: {
551
+ '2xs': string;
552
+ xs: string;
553
+ sm: string;
554
+ md: string;
555
+ lg: string;
556
+ xl: string;
557
+ };
558
+ leading: {
559
+ padding: {
560
+ '2xs': string;
561
+ xs: string;
562
+ sm: string;
563
+ md: string;
564
+ lg: string;
565
+ xl: string;
157
566
  };
158
- button: {
159
- base: string;
160
- font: string;
161
- rounded: string;
162
- size: {
567
+ };
568
+ trailing: {
569
+ padding: {
570
+ '2xs': string;
571
+ xs: string;
572
+ sm: string;
573
+ md: string;
574
+ lg: string;
575
+ xl: string;
576
+ };
577
+ };
578
+ color: {
579
+ white: {
580
+ outline: string;
581
+ };
582
+ gray: {
583
+ outline: string;
584
+ };
585
+ };
586
+ variant: {
587
+ outline: string;
588
+ none: string;
589
+ };
590
+ icon: {
591
+ base: string;
592
+ color: string;
593
+ size: {
594
+ '2xs': string;
595
+ xs: string;
596
+ sm: string;
597
+ md: string;
598
+ lg: string;
599
+ xl: string;
600
+ };
601
+ leading: {
602
+ wrapper: string;
603
+ pointer: string;
604
+ padding: {
163
605
  '2xs': string;
164
606
  xs: string;
165
607
  sm: string;
@@ -167,7 +609,11 @@ declare const _default$1: {
167
609
  lg: string;
168
610
  xl: string;
169
611
  };
170
- gap: {
612
+ };
613
+ trailing: {
614
+ wrapper: string;
615
+ pointer: string;
616
+ padding: {
171
617
  '2xs': string;
172
618
  xs: string;
173
619
  sm: string;
@@ -175,6 +621,119 @@ declare const _default$1: {
175
621
  lg: string;
176
622
  xl: string;
177
623
  };
624
+ };
625
+ };
626
+ default: {
627
+ size: string;
628
+ color: string;
629
+ variant: string;
630
+ loadingIcon: string;
631
+ };
632
+ };
633
+ declare const formGroup: {
634
+ wrapper: string;
635
+ label: {
636
+ wrapper: string;
637
+ base: string;
638
+ required: string;
639
+ };
640
+ size: {
641
+ '2xs': string;
642
+ xs: string;
643
+ sm: string;
644
+ md: string;
645
+ lg: string;
646
+ xl: string;
647
+ };
648
+ container: string;
649
+ description: string;
650
+ hint: string;
651
+ help: string;
652
+ error: string;
653
+ default: {
654
+ size: string;
655
+ };
656
+ };
657
+ declare const textarea: {
658
+ default: {
659
+ size: string;
660
+ color: string;
661
+ variant: string;
662
+ };
663
+ wrapper: string;
664
+ base: string;
665
+ rounded: string;
666
+ placeholder: string;
667
+ size: {
668
+ '2xs': string;
669
+ xs: string;
670
+ sm: string;
671
+ md: string;
672
+ lg: string;
673
+ xl: string;
674
+ };
675
+ gap: {
676
+ '2xs': string;
677
+ xs: string;
678
+ sm: string;
679
+ md: string;
680
+ lg: string;
681
+ xl: string;
682
+ };
683
+ padding: {
684
+ '2xs': string;
685
+ xs: string;
686
+ sm: string;
687
+ md: string;
688
+ lg: string;
689
+ xl: string;
690
+ };
691
+ leading: {
692
+ padding: {
693
+ '2xs': string;
694
+ xs: string;
695
+ sm: string;
696
+ md: string;
697
+ lg: string;
698
+ xl: string;
699
+ };
700
+ };
701
+ trailing: {
702
+ padding: {
703
+ '2xs': string;
704
+ xs: string;
705
+ sm: string;
706
+ md: string;
707
+ lg: string;
708
+ xl: string;
709
+ };
710
+ };
711
+ color: {
712
+ white: {
713
+ outline: string;
714
+ };
715
+ gray: {
716
+ outline: string;
717
+ };
718
+ };
719
+ variant: {
720
+ outline: string;
721
+ none: string;
722
+ };
723
+ icon: {
724
+ base: string;
725
+ color: string;
726
+ size: {
727
+ '2xs': string;
728
+ xs: string;
729
+ sm: string;
730
+ md: string;
731
+ lg: string;
732
+ xl: string;
733
+ };
734
+ leading: {
735
+ wrapper: string;
736
+ pointer: string;
178
737
  padding: {
179
738
  '2xs': string;
180
739
  xs: string;
@@ -183,7 +742,11 @@ declare const _default$1: {
183
742
  lg: string;
184
743
  xl: string;
185
744
  };
186
- square: {
745
+ };
746
+ trailing: {
747
+ wrapper: string;
748
+ pointer: string;
749
+ padding: {
187
750
  '2xs': string;
188
751
  xs: string;
189
752
  sm: string;
@@ -191,174 +754,92 @@ declare const _default$1: {
191
754
  lg: string;
192
755
  xl: string;
193
756
  };
194
- color: {
195
- white: {
196
- solid: string;
197
- ghost: string;
198
- };
199
- gray: {
200
- solid: string;
201
- ghost: string;
202
- link: string;
203
- };
204
- black: {
205
- solid: string;
206
- link: string;
207
- };
208
- };
209
- variant: {
210
- solid: string;
211
- outline: string;
212
- soft: string;
213
- ghost: string;
214
- link: string;
215
- };
216
- icon: {
217
- base: string;
218
- size: {
219
- '2xs': string;
220
- xs: string;
221
- sm: string;
222
- md: string;
223
- lg: string;
224
- xl: string;
225
- };
226
- };
227
- default: {
228
- size: string;
229
- variant: string;
230
- color: string;
231
- loadingIcon: string;
232
- };
233
757
  };
234
- buttonGroup: {
235
- wrapper: string;
236
- rounded: string;
237
- shadow: string;
758
+ };
759
+ };
760
+ declare const select: {
761
+ placeholder: string;
762
+ default: {
763
+ size: string;
764
+ color: string;
765
+ variant: string;
766
+ loadingIcon: string;
767
+ trailingIcon: string;
768
+ };
769
+ wrapper: string;
770
+ base: string;
771
+ rounded: string;
772
+ size: {
773
+ '2xs': string;
774
+ xs: string;
775
+ sm: string;
776
+ md: string;
777
+ lg: string;
778
+ xl: string;
779
+ };
780
+ gap: {
781
+ '2xs': string;
782
+ xs: string;
783
+ sm: string;
784
+ md: string;
785
+ lg: string;
786
+ xl: string;
787
+ };
788
+ padding: {
789
+ '2xs': string;
790
+ xs: string;
791
+ sm: string;
792
+ md: string;
793
+ lg: string;
794
+ xl: string;
795
+ };
796
+ leading: {
797
+ padding: {
798
+ '2xs': string;
799
+ xs: string;
800
+ sm: string;
801
+ md: string;
802
+ lg: string;
803
+ xl: string;
238
804
  };
239
- dropdown: {
240
- wrapper: string;
241
- container: string;
242
- width: string;
243
- height: string;
244
- background: string;
245
- shadow: string;
246
- rounded: string;
247
- ring: string;
248
- base: string;
249
- divide: string;
250
- padding: string;
251
- item: {
252
- base: string;
253
- rounded: string;
254
- padding: string;
255
- size: string;
256
- active: string;
257
- inactive: string;
258
- disabled: string;
259
- icon: {
260
- base: string;
261
- active: string;
262
- inactive: string;
263
- };
264
- avatar: {
265
- base: string;
266
- size: string;
267
- };
268
- shortcuts: string;
269
- };
270
- transition: {
271
- enterActiveClass: string;
272
- enterFromClass: string;
273
- enterToClass: string;
274
- leaveActiveClass: string;
275
- leaveFromClass: string;
276
- leaveToClass: string;
277
- };
278
- popper: {
279
- placement: string;
280
- strategy: string;
281
- };
805
+ };
806
+ trailing: {
807
+ padding: {
808
+ '2xs': string;
809
+ xs: string;
810
+ sm: string;
811
+ md: string;
812
+ lg: string;
813
+ xl: string;
282
814
  };
283
- kbd: {
284
- base: string;
285
- padding: string;
286
- size: {
287
- xs: string;
288
- sm: string;
289
- md: string;
290
- };
291
- rounded: string;
292
- font: string;
293
- background: string;
294
- ring: string;
295
- default: {
296
- size: string;
297
- };
815
+ };
816
+ color: {
817
+ white: {
818
+ outline: string;
298
819
  };
299
- accordion: {
300
- wrapper: string;
301
- item: {
302
- base: string;
303
- size: string;
304
- color: string;
305
- padding: string;
306
- icon: string;
307
- };
308
- transition: {
309
- enterActiveClass: string;
310
- leaveActiveClass: string;
311
- };
312
- default: {
313
- openIcon: string;
314
- closeIcon: string;
315
- class: string;
316
- variant: string;
317
- };
820
+ gray: {
821
+ outline: string;
318
822
  };
319
- alert: {
320
- wrapper: string;
321
- title: string;
322
- description: string;
323
- shadow: string;
324
- rounded: string;
325
- padding: string;
326
- icon: {
327
- base: string;
328
- };
329
- avatar: {
330
- base: string;
331
- size: string;
332
- };
333
- color: {
334
- white: {
335
- solid: string;
336
- };
337
- };
338
- variant: {
339
- solid: string;
340
- outline: string;
341
- soft: string;
342
- subtle: string;
343
- };
344
- default: {
345
- color: string;
346
- variant: string;
347
- icon: any;
348
- closeButton: any;
349
- actionButton: {
350
- size: string;
351
- color: string;
352
- variant: string;
353
- };
354
- };
823
+ };
824
+ variant: {
825
+ outline: string;
826
+ none: string;
827
+ };
828
+ icon: {
829
+ base: string;
830
+ color: string;
831
+ size: {
832
+ '2xs': string;
833
+ xs: string;
834
+ sm: string;
835
+ md: string;
836
+ lg: string;
837
+ xl: string;
355
838
  };
356
- input: {
839
+ leading: {
357
840
  wrapper: string;
358
- base: string;
359
- rounded: string;
360
- placeholder: string;
361
- size: {
841
+ pointer: string;
842
+ padding: {
362
843
  '2xs': string;
363
844
  xs: string;
364
845
  sm: string;
@@ -366,7 +847,11 @@ declare const _default$1: {
366
847
  lg: string;
367
848
  xl: string;
368
849
  };
369
- gap: {
850
+ };
851
+ trailing: {
852
+ wrapper: string;
853
+ pointer: string;
854
+ padding: {
370
855
  '2xs': string;
371
856
  xs: string;
372
857
  sm: string;
@@ -374,847 +859,681 @@ declare const _default$1: {
374
859
  lg: string;
375
860
  xl: string;
376
861
  };
377
- padding: {
378
- '2xs': string;
379
- xs: string;
380
- sm: string;
381
- md: string;
382
- lg: string;
383
- xl: string;
384
- };
385
- leading: {
386
- padding: {
387
- '2xs': string;
388
- xs: string;
389
- sm: string;
390
- md: string;
391
- lg: string;
392
- xl: string;
393
- };
394
- };
395
- trailing: {
396
- padding: {
397
- '2xs': string;
398
- xs: string;
399
- sm: string;
400
- md: string;
401
- lg: string;
402
- xl: string;
403
- };
404
- };
405
- color: {
406
- white: {
407
- outline: string;
408
- };
409
- gray: {
410
- outline: string;
411
- };
412
- };
413
- variant: {
414
- outline: string;
415
- none: string;
416
- };
417
- icon: {
418
- base: string;
419
- color: string;
420
- size: {
421
- '2xs': string;
422
- xs: string;
423
- sm: string;
424
- md: string;
425
- lg: string;
426
- xl: string;
427
- };
428
- leading: {
429
- wrapper: string;
430
- pointer: string;
431
- padding: {
432
- '2xs': string;
433
- xs: string;
434
- sm: string;
435
- md: string;
436
- lg: string;
437
- xl: string;
438
- };
439
- };
440
- trailing: {
441
- wrapper: string;
442
- pointer: string;
443
- padding: {
444
- '2xs': string;
445
- xs: string;
446
- sm: string;
447
- md: string;
448
- lg: string;
449
- xl: string;
450
- };
451
- };
452
- };
453
- default: {
454
- size: string;
455
- color: string;
456
- variant: string;
457
- loadingIcon: string;
458
- };
459
862
  };
460
- formGroup: {
461
- wrapper: string;
462
- label: {
463
- wrapper: string;
464
- base: string;
465
- required: string;
466
- };
467
- size: {
468
- '2xs': string;
469
- xs: string;
470
- sm: string;
471
- md: string;
472
- lg: string;
473
- xl: string;
474
- };
475
- container: string;
476
- description: string;
477
- hint: string;
478
- help: string;
479
- error: string;
480
- };
481
- textarea: {
482
- default: {
483
- size: string;
484
- color: string;
485
- variant: string;
486
- };
487
- wrapper: string;
863
+ };
864
+ };
865
+ declare const selectMenu: {
866
+ container: string;
867
+ width: string;
868
+ height: string;
869
+ base: string;
870
+ background: string;
871
+ shadow: string;
872
+ rounded: string;
873
+ padding: string;
874
+ ring: string;
875
+ input: string;
876
+ option: {
877
+ base: string;
878
+ rounded: string;
879
+ padding: string;
880
+ size: string;
881
+ color: string;
882
+ container: string;
883
+ active: string;
884
+ inactive: string;
885
+ selected: string;
886
+ disabled: string;
887
+ empty: string;
888
+ icon: {
488
889
  base: string;
489
- rounded: string;
490
- placeholder: string;
491
- size: {
492
- '2xs': string;
493
- xs: string;
494
- sm: string;
495
- md: string;
496
- lg: string;
497
- xl: string;
498
- };
499
- gap: {
500
- '2xs': string;
501
- xs: string;
502
- sm: string;
503
- md: string;
504
- lg: string;
505
- xl: string;
506
- };
507
- padding: {
508
- '2xs': string;
509
- xs: string;
510
- sm: string;
511
- md: string;
512
- lg: string;
513
- xl: string;
514
- };
515
- leading: {
516
- padding: {
517
- '2xs': string;
518
- xs: string;
519
- sm: string;
520
- md: string;
521
- lg: string;
522
- xl: string;
523
- };
524
- };
525
- trailing: {
526
- padding: {
527
- '2xs': string;
528
- xs: string;
529
- sm: string;
530
- md: string;
531
- lg: string;
532
- xl: string;
533
- };
534
- };
535
- color: {
536
- white: {
537
- outline: string;
538
- };
539
- gray: {
540
- outline: string;
541
- };
542
- };
543
- variant: {
544
- outline: string;
545
- none: string;
546
- };
547
- icon: {
548
- base: string;
549
- color: string;
550
- size: {
551
- '2xs': string;
552
- xs: string;
553
- sm: string;
554
- md: string;
555
- lg: string;
556
- xl: string;
557
- };
558
- leading: {
559
- wrapper: string;
560
- pointer: string;
561
- padding: {
562
- '2xs': string;
563
- xs: string;
564
- sm: string;
565
- md: string;
566
- lg: string;
567
- xl: string;
568
- };
569
- };
570
- trailing: {
571
- wrapper: string;
572
- pointer: string;
573
- padding: {
574
- '2xs': string;
575
- xs: string;
576
- sm: string;
577
- md: string;
578
- lg: string;
579
- xl: string;
580
- };
581
- };
582
- };
890
+ active: string;
891
+ inactive: string;
583
892
  };
584
- select: {
585
- placeholder: string;
586
- default: {
587
- size: string;
588
- color: string;
589
- variant: string;
590
- loadingIcon: string;
591
- trailingIcon: string;
592
- };
893
+ selectedIcon: {
593
894
  wrapper: string;
895
+ padding: string;
594
896
  base: string;
595
- rounded: string;
596
- size: {
597
- '2xs': string;
598
- xs: string;
599
- sm: string;
600
- md: string;
601
- lg: string;
602
- xl: string;
603
- };
604
- gap: {
605
- '2xs': string;
606
- xs: string;
607
- sm: string;
608
- md: string;
609
- lg: string;
610
- xl: string;
611
- };
612
- padding: {
613
- '2xs': string;
614
- xs: string;
615
- sm: string;
616
- md: string;
617
- lg: string;
618
- xl: string;
619
- };
620
- leading: {
621
- padding: {
622
- '2xs': string;
623
- xs: string;
624
- sm: string;
625
- md: string;
626
- lg: string;
627
- xl: string;
628
- };
629
- };
630
- trailing: {
631
- padding: {
632
- '2xs': string;
633
- xs: string;
634
- sm: string;
635
- md: string;
636
- lg: string;
637
- xl: string;
638
- };
639
- };
640
- color: {
641
- white: {
642
- outline: string;
643
- };
644
- gray: {
645
- outline: string;
646
- };
647
- };
648
- variant: {
649
- outline: string;
650
- none: string;
651
- };
652
- icon: {
653
- base: string;
654
- color: string;
655
- size: {
656
- '2xs': string;
657
- xs: string;
658
- sm: string;
659
- md: string;
660
- lg: string;
661
- xl: string;
662
- };
663
- leading: {
664
- wrapper: string;
665
- pointer: string;
666
- padding: {
667
- '2xs': string;
668
- xs: string;
669
- sm: string;
670
- md: string;
671
- lg: string;
672
- xl: string;
673
- };
674
- };
675
- trailing: {
676
- wrapper: string;
677
- pointer: string;
678
- padding: {
679
- '2xs': string;
680
- xs: string;
681
- sm: string;
682
- md: string;
683
- lg: string;
684
- xl: string;
685
- };
686
- };
687
- };
688
897
  };
689
- selectMenu: {
690
- container: string;
691
- width: string;
692
- height: string;
898
+ avatar: {
693
899
  base: string;
694
- background: string;
695
- shadow: string;
696
- rounded: string;
697
- padding: string;
698
- ring: string;
699
- input: string;
700
- option: {
701
- base: string;
702
- rounded: string;
703
- padding: string;
704
- size: string;
705
- color: string;
706
- container: string;
707
- active: string;
708
- inactive: string;
709
- selected: string;
710
- disabled: string;
711
- empty: string;
712
- icon: {
713
- base: string;
714
- active: string;
715
- inactive: string;
716
- };
717
- selectedIcon: {
718
- wrapper: string;
719
- padding: string;
720
- base: string;
721
- };
722
- avatar: {
723
- base: string;
724
- size: string;
725
- };
726
- chip: {
727
- base: string;
728
- };
729
- };
730
- transition: {
731
- leaveActiveClass: string;
732
- leaveFromClass: string;
733
- leaveToClass: string;
734
- };
735
- popper: {
736
- placement: string;
737
- };
738
- default: {
739
- selectedIcon: string;
740
- };
900
+ size: string;
741
901
  };
742
- checkbox: {
743
- wrapper: string;
902
+ chip: {
744
903
  base: string;
745
- rounded: string;
746
- color: string;
747
- background: string;
748
- border: string;
749
- ring: string;
750
- label: string;
751
- required: string;
752
- help: string;
753
- default: {
754
- color: string;
755
- };
756
904
  };
757
- radio: {
758
- wrapper: string;
759
- base: string;
760
- color: string;
761
- background: string;
762
- border: string;
763
- ring: string;
764
- label: string;
765
- required: string;
766
- help: string;
767
- default: {
768
- color: string;
769
- };
905
+ };
906
+ transition: {
907
+ leaveActiveClass: string;
908
+ leaveFromClass: string;
909
+ leaveToClass: string;
910
+ };
911
+ popper: {
912
+ placement: string;
913
+ };
914
+ default: {
915
+ selectedIcon: string;
916
+ };
917
+ arrow: {
918
+ ring: string;
919
+ background: string;
920
+ base: string;
921
+ rounded: string;
922
+ shadow: string;
923
+ placement: string;
924
+ };
925
+ };
926
+ declare const radioGroup: {
927
+ wrapper: string;
928
+ legend: string;
929
+ default: {
930
+ color: string;
931
+ };
932
+ };
933
+ declare const radio: {
934
+ wrapper: string;
935
+ base: string;
936
+ color: string;
937
+ background: string;
938
+ border: string;
939
+ ring: string;
940
+ label: string;
941
+ required: string;
942
+ help: string;
943
+ default: {
944
+ color: string;
945
+ };
946
+ };
947
+ declare const checkbox: {
948
+ wrapper: string;
949
+ base: string;
950
+ rounded: string;
951
+ color: string;
952
+ background: string;
953
+ border: string;
954
+ ring: string;
955
+ label: string;
956
+ required: string;
957
+ help: string;
958
+ default: {
959
+ color: string;
960
+ };
961
+ };
962
+ declare const toggle: {
963
+ base: string;
964
+ rounded: string;
965
+ ring: string;
966
+ active: string;
967
+ inactive: string;
968
+ container: {
969
+ base: string;
970
+ active: string;
971
+ inactive: string;
972
+ };
973
+ icon: {
974
+ base: string;
975
+ active: string;
976
+ inactive: string;
977
+ on: string;
978
+ off: string;
979
+ };
980
+ default: {
981
+ onIcon: any;
982
+ offIcon: any;
983
+ color: string;
984
+ };
985
+ };
986
+ declare const range: {
987
+ wrapper: string;
988
+ base: string;
989
+ rounded: string;
990
+ background: string;
991
+ ring: string;
992
+ progress: {
993
+ base: string;
994
+ rounded: string;
995
+ background: string;
996
+ size: {
997
+ '2xs': string;
998
+ xs: string;
999
+ sm: string;
1000
+ md: string;
1001
+ lg: string;
1002
+ xl: string;
1003
+ '2xl': string;
770
1004
  };
771
- toggle: {
772
- base: string;
773
- rounded: string;
774
- ring: string;
775
- active: string;
776
- inactive: string;
777
- container: {
778
- base: string;
779
- active: string;
780
- inactive: string;
781
- };
782
- icon: {
783
- base: string;
784
- active: string;
785
- inactive: string;
786
- on: string;
787
- off: string;
788
- };
789
- default: {
790
- onIcon: any;
791
- offIcon: any;
792
- color: string;
793
- };
1005
+ };
1006
+ thumb: {
1007
+ base: string;
1008
+ color: string;
1009
+ background: string;
1010
+ ring: string;
1011
+ size: {
1012
+ '2xs': string;
1013
+ xs: string;
1014
+ sm: string;
1015
+ md: string;
1016
+ lg: string;
1017
+ xl: string;
1018
+ '2xl': string;
794
1019
  };
795
- range: {
796
- wrapper: string;
797
- base: string;
798
- rounded: string;
799
- background: string;
800
- ring: string;
801
- progress: {
802
- base: string;
803
- rounded: string;
804
- background: string;
805
- size: {
806
- sm: string;
807
- md: string;
808
- lg: string;
809
- };
810
- };
811
- thumb: {
812
- base: string;
813
- color: string;
814
- background: string;
815
- ring: string;
816
- size: {
817
- sm: string;
818
- md: string;
819
- lg: string;
820
- };
821
- };
822
- track: {
823
- base: string;
824
- background: string;
825
- rounded: string;
826
- size: {
827
- sm: string;
828
- md: string;
829
- lg: string;
830
- };
831
- };
832
- size: {
833
- sm: string;
834
- md: string;
835
- lg: string;
836
- };
837
- default: {
838
- size: string;
839
- color: string;
840
- };
1020
+ };
1021
+ track: {
1022
+ base: string;
1023
+ background: string;
1024
+ rounded: string;
1025
+ size: {
1026
+ '2xs': string;
1027
+ xs: string;
1028
+ sm: string;
1029
+ md: string;
1030
+ lg: string;
1031
+ xl: string;
1032
+ '2xl': string;
841
1033
  };
842
- card: {
843
- base: string;
844
- background: string;
845
- divide: string;
846
- ring: string;
847
- rounded: string;
848
- shadow: string;
849
- body: {
850
- base: string;
851
- background: string;
852
- padding: string;
853
- };
854
- header: {
855
- base: string;
856
- background: string;
857
- padding: string;
858
- };
859
- footer: {
860
- base: string;
861
- background: string;
862
- padding: string;
863
- };
1034
+ };
1035
+ size: {
1036
+ '2xs': string;
1037
+ xs: string;
1038
+ sm: string;
1039
+ md: string;
1040
+ lg: string;
1041
+ xl: string;
1042
+ '2xl': string;
1043
+ };
1044
+ default: {
1045
+ size: string;
1046
+ color: string;
1047
+ };
1048
+ };
1049
+ declare const card: {
1050
+ base: string;
1051
+ background: string;
1052
+ divide: string;
1053
+ ring: string;
1054
+ rounded: string;
1055
+ shadow: string;
1056
+ body: {
1057
+ base: string;
1058
+ background: string;
1059
+ padding: string;
1060
+ };
1061
+ header: {
1062
+ base: string;
1063
+ background: string;
1064
+ padding: string;
1065
+ };
1066
+ footer: {
1067
+ base: string;
1068
+ background: string;
1069
+ padding: string;
1070
+ };
1071
+ };
1072
+ declare const container: {
1073
+ base: string;
1074
+ padding: string;
1075
+ constrained: string;
1076
+ };
1077
+ declare const skeleton: {
1078
+ base: string;
1079
+ background: string;
1080
+ rounded: string;
1081
+ };
1082
+ declare const divider: {
1083
+ wrapper: {
1084
+ base: string;
1085
+ horizontal: string;
1086
+ vertical: string;
1087
+ };
1088
+ container: {
1089
+ base: string;
1090
+ horizontal: string;
1091
+ vertical: string;
1092
+ };
1093
+ border: {
1094
+ base: string;
1095
+ horizontal: string;
1096
+ vertical: string;
1097
+ size: {
1098
+ horizontal: string;
1099
+ vertical: string;
864
1100
  };
865
- container: {
1101
+ };
1102
+ icon: {
1103
+ base: string;
1104
+ };
1105
+ avatar: {
1106
+ base: string;
1107
+ size: string;
1108
+ };
1109
+ label: string;
1110
+ };
1111
+ declare const verticalNavigation: {
1112
+ wrapper: string;
1113
+ base: string;
1114
+ ring: string;
1115
+ padding: string;
1116
+ width: string;
1117
+ rounded: string;
1118
+ font: string;
1119
+ size: string;
1120
+ active: string;
1121
+ inactive: string;
1122
+ label: string;
1123
+ icon: {
1124
+ base: string;
1125
+ active: string;
1126
+ inactive: string;
1127
+ };
1128
+ avatar: {
1129
+ base: string;
1130
+ size: string;
1131
+ };
1132
+ badge: {
1133
+ base: string;
1134
+ active: string;
1135
+ inactive: string;
1136
+ };
1137
+ };
1138
+ declare const commandPalette: {
1139
+ wrapper: string;
1140
+ container: string;
1141
+ input: {
1142
+ wrapper: string;
1143
+ base: string;
1144
+ padding: string;
1145
+ height: string;
1146
+ size: string;
1147
+ icon: {
866
1148
  base: string;
1149
+ size: string;
867
1150
  padding: string;
868
- constrained: string;
869
1151
  };
870
- skeleton: {
871
- base: string;
872
- background: string;
873
- rounded: string;
874
- };
875
- verticalNavigation: {
876
- wrapper: string;
1152
+ closeButton: string;
1153
+ };
1154
+ emptyState: {
1155
+ wrapper: string;
1156
+ label: string;
1157
+ queryLabel: string;
1158
+ icon: string;
1159
+ };
1160
+ group: {
1161
+ wrapper: string;
1162
+ label: string;
1163
+ container: string;
1164
+ command: {
877
1165
  base: string;
878
- ring: string;
879
- padding: string;
880
- width: string;
881
- rounded: string;
882
- font: string;
883
- size: string;
884
1166
  active: string;
885
1167
  inactive: string;
886
1168
  label: string;
1169
+ prefix: string;
1170
+ suffix: string;
1171
+ container: string;
887
1172
  icon: {
888
1173
  base: string;
889
1174
  active: string;
890
1175
  inactive: string;
891
1176
  };
892
- avatar: {
1177
+ selectedIcon: {
893
1178
  base: string;
894
- size: string;
895
1179
  };
896
- badge: {
1180
+ avatar: {
897
1181
  base: string;
898
- active: string;
899
- inactive: string;
1182
+ size: "3xs";
900
1183
  };
901
- };
902
- commandPalette: {
903
- wrapper: string;
904
- container: string;
905
- input: {
906
- wrapper: string;
1184
+ chip: {
907
1185
  base: string;
908
- padding: string;
909
- height: string;
910
- size: string;
911
- icon: {
912
- base: string;
913
- size: string;
914
- padding: string;
915
- };
916
- closeButton: string;
917
- };
918
- emptyState: {
919
- wrapper: string;
920
- label: string;
921
- queryLabel: string;
922
- icon: string;
923
- };
924
- group: {
925
- wrapper: string;
926
- label: string;
927
- container: string;
928
- command: {
929
- base: string;
930
- active: string;
931
- inactive: string;
932
- label: string;
933
- prefix: string;
934
- suffix: string;
935
- container: string;
936
- icon: {
937
- base: string;
938
- active: string;
939
- inactive: string;
940
- };
941
- selectedIcon: {
942
- base: string;
943
- };
944
- avatar: {
945
- base: string;
946
- size: string;
947
- };
948
- chip: {
949
- base: string;
950
- };
951
- disabled: string;
952
- shortcuts: string;
953
- };
954
- active: string;
955
- inactive: string;
956
- };
957
- default: {
958
- icon: string;
959
- loadingIcon: string;
960
- emptyState: {
961
- icon: string;
962
- label: string;
963
- queryLabel: string;
964
- };
965
- closeButton: any;
966
- selectedIcon: string;
967
1186
  };
1187
+ disabled: string;
1188
+ shortcuts: string;
968
1189
  };
969
- pagination: {
970
- wrapper: string;
971
- base: string;
972
- rounded: string;
973
- default: {
974
- size: string;
975
- activeButton: {
976
- color: string;
977
- };
978
- inactiveButton: {
979
- color: string;
980
- };
981
- prevButton: {
982
- color: string;
983
- class: string;
984
- icon: string;
985
- };
986
- nextButton: {
987
- color: string;
988
- class: string;
989
- icon: string;
990
- };
991
- };
1190
+ active: string;
1191
+ inactive: string;
1192
+ };
1193
+ default: {
1194
+ icon: string;
1195
+ loadingIcon: string;
1196
+ emptyState: {
1197
+ icon: string;
1198
+ label: string;
1199
+ queryLabel: string;
992
1200
  };
993
- tabs: {
994
- wrapper: string;
995
- container: string;
996
- base: string;
997
- list: {
998
- base: string;
999
- background: string;
1000
- rounded: string;
1001
- shadow: string;
1002
- padding: string;
1003
- height: string;
1004
- width: string;
1005
- marker: {
1006
- wrapper: string;
1007
- base: string;
1008
- background: string;
1009
- rounded: string;
1010
- shadow: string;
1011
- };
1012
- tab: {
1013
- base: string;
1014
- background: string;
1015
- active: string;
1016
- inactive: string;
1017
- height: string;
1018
- padding: string;
1019
- size: string;
1020
- font: string;
1021
- rounded: string;
1022
- shadow: string;
1023
- };
1024
- };
1201
+ closeButton: any;
1202
+ selectedIcon: string;
1203
+ };
1204
+ };
1205
+ declare const pagination: {
1206
+ wrapper: string;
1207
+ base: string;
1208
+ rounded: string;
1209
+ default: {
1210
+ size: string;
1211
+ activeButton: {
1212
+ color: string;
1213
+ };
1214
+ inactiveButton: {
1215
+ color: string;
1216
+ };
1217
+ firstButton: {
1218
+ color: string;
1219
+ class: string;
1220
+ icon: string;
1025
1221
  };
1026
- modal: {
1222
+ lastButton: {
1223
+ color: string;
1224
+ class: string;
1225
+ icon: string;
1226
+ };
1227
+ prevButton: {
1228
+ color: string;
1229
+ class: string;
1230
+ icon: string;
1231
+ };
1232
+ nextButton: {
1233
+ color: string;
1234
+ class: string;
1235
+ icon: string;
1236
+ };
1237
+ };
1238
+ };
1239
+ declare const tabs: {
1240
+ wrapper: string;
1241
+ container: string;
1242
+ base: string;
1243
+ list: {
1244
+ base: string;
1245
+ background: string;
1246
+ rounded: string;
1247
+ shadow: string;
1248
+ padding: string;
1249
+ height: string;
1250
+ width: string;
1251
+ marker: {
1027
1252
  wrapper: string;
1028
- inner: string;
1029
- container: string;
1030
- padding: string;
1031
- margin: string;
1032
1253
  base: string;
1033
- overlay: {
1034
- base: string;
1035
- background: string;
1036
- transition: {
1037
- enter: string;
1038
- enterFrom: string;
1039
- enterTo: string;
1040
- leave: string;
1041
- leaveFrom: string;
1042
- leaveTo: string;
1043
- };
1044
- };
1045
1254
  background: string;
1046
- ring: string;
1047
1255
  rounded: string;
1048
1256
  shadow: string;
1049
- width: string;
1050
- height: string;
1051
- transition: {
1052
- enter: string;
1053
- enterFrom: string;
1054
- enterTo: string;
1055
- leave: string;
1056
- leaveFrom: string;
1057
- leaveTo: string;
1058
- };
1059
1257
  };
1060
- slideover: {
1061
- wrapper: string;
1062
- overlay: {
1063
- base: string;
1064
- background: string;
1065
- transition: {
1066
- enter: string;
1067
- enterFrom: string;
1068
- enterTo: string;
1069
- leave: string;
1070
- leaveFrom: string;
1071
- leaveTo: string;
1072
- };
1073
- };
1258
+ tab: {
1074
1259
  base: string;
1075
1260
  background: string;
1076
- ring: string;
1077
- rounded: string;
1261
+ active: string;
1262
+ inactive: string;
1263
+ height: string;
1078
1264
  padding: string;
1079
- shadow: string;
1080
- width: string;
1081
- transition: {
1082
- enter: string;
1083
- leave: string;
1084
- };
1085
- };
1086
- popover: {
1087
- wrapper: string;
1088
- container: string;
1089
- width: string;
1090
- background: string;
1091
- shadow: string;
1265
+ size: string;
1266
+ font: string;
1092
1267
  rounded: string;
1093
- ring: string;
1094
- base: string;
1095
- transition: {
1096
- enterActiveClass: string;
1097
- enterFromClass: string;
1098
- enterToClass: string;
1099
- leaveActiveClass: string;
1100
- leaveFromClass: string;
1101
- leaveToClass: string;
1102
- };
1103
- popper: {
1104
- strategy: string;
1105
- };
1106
- };
1107
- tooltip: {
1108
- wrapper: string;
1109
- container: string;
1110
- width: string;
1111
- background: string;
1112
- color: string;
1113
1268
  shadow: string;
1114
- rounded: string;
1115
- ring: string;
1116
- base: string;
1117
- shortcuts: string;
1118
- transition: {
1119
- enterActiveClass: string;
1120
- enterFromClass: string;
1121
- enterToClass: string;
1122
- leaveActiveClass: string;
1123
- leaveFromClass: string;
1124
- leaveToClass: string;
1125
- };
1126
- popper: {
1127
- strategy: string;
1128
- };
1129
1269
  };
1130
- contextMenu: {
1131
- wrapper: string;
1132
- container: string;
1133
- width: string;
1134
- background: string;
1135
- shadow: string;
1136
- rounded: string;
1137
- ring: string;
1138
- base: string;
1139
- transition: {
1140
- enterActiveClass: string;
1141
- enterFromClass: string;
1142
- enterToClass: string;
1143
- leaveActiveClass: string;
1144
- leaveFromClass: string;
1145
- leaveToClass: string;
1146
- };
1147
- popper: {
1148
- placement: string;
1149
- scroll: boolean;
1150
- };
1270
+ };
1271
+ };
1272
+ declare const modal: {
1273
+ wrapper: string;
1274
+ inner: string;
1275
+ container: string;
1276
+ padding: string;
1277
+ margin: string;
1278
+ base: string;
1279
+ overlay: {
1280
+ base: string;
1281
+ background: string;
1282
+ transition: {
1283
+ enter: string;
1284
+ enterFrom: string;
1285
+ enterTo: string;
1286
+ leave: string;
1287
+ leaveFrom: string;
1288
+ leaveTo: string;
1151
1289
  };
1152
- notification: {
1153
- wrapper: string;
1154
- container: string;
1155
- title: string;
1156
- description: string;
1157
- background: string;
1158
- shadow: string;
1159
- rounded: string;
1160
- padding: string;
1161
- ring: string;
1162
- icon: {
1163
- base: string;
1164
- color: string;
1165
- };
1166
- avatar: {
1167
- base: string;
1168
- size: string;
1169
- };
1170
- progress: {
1171
- base: string;
1172
- background: string;
1173
- };
1174
- transition: {
1175
- enterActiveClass: string;
1176
- enterFromClass: string;
1177
- enterToClass: string;
1178
- leaveActiveClass: string;
1179
- leaveFromClass: string;
1180
- leaveToClass: string;
1181
- };
1182
- default: {
1183
- color: string;
1184
- icon: any;
1185
- closeButton: {
1186
- icon: string;
1187
- color: string;
1188
- variant: string;
1189
- padded: boolean;
1190
- };
1191
- actionButton: {
1192
- size: string;
1193
- color: string;
1194
- };
1195
- };
1290
+ };
1291
+ background: string;
1292
+ ring: string;
1293
+ rounded: string;
1294
+ shadow: string;
1295
+ width: string;
1296
+ height: string;
1297
+ transition: {
1298
+ enter: string;
1299
+ enterFrom: string;
1300
+ enterTo: string;
1301
+ leave: string;
1302
+ leaveFrom: string;
1303
+ leaveTo: string;
1304
+ };
1305
+ };
1306
+ declare const slideover: {
1307
+ wrapper: string;
1308
+ overlay: {
1309
+ base: string;
1310
+ background: string;
1311
+ transition: {
1312
+ enter: string;
1313
+ enterFrom: string;
1314
+ enterTo: string;
1315
+ leave: string;
1316
+ leaveFrom: string;
1317
+ leaveTo: string;
1196
1318
  };
1197
- notifications: {
1198
- wrapper: string;
1199
- position: string;
1200
- width: string;
1201
- container: string;
1319
+ };
1320
+ base: string;
1321
+ background: string;
1322
+ ring: string;
1323
+ rounded: string;
1324
+ padding: string;
1325
+ shadow: string;
1326
+ width: string;
1327
+ transition: {
1328
+ enter: string;
1329
+ leave: string;
1330
+ };
1331
+ };
1332
+ declare const tooltip: {
1333
+ wrapper: string;
1334
+ container: string;
1335
+ width: string;
1336
+ background: string;
1337
+ color: string;
1338
+ shadow: string;
1339
+ rounded: string;
1340
+ ring: string;
1341
+ base: string;
1342
+ shortcuts: string;
1343
+ transition: {
1344
+ enterActiveClass: string;
1345
+ enterFromClass: string;
1346
+ enterToClass: string;
1347
+ leaveActiveClass: string;
1348
+ leaveFromClass: string;
1349
+ leaveToClass: string;
1350
+ };
1351
+ popper: {
1352
+ strategy: string;
1353
+ };
1354
+ arrow: {
1355
+ base: string;
1356
+ ring: string;
1357
+ rounded: string;
1358
+ background: string;
1359
+ shadow: string;
1360
+ placement: string;
1361
+ };
1362
+ };
1363
+ declare const popover: {
1364
+ wrapper: string;
1365
+ container: string;
1366
+ width: string;
1367
+ background: string;
1368
+ shadow: string;
1369
+ rounded: string;
1370
+ ring: string;
1371
+ base: string;
1372
+ transition: {
1373
+ enterActiveClass: string;
1374
+ enterFromClass: string;
1375
+ enterToClass: string;
1376
+ leaveActiveClass: string;
1377
+ leaveFromClass: string;
1378
+ leaveToClass: string;
1379
+ };
1380
+ popper: {
1381
+ strategy: string;
1382
+ };
1383
+ arrow: {
1384
+ base: string;
1385
+ ring: string;
1386
+ rounded: string;
1387
+ background: string;
1388
+ shadow: string;
1389
+ placement: string;
1390
+ };
1391
+ };
1392
+ declare const contextMenu: {
1393
+ wrapper: string;
1394
+ container: string;
1395
+ width: string;
1396
+ background: string;
1397
+ shadow: string;
1398
+ rounded: string;
1399
+ ring: string;
1400
+ base: string;
1401
+ transition: {
1402
+ enterActiveClass: string;
1403
+ enterFromClass: string;
1404
+ enterToClass: string;
1405
+ leaveActiveClass: string;
1406
+ leaveFromClass: string;
1407
+ leaveToClass: string;
1408
+ };
1409
+ popper: {
1410
+ placement: string;
1411
+ scroll: boolean;
1412
+ };
1413
+ arrow: {
1414
+ base: string;
1415
+ ring: string;
1416
+ rounded: string;
1417
+ background: string;
1418
+ shadow: string;
1419
+ placement: string;
1420
+ };
1421
+ };
1422
+ declare const notification: {
1423
+ wrapper: string;
1424
+ container: string;
1425
+ title: string;
1426
+ description: string;
1427
+ background: string;
1428
+ shadow: string;
1429
+ rounded: string;
1430
+ padding: string;
1431
+ ring: string;
1432
+ icon: {
1433
+ base: string;
1434
+ color: string;
1435
+ };
1436
+ avatar: {
1437
+ base: string;
1438
+ size: "md";
1439
+ };
1440
+ progress: {
1441
+ base: string;
1442
+ background: string;
1443
+ };
1444
+ transition: {
1445
+ enterActiveClass: string;
1446
+ enterFromClass: string;
1447
+ enterToClass: string;
1448
+ leaveActiveClass: string;
1449
+ leaveFromClass: string;
1450
+ leaveToClass: string;
1451
+ };
1452
+ default: {
1453
+ color: string;
1454
+ icon: any;
1455
+ closeButton: {
1456
+ icon: string;
1457
+ color: string;
1458
+ variant: string;
1459
+ padded: boolean;
1460
+ };
1461
+ actionButton: {
1462
+ size: string;
1463
+ color: string;
1202
1464
  };
1203
1465
  };
1204
1466
  };
1467
+ declare const notifications: {
1468
+ wrapper: string;
1469
+ position: string;
1470
+ width: string;
1471
+ container: string;
1472
+ };
1473
+
1474
+ declare const config_accordion: typeof accordion;
1475
+ declare const config_alert: typeof alert;
1476
+ declare const config_avatar: typeof avatar;
1477
+ declare const config_avatarGroup: typeof avatarGroup;
1478
+ declare const config_badge: typeof badge;
1479
+ declare const config_button: typeof button;
1480
+ declare const config_buttonGroup: typeof buttonGroup;
1481
+ declare const config_card: typeof card;
1482
+ declare const config_checkbox: typeof checkbox;
1483
+ declare const config_commandPalette: typeof commandPalette;
1484
+ declare const config_container: typeof container;
1485
+ declare const config_contextMenu: typeof contextMenu;
1486
+ declare const config_divider: typeof divider;
1487
+ declare const config_dropdown: typeof dropdown;
1488
+ declare const config_formGroup: typeof formGroup;
1489
+ declare const config_input: typeof input;
1490
+ declare const config_kbd: typeof kbd;
1491
+ declare const config_meter: typeof meter;
1492
+ declare const config_meterGroup: typeof meterGroup;
1493
+ declare const config_modal: typeof modal;
1494
+ declare const config_notification: typeof notification;
1495
+ declare const config_notifications: typeof notifications;
1496
+ declare const config_pagination: typeof pagination;
1497
+ declare const config_popover: typeof popover;
1498
+ declare const config_progress: typeof progress;
1499
+ declare const config_radio: typeof radio;
1500
+ declare const config_radioGroup: typeof radioGroup;
1501
+ declare const config_range: typeof range;
1502
+ declare const config_select: typeof select;
1503
+ declare const config_selectMenu: typeof selectMenu;
1504
+ declare const config_skeleton: typeof skeleton;
1505
+ declare const config_slideover: typeof slideover;
1506
+ declare const config_table: typeof table;
1507
+ declare const config_tabs: typeof tabs;
1508
+ declare const config_textarea: typeof textarea;
1509
+ declare const config_toggle: typeof toggle;
1510
+ declare const config_tooltip: typeof tooltip;
1511
+ declare const config_verticalNavigation: typeof verticalNavigation;
1512
+ declare namespace config {
1513
+ export { config_accordion as accordion, config_alert as alert, config_avatar as avatar, config_avatarGroup as avatarGroup, config_badge as badge, config_button as button, config_buttonGroup as buttonGroup, config_card as card, config_checkbox as checkbox, config_commandPalette as commandPalette, config_container as container, config_contextMenu as contextMenu, config_divider as divider, config_dropdown as dropdown, config_formGroup as formGroup, config_input as input, config_kbd as kbd, config_meter as meter, config_meterGroup as meterGroup, config_modal as modal, config_notification as notification, config_notifications as notifications, config_pagination as pagination, config_popover as popover, config_progress as progress, config_radio as radio, config_radioGroup as radioGroup, config_range as range, config_select as select, config_selectMenu as selectMenu, config_skeleton as skeleton, config_slideover as slideover, config_table as table, config_tabs as tabs, config_textarea as textarea, config_toggle as toggle, config_tooltip as tooltip, config_verticalNavigation as verticalNavigation };
1514
+ }
1515
+
1516
+ type Strategy = 'merge' | 'override';
1205
1517
 
1206
1518
  type DeepPartial<T> = Partial<{
1207
- [P in keyof T]: DeepPartial<T[P]> | {
1208
- [key: string]: string;
1209
- };
1519
+ [P in keyof T]: DeepPartial<T[P]> | { [key: string]: string | object };
1210
1520
  }>;
1521
+
1522
+ type UI = {
1523
+ primary?: string;
1524
+ gray?: string;
1525
+ colors?: string[];
1526
+ strategy?: Strategy;
1527
+ [key: string]: any;
1528
+ } & DeepPartial<typeof config>;
1529
+ declare module 'nuxt/schema' {
1530
+ interface AppConfigInput {
1531
+ ui?: UI;
1532
+ }
1533
+ }
1211
1534
  declare module '@nuxt/schema' {
1212
1535
  interface AppConfigInput {
1213
- ui?: {
1214
- primary?: string;
1215
- gray?: string;
1216
- colors?: string[];
1217
- } & DeepPartial<typeof _default$1.ui>;
1536
+ ui?: UI;
1218
1537
  }
1219
1538
  }
1220
1539
  interface ModuleOptions {