@nuxt/ui 2.9.0 → 2.11.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 (201) hide show
  1. package/README.md +11 -0
  2. package/dist/module.d.mts +449 -72
  3. package/dist/module.d.ts +449 -72
  4. package/dist/module.json +1 -1
  5. package/dist/module.mjs +32 -6
  6. package/dist/runtime/components/data/Table.vue +8 -6
  7. package/dist/runtime/components/data/Table.vue.d.ts +2 -1
  8. package/dist/runtime/components/elements/Accordion.vue +15 -13
  9. package/dist/runtime/components/elements/Accordion.vue.d.ts +5 -2
  10. package/dist/runtime/components/elements/Alert.vue +7 -6
  11. package/dist/runtime/components/elements/Alert.vue.d.ts +6 -5
  12. package/dist/runtime/components/elements/Avatar.vue.d.ts +5 -4
  13. package/dist/runtime/components/elements/AvatarGroup.d.ts +4 -3
  14. package/dist/runtime/components/elements/Badge.vue +4 -2
  15. package/dist/runtime/components/elements/Badge.vue.d.ts +5 -5
  16. package/dist/runtime/components/elements/Button.vue +8 -6
  17. package/dist/runtime/components/elements/Button.vue.d.ts +7 -7
  18. package/dist/runtime/components/elements/ButtonGroup.d.ts +5 -4
  19. package/dist/runtime/components/elements/ButtonGroup.mjs +19 -32
  20. package/dist/runtime/components/elements/Chip.vue +85 -0
  21. package/dist/runtime/components/elements/Chip.vue.d.ts +90 -0
  22. package/dist/runtime/components/elements/Dropdown.vue +45 -25
  23. package/dist/runtime/components/elements/Dropdown.vue.d.ts +8 -0
  24. package/dist/runtime/components/elements/Icon.vue +16 -2
  25. package/dist/runtime/components/elements/Icon.vue.d.ts +14 -2
  26. package/dist/runtime/components/elements/Kbd.vue.d.ts +5 -4
  27. package/dist/runtime/components/elements/Link.vue +2 -5
  28. package/dist/runtime/components/elements/Meter.vue +166 -0
  29. package/dist/runtime/components/elements/Meter.vue.d.ts +123 -0
  30. package/dist/runtime/components/elements/MeterGroup.d.ts +78 -0
  31. package/dist/runtime/components/elements/MeterGroup.mjs +172 -0
  32. package/dist/runtime/components/elements/Progress.vue +284 -0
  33. package/dist/runtime/components/elements/Progress.vue.d.ts +2 -0
  34. package/dist/runtime/components/forms/Checkbox.vue +2 -4
  35. package/dist/runtime/components/forms/Checkbox.vue.d.ts +6 -6
  36. package/dist/runtime/components/forms/Form.vue +32 -7
  37. package/dist/runtime/components/forms/Form.vue.d.ts +2 -1
  38. package/dist/runtime/components/forms/FormGroup.vue +7 -3
  39. package/dist/runtime/components/forms/FormGroup.vue.d.ts +15 -5
  40. package/dist/runtime/components/forms/Input.vue +41 -6
  41. package/dist/runtime/components/forms/Input.vue.d.ts +42 -10
  42. package/dist/runtime/components/forms/Radio.vue +16 -9
  43. package/dist/runtime/components/forms/Radio.vue.d.ts +8 -7
  44. package/dist/runtime/components/forms/RadioGroup.vue +136 -0
  45. package/dist/runtime/components/forms/RadioGroup.vue.d.ts +118 -0
  46. package/dist/runtime/components/forms/Range.vue.d.ts +8 -7
  47. package/dist/runtime/components/forms/Select.vue +5 -2
  48. package/dist/runtime/components/forms/Select.vue.d.ts +10 -9
  49. package/dist/runtime/components/forms/SelectMenu.vue +80 -58
  50. package/dist/runtime/components/forms/SelectMenu.vue.d.ts +23 -13
  51. package/dist/runtime/components/forms/Textarea.vue +38 -4
  52. package/dist/runtime/components/forms/Textarea.vue.d.ts +41 -9
  53. package/dist/runtime/components/forms/Toggle.vue +19 -1
  54. package/dist/runtime/components/forms/Toggle.vue.d.ts +16 -3
  55. package/dist/runtime/components/layout/Divider.vue +107 -0
  56. package/dist/runtime/components/layout/Divider.vue.d.ts +82 -0
  57. package/dist/runtime/components/navigation/Breadcrumb.vue +78 -0
  58. package/dist/runtime/components/navigation/Breadcrumb.vue.d.ts +50 -0
  59. package/dist/runtime/components/navigation/CommandPalette.vue +18 -7
  60. package/dist/runtime/components/navigation/CommandPalette.vue.d.ts +2 -2
  61. package/dist/runtime/components/navigation/Pagination.vue +65 -9
  62. package/dist/runtime/components/navigation/Pagination.vue.d.ts +45 -7
  63. package/dist/runtime/components/navigation/Tabs.vue +1 -1
  64. package/dist/runtime/components/navigation/Tabs.vue.d.ts +1 -1
  65. package/dist/runtime/components/overlays/ContextMenu.vue +7 -2
  66. package/dist/runtime/components/overlays/ContextMenu.vue.d.ts +2 -1
  67. package/dist/runtime/components/overlays/Modal.vue +1 -1
  68. package/dist/runtime/components/overlays/Modal.vue.d.ts +1 -1
  69. package/dist/runtime/components/overlays/Notification.vue +32 -27
  70. package/dist/runtime/components/overlays/Notification.vue.d.ts +4 -3
  71. package/dist/runtime/components/overlays/Notifications.vue +16 -14
  72. package/dist/runtime/components/overlays/Popover.vue +31 -7
  73. package/dist/runtime/components/overlays/Popover.vue.d.ts +27 -2
  74. package/dist/runtime/components/overlays/Slideover.vue.d.ts +1 -1
  75. package/dist/runtime/components/overlays/Tooltip.vue +16 -10
  76. package/dist/runtime/components/overlays/Tooltip.vue.d.ts +1 -0
  77. package/dist/runtime/composables/defineShortcuts.d.ts +1 -1
  78. package/dist/runtime/composables/defineShortcuts.mjs +8 -4
  79. package/dist/runtime/composables/useButtonGroup.d.ts +20 -0
  80. package/dist/runtime/composables/useButtonGroup.mjs +52 -0
  81. package/dist/runtime/composables/useFormGroup.d.ts +6 -4
  82. package/dist/runtime/composables/useFormGroup.mjs +19 -7
  83. package/dist/runtime/composables/usePopper.d.ts +3 -3
  84. package/dist/runtime/composables/usePopper.mjs +7 -1
  85. package/dist/runtime/composables/useShortcuts.d.ts +2 -2
  86. package/dist/runtime/composables/useUI.d.ts +2 -2
  87. package/dist/runtime/composables/useUI.mjs +2 -2
  88. package/dist/runtime/types/alert.d.ts +7 -0
  89. package/dist/runtime/types/avatar.d.ts +3 -1
  90. package/dist/runtime/types/badge.d.ts +5 -4
  91. package/dist/runtime/types/breadcrumb.d.ts +7 -0
  92. package/dist/runtime/types/button.d.ts +5 -4
  93. package/dist/runtime/types/chip.d.ts +11 -0
  94. package/dist/runtime/types/command-palette.d.ts +1 -0
  95. package/dist/runtime/types/dropdown.d.ts +2 -2
  96. package/dist/runtime/types/form-group.d.ts +5 -0
  97. package/dist/runtime/types/form.d.ts +14 -6
  98. package/dist/runtime/types/index.d.ts +12 -0
  99. package/dist/runtime/types/input.d.ts +8 -0
  100. package/dist/runtime/types/kbd.d.ts +5 -0
  101. package/dist/runtime/types/meter.d.ts +5 -0
  102. package/dist/runtime/types/popper.d.ts +1 -0
  103. package/dist/runtime/types/progress.d.ts +4 -0
  104. package/dist/runtime/types/range.d.ts +5 -0
  105. package/dist/runtime/types/select.d.ts +8 -0
  106. package/dist/runtime/types/textarea.d.ts +8 -0
  107. package/dist/runtime/types/toggle.d.ts +5 -0
  108. package/dist/runtime/types/utils.d.ts +22 -5
  109. package/dist/runtime/ui.config/_popperArrow.d.ts +9 -0
  110. package/dist/runtime/ui.config/_popperArrow.mjs +8 -0
  111. package/dist/runtime/ui.config/data/table.d.ts +60 -0
  112. package/dist/runtime/ui.config/data/table.mjs +59 -0
  113. package/dist/runtime/ui.config/elements/accordion.d.ts +21 -0
  114. package/dist/runtime/ui.config/elements/accordion.mjs +20 -0
  115. package/dist/runtime/ui.config/elements/alert.d.ts +40 -0
  116. package/dist/runtime/ui.config/elements/alert.mjs +39 -0
  117. package/dist/runtime/ui.config/elements/avatar.d.ts +60 -0
  118. package/dist/runtime/ui.config/elements/avatar.mjs +59 -0
  119. package/dist/runtime/ui.config/elements/avatarGroup.d.ts +6 -0
  120. package/dist/runtime/ui.config/elements/avatarGroup.mjs +5 -0
  121. package/dist/runtime/ui.config/elements/badge.d.ts +34 -0
  122. package/dist/runtime/ui.config/elements/badge.mjs +33 -0
  123. package/dist/runtime/ui.config/elements/button.d.ts +77 -0
  124. package/dist/runtime/ui.config/elements/button.mjs +76 -0
  125. package/dist/runtime/ui.config/elements/buttonGroup.d.ts +9 -0
  126. package/dist/runtime/ui.config/elements/buttonGroup.mjs +8 -0
  127. package/dist/runtime/ui.config/elements/chip.d.ts +35 -0
  128. package/dist/runtime/ui.config/elements/chip.mjs +34 -0
  129. package/dist/runtime/ui.config/elements/dropdown.d.ts +53 -0
  130. package/dist/runtime/ui.config/elements/dropdown.mjs +51 -0
  131. package/dist/runtime/ui.config/elements/kbd.d.ts +17 -0
  132. package/dist/runtime/ui.config/elements/kbd.mjs +16 -0
  133. package/dist/runtime/ui.config/elements/meter.d.ts +77 -0
  134. package/dist/runtime/ui.config/elements/meter.mjs +76 -0
  135. package/dist/runtime/ui.config/elements/meterGroup.d.ts +12 -0
  136. package/dist/runtime/ui.config/elements/meterGroup.mjs +11 -0
  137. package/dist/runtime/ui.config/elements/progress.d.ts +75 -0
  138. package/dist/runtime/ui.config/elements/progress.mjs +74 -0
  139. package/dist/runtime/ui.config/forms/checkbox.d.ts +16 -0
  140. package/dist/runtime/ui.config/forms/checkbox.mjs +15 -0
  141. package/dist/runtime/ui.config/forms/formGroup.d.ts +25 -0
  142. package/dist/runtime/ui.config/forms/formGroup.mjs +25 -0
  143. package/dist/runtime/ui.config/forms/input.d.ts +105 -0
  144. package/dist/runtime/ui.config/forms/input.mjs +104 -0
  145. package/dist/runtime/ui.config/forms/radio.d.ts +15 -0
  146. package/dist/runtime/ui.config/forms/radio.mjs +14 -0
  147. package/dist/runtime/ui.config/forms/radioGroup.d.ts +8 -0
  148. package/dist/runtime/ui.config/forms/radioGroup.mjs +7 -0
  149. package/dist/runtime/ui.config/forms/range.d.ts +64 -0
  150. package/dist/runtime/ui.config/forms/range.mjs +63 -0
  151. package/dist/runtime/ui.config/forms/select.d.ts +106 -0
  152. package/dist/runtime/ui.config/forms/select.mjs +12 -0
  153. package/dist/runtime/ui.config/forms/selectMenu.d.ts +63 -0
  154. package/dist/runtime/ui.config/forms/selectMenu.mjs +61 -0
  155. package/dist/runtime/ui.config/forms/textarea.d.ts +104 -0
  156. package/dist/runtime/ui.config/forms/textarea.mjs +9 -0
  157. package/dist/runtime/ui.config/forms/toggle.d.ts +61 -0
  158. package/dist/runtime/ui.config/forms/toggle.mjs +60 -0
  159. package/dist/runtime/ui.config/index.d.ts +40 -0
  160. package/dist/runtime/ui.config/index.mjs +40 -0
  161. package/dist/runtime/ui.config/layout/card.d.ts +24 -0
  162. package/dist/runtime/ui.config/layout/card.mjs +23 -0
  163. package/dist/runtime/ui.config/layout/container.d.ts +6 -0
  164. package/dist/runtime/ui.config/layout/container.mjs +5 -0
  165. package/dist/runtime/ui.config/layout/divider.d.ts +30 -0
  166. package/dist/runtime/ui.config/layout/divider.mjs +29 -0
  167. package/dist/runtime/ui.config/layout/skeleton.d.ts +6 -0
  168. package/dist/runtime/ui.config/layout/skeleton.mjs +5 -0
  169. package/dist/runtime/ui.config/navigation/breadcrumb.d.ts +20 -0
  170. package/dist/runtime/ui.config/navigation/breadcrumb.mjs +19 -0
  171. package/dist/runtime/ui.config/navigation/commandPalette.d.ts +68 -0
  172. package/dist/runtime/ui.config/navigation/commandPalette.mjs +67 -0
  173. package/dist/runtime/ui.config/navigation/pagination.d.ts +35 -0
  174. package/dist/runtime/ui.config/navigation/pagination.mjs +34 -0
  175. package/dist/runtime/ui.config/navigation/tabs.d.ts +34 -0
  176. package/dist/runtime/ui.config/navigation/tabs.mjs +33 -0
  177. package/dist/runtime/ui.config/navigation/verticalNavigation.d.ts +28 -0
  178. package/dist/runtime/ui.config/navigation/verticalNavigation.mjs +27 -0
  179. package/dist/runtime/ui.config/overlays/contextMenu.d.ts +31 -0
  180. package/dist/runtime/ui.config/overlays/contextMenu.mjs +25 -0
  181. package/dist/runtime/ui.config/overlays/modal.d.ts +35 -0
  182. package/dist/runtime/ui.config/overlays/modal.mjs +36 -0
  183. package/dist/runtime/ui.config/overlays/notification.d.ts +49 -0
  184. package/dist/runtime/ui.config/overlays/notification.mjs +49 -0
  185. package/dist/runtime/ui.config/overlays/notifications.d.ts +7 -0
  186. package/dist/runtime/ui.config/overlays/notifications.mjs +6 -0
  187. package/dist/runtime/ui.config/overlays/popover.d.ts +42 -0
  188. package/dist/runtime/ui.config/overlays/popover.mjs +36 -0
  189. package/dist/runtime/ui.config/overlays/slideover.d.ts +27 -0
  190. package/dist/runtime/ui.config/overlays/slideover.mjs +28 -0
  191. package/dist/runtime/ui.config/overlays/tooltip.d.ts +32 -0
  192. package/dist/runtime/ui.config/overlays/tooltip.mjs +26 -0
  193. package/dist/runtime/utils/index.d.ts +5 -0
  194. package/dist/runtime/utils/index.mjs +6 -2
  195. package/dist/types.d.mts +3 -2
  196. package/dist/types.d.ts +3 -2
  197. package/package.json +41 -28
  198. package/dist/runtime/ui.config.d.ts +0 -1207
  199. package/dist/runtime/ui.config.mjs +0 -1029
  200. package/dist/runtime/utils/StateEmitter.d.ts +0 -17
  201. package/dist/runtime/utils/StateEmitter.mjs +0 -21
