@nuxt/ui 2.10.0 → 2.11.1

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