@@ -1,1207 +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
- };
285
- export declare const accordion: {
286
- wrapper: string;
287
- item: {
288
- base: string;
289
- size: string;
290
- color: string;
291
- padding: string;
292
- icon: string;
293
- };
294
- transition: {
295
- enterActiveClass: string;
296
- leaveActiveClass: string;
297
- };
298
- default: {
299
- openIcon: string;
300
- closeIcon: string;
301
- class: string;
302
- variant: string;
303
- };
304
- };
305
- export declare const alert: {
306
- wrapper: string;
307
- title: string;
308
- description: string;
309
- shadow: string;
310
- rounded: string;
311
- padding: string;
312
- icon: {
313
- base: string;
314
- };
315
- avatar: {
316
- base: string;
317
- size: string;
318
- };
319
- color: {
320
- white: {
321
- solid: string;
322
- };
323
- };
324
- variant: {
325
- solid: string;
326
- outline: string;
327
- soft: string;
328
- subtle: string;
329
- };
330
- default: {
331
- color: string;
332
- variant: string;
333
- icon: null;
334
- closeButton: null;
335
- actionButton: {
336
- size: string;
337
- color: string;
338
- variant: string;
339
- };
340
- };
341
- };
342
- export declare const kbd: {
343
- base: string;
344
- padding: string;
345
- size: {
346
- xs: string;
347
- sm: string;
348
- md: string;
349
- };
350
- rounded: string;
351
- font: string;
352
- background: string;
353
- ring: string;
354
- default: {
355
- size: string;
356
- };
357
- };
358
- export declare const input: {
359
- wrapper: string;
360
- base: string;
361
- rounded: string;
362
- placeholder: string;
363
- size: {
364
- '2xs': string;
365
- xs: string;
366
- sm: string;
367
- md: string;
368
- lg: string;
369
- xl: string;
370
- };
371
- gap: {
372
- '2xs': string;
373
- xs: string;
374
- sm: string;
375
- md: string;
376
- lg: string;
377
- xl: string;
378
- };
379
- padding: {
380
- '2xs': string;
381
- xs: string;
382
- sm: string;
383
- md: string;
384
- lg: string;
385
- xl: string;
386
- };
387
- leading: {
388
- padding: {
389
- '2xs': string;
390
- xs: string;
391
- sm: string;
392
- md: string;
393
- lg: string;
394
- xl: string;
395
- };
396
- };
397
- trailing: {
398
- padding: {
399
- '2xs': string;
400
- xs: string;
401
- sm: string;
402
- md: string;
403
- lg: string;
404
- xl: string;
405
- };
406
- };
407
- color: {
408
- white: {
409
- outline: string;
410
- };
411
- gray: {
412
- outline: string;
413
- };
414
- };
415
- variant: {
416
- outline: string;
417
- none: string;
418
- };
419
- icon: {
420
- base: string;
421
- color: string;
422
- size: {
423
- '2xs': string;
424
- xs: string;
425
- sm: string;
426
- md: string;
427
- lg: string;
428
- xl: string;
429
- };
430
- leading: {
431
- wrapper: string;
432
- pointer: string;
433
- padding: {
434
- '2xs': string;
435
- xs: string;
436
- sm: string;
437
- md: string;
438
- lg: string;
439
- xl: string;
440
- };
441
- };
442
- trailing: {
443
- wrapper: string;
444
- pointer: string;
445
- padding: {
446
- '2xs': string;
447
- xs: string;
448
- sm: string;
449
- md: string;
450
- lg: string;
451
- xl: string;
452
- };
453
- };
454
- };
455
- default: {
456
- size: string;
457
- color: string;
458
- variant: string;
459
- loadingIcon: string;
460
- };
461
- };
462
- export declare const formGroup: {
463
- wrapper: string;
464
- label: {
465
- wrapper: string;
466
- base: string;
467
- required: string;
468
- };
469
- size: {
470
- '2xs': string;
471
- xs: string;
472
- sm: string;
473
- md: string;
474
- lg: string;
475
- xl: string;
476
- };
477
- container: string;
478
- description: string;
479
- hint: string;
480
- help: string;
481
- error: string;
482
- default: {
483
- size: string;
484
- };
485
- };
486
- export declare const textarea: {
487
- default: {
488
- size: string;
489
- color: string;
490
- variant: string;
491
- };
492
- wrapper: string;
493
- base: string;
494
- rounded: string;
495
- placeholder: string;
496
- size: {
497
- '2xs': string;
498
- xs: string;
499
- sm: string;
500
- md: string;
501
- lg: string;
502
- xl: string;
503
- };
504
- gap: {
505
- '2xs': string;
506
- xs: string;
507
- sm: string;
508
- md: string;
509
- lg: string;
510
- xl: string;
511
- };
512
- padding: {
513
- '2xs': string;
514
- xs: string;
515
- sm: string;
516
- md: string;
517
- lg: string;
518
- xl: string;
519
- };
520
- leading: {
521
- padding: {
522
- '2xs': string;
523
- xs: string;
524
- sm: string;
525
- md: string;
526
- lg: string;
527
- xl: string;
528
- };
529
- };
530
- trailing: {
531
- padding: {
532
- '2xs': string;
533
- xs: string;
534
- sm: string;
535
- md: string;
536
- lg: string;
537
- xl: string;
538
- };
539
- };
540
- color: {
541
- white: {
542
- outline: string;
543
- };
544
- gray: {
545
- outline: string;
546
- };
547
- };
548
- variant: {
549
- outline: string;
550
- none: string;
551
- };
552
- icon: {
553
- base: string;
554
- color: string;
555
- size: {
556
- '2xs': string;
557
- xs: string;
558
- sm: string;
559
- md: string;
560
- lg: string;
561
- xl: string;
562
- };
563
- leading: {
564
- wrapper: string;
565
- pointer: string;
566
- padding: {
567
- '2xs': string;
568
- xs: string;
569
- sm: string;
570
- md: string;
571
- lg: string;
572
- xl: string;
573
- };
574
- };
575
- trailing: {
576
- wrapper: string;
577
- pointer: string;
578
- padding: {
579
- '2xs': string;
580
- xs: string;
581
- sm: string;
582
- md: string;
583
- lg: string;
584
- xl: string;
585
- };
586
- };
587
- };
588
- };
589
- export declare const select: {
590
- placeholder: string;
591
- default: {
592
- size: string;
593
- color: string;
594
- variant: string;
595
- loadingIcon: string;
596
- trailingIcon: string;
597
- };
598
- wrapper: string;
599
- base: string;
600
- rounded: string;
601
- size: {
602
- '2xs': string;
603
- xs: string;
604
- sm: string;
605
- md: string;
606
- lg: string;
607
- xl: string;
608
- };
609
- gap: {
610
- '2xs': string;
611
- xs: string;
612
- sm: string;
613
- md: string;
614
- lg: string;
615
- xl: string;
616
- };
617
- padding: {
618
- '2xs': string;
619
- xs: string;
620
- sm: string;
621
- md: string;
622
- lg: string;
623
- xl: string;
624
- };
625
- leading: {
626
- padding: {
627
- '2xs': string;
628
- xs: string;
629
- sm: string;
630
- md: string;
631
- lg: string;
632
- xl: string;
633
- };
634
- };
635
- trailing: {
636
- padding: {
637
- '2xs': string;
638
- xs: string;
639
- sm: string;
640
- md: string;
641
- lg: string;
642
- xl: string;
643
- };
644
- };
645
- color: {
646
- white: {
647
- outline: string;
648
- };
649
- gray: {
650
- outline: string;
651
- };
652
- };
653
- variant: {
654
- outline: string;
655
- none: string;
656
- };
657
- icon: {
658
- base: string;
659
- color: string;
660
- size: {
661
- '2xs': string;
662
- xs: string;
663
- sm: string;
664
- md: string;
665
- lg: string;
666
- xl: string;
667
- };
668
- leading: {
669
- wrapper: string;
670
- pointer: string;
671
- padding: {
672
- '2xs': string;
673
- xs: string;
674
- sm: string;
675
- md: string;
676
- lg: string;
677
- xl: string;
678
- };
679
- };
680
- trailing: {
681
- wrapper: string;
682
- pointer: string;
683
- padding: {
684
- '2xs': string;
685
- xs: string;
686
- sm: string;
687
- md: string;
688
- lg: string;
689
- xl: string;
690
- };
691
- };
692
- };
693
- };
694
- export declare const selectMenu: {
695
- container: string;
696
- width: string;
697
- height: string;
698
- base: string;
699
- background: string;
700
- shadow: string;
701
- rounded: string;
702
- padding: string;
703
- ring: string;
704
- input: string;
705
- option: {
706
- base: string;
707
- rounded: string;
708
- padding: string;
709
- size: string;
710
- color: string;
711
- container: string;
712
- active: string;
713
- inactive: string;
714
- selected: string;
715
- disabled: string;
716
- empty: string;
717
- icon: {
718
- base: string;
719
- active: string;
720
- inactive: string;
721
- };
722
- selectedIcon: {
723
- wrapper: string;
724
- padding: string;
725
- base: string;
726
- };
727
- avatar: {
728
- base: string;
729
- size: string;
730
- };
731
- chip: {
732
- base: string;
733
- };
734
- };
735
- transition: {
736
- leaveActiveClass: string;
737
- leaveFromClass: string;
738
- leaveToClass: string;
739
- };
740
- popper: {
741
- placement: string;
742
- };
743
- default: {
744
- selectedIcon: string;
745
- };
746
- };
747
- export declare const radio: {
748
- wrapper: string;
749
- base: string;
750
- color: string;
751
- background: string;
752
- border: string;
753
- ring: string;
754
- label: string;
755
- required: string;
756
- help: string;
757
- default: {
758
- color: string;
759
- };
760
- };
761
- export declare const checkbox: {
762
- wrapper: string;
763
- base: string;
764
- rounded: string;
765
- color: string;
766
- background: string;
767
- border: string;
768
- ring: string;
769
- label: string;
770
- required: string;
771
- help: string;
772
- default: {
773
- color: string;
774
- };
775
- };
776
- export declare const toggle: {
777
- base: string;
778
- rounded: string;
779
- ring: string;
780
- active: string;
781
- inactive: string;
782
- container: {
783
- base: string;
784
- active: string;
785
- inactive: string;
786
- };
787
- icon: {
788
- base: string;
789
- active: string;
790
- inactive: string;
791
- on: string;
792
- off: string;
793
- };
794
- default: {
795
- onIcon: null;
796
- offIcon: null;
797
- color: string;
798
- };
799
- };
800
- export declare const range: {
801
- wrapper: string;
802
- base: string;
803
- rounded: string;
804
- background: string;
805
- ring: string;
806
- progress: {
807
- base: string;
808
- rounded: string;
809
- background: string;
810
- size: {
811
- sm: string;
812
- md: string;
813
- lg: string;
814
- };
815
- };
816
- thumb: {
817
- base: string;
818
- color: string;
819
- background: string;
820
- ring: string;
821
- size: {
822
- sm: string;
823
- md: string;
824
- lg: string;
825
- };
826
- };
827
- track: {
828
- base: string;
829
- background: string;
830
- rounded: string;
831
- size: {
832
- sm: string;
833
- md: string;
834
- lg: string;
835
- };
836
- };
837
- size: {
838
- sm: string;
839
- md: string;
840
- lg: string;
841
- };
842
- default: {
843
- size: string;
844
- color: string;
845
- };
846
- };
847
- export declare const card: {
848
- base: string;
849
- background: string;
850
- divide: string;
851
- ring: string;
852
- rounded: string;
853
- shadow: string;
854
- body: {
855
- base: string;
856
- background: string;
857
- padding: string;
858
- };
859
- header: {
860
- base: string;
861
- background: string;
862
- padding: string;
863
- };
864
- footer: {
865
- base: string;
866
- background: string;
867
- padding: string;
868
- };
869
- };
870
- export declare const container: {
871
- base: string;
872
- padding: string;
873
- constrained: string;
874
- };
875
- export declare const skeleton: {
876
- base: string;
877
- background: string;
878
- rounded: string;
879
- };
880
- export declare const verticalNavigation: {
881
- wrapper: string;
882
- base: string;
883
- ring: string;
884
- padding: string;
885
- width: string;
886
- rounded: string;
887
- font: string;
888
- size: string;
889
- active: string;
890
- inactive: string;
891
- label: string;
892
- icon: {
893
- base: string;
894
- active: string;
895
- inactive: string;
896
- };
897
- avatar: {
898
- base: string;
899
- size: string;
900
- };
901
- badge: {
902
- base: string;
903
- active: string;
904
- inactive: string;
905
- };
906
- };
907
- export declare const commandPalette: {
908
- wrapper: string;
909
- container: string;
910
- input: {
911
- wrapper: string;
912
- base: string;
913
- padding: string;
914
- height: string;
915
- size: string;
916
- icon: {
917
- base: string;
918
- size: string;
919
- padding: string;
920
- };
921
- closeButton: string;
922
- };
923
- emptyState: {
924
- wrapper: string;
925
- label: string;
926
- queryLabel: string;
927
- icon: string;
928
- };
929
- group: {
930
- wrapper: string;
931
- label: string;
932
- container: string;
933
- command: {
934
- base: string;
935
- active: string;
936
- inactive: string;
937
- label: string;
938
- prefix: string;
939
- suffix: string;
940
- container: string;
941
- icon: {
942
- base: string;
943
- active: string;
944
- inactive: string;
945
- };
946
- selectedIcon: {
947
- base: string;
948
- };
949
- avatar: {
950
- base: string;
951
- size: "3xs";
952
- };
953
- chip: {
954
- base: string;
955
- };
956
- disabled: string;
957
- shortcuts: string;
958
- };
959
- active: string;
960
- inactive: string;
961
- };
962
- default: {
963
- icon: string;
964
- loadingIcon: string;
965
- emptyState: {
966
- icon: string;
967
- label: string;
968
- queryLabel: string;
969
- };
970
- closeButton: null;
971
- selectedIcon: string;
972
- };
973
- };
974
- export declare const pagination: {
975
- wrapper: string;
976
- base: string;
977
- rounded: string;
978
- default: {
979
- size: string;
980
- activeButton: {
981
- color: string;
982
- };
983
- inactiveButton: {
984
- color: string;
985
- };
986
- prevButton: {
987
- color: string;
988
- class: string;
989
- icon: string;
990
- };
991
- nextButton: {
992
- color: string;
993
- class: string;
994
- icon: string;
995
- };
996
- };
997
- };
998
- export declare const tabs: {
999
- wrapper: string;
1000
- container: string;
1001
- base: string;
1002
- list: {
1003
- base: string;
1004
- background: string;
1005
- rounded: string;
1006
- shadow: string;
1007
- padding: string;
1008
- height: string;
1009
- width: string;
1010
- marker: {
1011
- wrapper: string;
1012
- base: string;
1013
- background: string;
1014
- rounded: string;
1015
- shadow: string;
1016
- };
1017
- tab: {
1018
- base: string;
1019
- background: string;
1020
- active: string;
1021
- inactive: string;
1022
- height: string;
1023
- padding: string;
1024
- size: string;
1025
- font: string;
1026
- rounded: string;
1027
- shadow: string;
1028
- };
1029
- };
1030
- };
1031
- export declare const modal: {
1032
- wrapper: string;
1033
- inner: string;
1034
- container: string;
1035
- padding: string;
1036
- margin: string;
1037
- base: string;
1038
- overlay: {
1039
- base: string;
1040
- background: string;
1041
- transition: {
1042
- enter: string;
1043
- enterFrom: string;
1044
- enterTo: string;
1045
- leave: string;
1046
- leaveFrom: string;
1047
- leaveTo: string;
1048
- };
1049
- };
1050
- background: string;
1051
- ring: string;
1052
- rounded: string;
1053
- shadow: string;
1054
- width: string;
1055
- height: string;
1056
- transition: {
1057
- enter: string;
1058
- enterFrom: string;
1059
- enterTo: string;
1060
- leave: string;
1061
- leaveFrom: string;
1062
- leaveTo: string;
1063
- };
1064
- };
1065
- export declare const slideover: {
1066
- wrapper: string;
1067
- overlay: {
1068
- base: string;
1069
- background: string;
1070
- transition: {
1071
- enter: string;
1072
- enterFrom: string;
1073
- enterTo: string;
1074
- leave: string;
1075
- leaveFrom: string;
1076
- leaveTo: string;
1077
- };
1078
- };
1079
- base: string;
1080
- background: string;
1081
- ring: string;
1082
- rounded: string;
1083
- padding: string;
1084
- shadow: string;
1085
- width: string;
1086
- transition: {
1087
- enter: string;
1088
- leave: string;
1089
- };
1090
- };
1091
- export declare const tooltip: {
1092
- wrapper: string;
1093
- container: string;
1094
- width: string;
1095
- background: string;
1096
- color: string;
1097
- shadow: string;
1098
- rounded: string;
1099
- ring: string;
1100
- base: string;
1101
- shortcuts: string;
1102
- transition: {
1103
- enterActiveClass: string;
1104
- enterFromClass: string;
1105
- enterToClass: string;
1106
- leaveActiveClass: string;
1107
- leaveFromClass: string;
1108
- leaveToClass: string;
1109
- };
1110
- popper: {
1111
- strategy: string;
1112
- };
1113
- };
1114
- export declare const popover: {
1115
- wrapper: string;
1116
- container: string;
1117
- width: string;
1118
- background: string;
1119
- shadow: string;
1120
- rounded: string;
1121
- ring: string;
1122
- base: string;
1123
- transition: {
1124
- enterActiveClass: string;
1125
- enterFromClass: string;
1126
- enterToClass: string;
1127
- leaveActiveClass: string;
1128
- leaveFromClass: string;
1129
- leaveToClass: string;
1130
- };
1131
- popper: {
1132
- strategy: string;
1133
- };
1134
- };
1135
- export declare const contextMenu: {
1136
- wrapper: string;
1137
- container: string;
1138
- width: string;
1139
- background: string;
1140
- shadow: string;
1141
- rounded: string;
1142
- ring: string;
1143
- base: string;
1144
- transition: {
1145
- enterActiveClass: string;
1146
- enterFromClass: string;
1147
- enterToClass: string;
1148
- leaveActiveClass: string;
1149
- leaveFromClass: string;
1150
- leaveToClass: string;
1151
- };
1152
- popper: {
1153
- placement: string;
1154
- scroll: boolean;
1155
- };
1156
- };
1157
- export declare const notification: {
1158
- wrapper: string;
1159
- container: string;
1160
- title: string;
1161
- description: string;
1162
- background: string;
1163
- shadow: string;
1164
- rounded: string;
1165
- padding: string;
1166
- ring: string;
1167
- icon: {
1168
- base: string;
1169
- color: string;
1170
- };
1171
- avatar: {
1172
- base: string;
1173
- size: "md";
1174
- };
1175
- progress: {
1176
- base: string;
1177
- background: string;
1178
- };
1179
- transition: {
1180
- enterActiveClass: string;
1181
- enterFromClass: string;
1182
- enterToClass: string;
1183
- leaveActiveClass: string;
1184
- leaveFromClass: string;
1185
- leaveToClass: string;
1186
- };
1187
- default: {
1188
- color: string;
1189
- icon: null;
1190
- closeButton: {
1191
- icon: string;
1192
- color: string;
1193
- variant: string;
1194
- padded: boolean;
1195
- };
1196
- actionButton: {
1197
- size: string;
1198
- color: string;
1199
- };
1200
- };
1201
- };
1202
- export declare const notifications: {
1203
- wrapper: string;
1204
- position: string;
1205
- width: string;
1206
- container: string;
1207
- };