@nuxt/ui 3.0.0-alpha.10 → 3.0.0-alpha.12

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 (191) hide show
  1. package/.nuxt/ui/alert.ts +76 -59
  2. package/.nuxt/ui/avatar-group.ts +13 -1
  3. package/.nuxt/ui/avatar.ts +14 -2
  4. package/.nuxt/ui/badge.ts +102 -65
  5. package/.nuxt/ui/button-group.ts +13 -0
  6. package/.nuxt/ui/button.ts +124 -93
  7. package/.nuxt/ui/calendar.ts +20 -2
  8. package/.nuxt/ui/carousel.ts +5 -3
  9. package/.nuxt/ui/checkbox.ts +27 -9
  10. package/.nuxt/ui/chip.ts +36 -7
  11. package/.nuxt/ui/color-picker.ts +9 -1
  12. package/.nuxt/ui/context-menu.ts +31 -13
  13. package/.nuxt/ui/drawer.ts +11 -4
  14. package/.nuxt/ui/dropdown-menu.ts +31 -13
  15. package/.nuxt/ui/form-field.ts +9 -1
  16. package/.nuxt/ui/input-menu.ts +110 -75
  17. package/.nuxt/ui/input-number.ts +82 -51
  18. package/.nuxt/ui/input.ts +88 -53
  19. package/.nuxt/ui/kbd.ts +14 -2
  20. package/.nuxt/ui/navigation-menu.ts +193 -79
  21. package/.nuxt/ui/pin-input.ts +57 -31
  22. package/.nuxt/ui/popover.ts +1 -1
  23. package/.nuxt/ui/progress.ts +93 -54
  24. package/.nuxt/ui/radio-group.ts +25 -2
  25. package/.nuxt/ui/select-menu.ts +89 -54
  26. package/.nuxt/ui/select.ts +89 -54
  27. package/.nuxt/ui/separator.ts +52 -23
  28. package/.nuxt/ui/slideover.ts +11 -4
  29. package/.nuxt/ui/slider.ts +45 -22
  30. package/.nuxt/ui/stepper.ts +45 -23
  31. package/.nuxt/ui/switch.ts +20 -2
  32. package/.nuxt/ui/table.ts +30 -13
  33. package/.nuxt/ui/tabs.ts +67 -39
  34. package/.nuxt/ui/textarea.ts +88 -53
  35. package/.nuxt/ui/toast.ts +11 -1
  36. package/.nuxt/ui/toaster.ts +27 -11
  37. package/.nuxt/ui/tooltip.ts +1 -1
  38. package/README.md +8 -1
  39. package/cli/commands/make/component.mjs +12 -0
  40. package/cli/package.json +2 -2
  41. package/cli/templates.mjs +21 -16
  42. package/dist/chunks/component-meta.cjs +2590 -2511
  43. package/dist/chunks/component-meta.mjs +2590 -2511
  44. package/dist/client/devtools/200.html +1 -1
  45. package/dist/client/devtools/404.html +1 -1
  46. package/dist/client/devtools/_nuxt/CgoQwOTV.js +57 -0
  47. package/dist/client/devtools/_nuxt/DLmPhbaq.js +1 -0
  48. package/dist/client/devtools/_nuxt/DYuJNiSW.js +1 -0
  49. package/dist/client/devtools/_nuxt/builds/latest.json +1 -1
  50. package/dist/client/devtools/_nuxt/builds/meta/3184ffe2-7577-4441-af98-fe6e81c30e3a.json +1 -0
  51. package/dist/client/devtools/_nuxt/entry.ChJczkiN.css +1 -0
  52. package/dist/client/devtools/_nuxt/error-404.DyY3rYaL.css +1 -0
  53. package/dist/client/devtools/_nuxt/error-500.D_1PCaJh.css +1 -0
  54. package/dist/client/devtools/index.html +1 -1
  55. package/dist/module.cjs +1 -1
  56. package/dist/module.json +1 -1
  57. package/dist/module.mjs +1 -1
  58. package/dist/runtime/components/Accordion.vue +4 -3
  59. package/dist/runtime/components/Alert.vue +5 -4
  60. package/dist/runtime/components/Avatar.vue +35 -13
  61. package/dist/runtime/components/AvatarGroup.vue +4 -3
  62. package/dist/runtime/components/Badge.vue +4 -3
  63. package/dist/runtime/components/Breadcrumb.vue +3 -3
  64. package/dist/runtime/components/Button.vue +4 -3
  65. package/dist/runtime/components/ButtonGroup.vue +4 -3
  66. package/dist/runtime/components/Calendar.vue +6 -3
  67. package/dist/runtime/components/Card.vue +3 -3
  68. package/dist/runtime/components/Carousel.vue +4 -3
  69. package/dist/runtime/components/Checkbox.vue +6 -5
  70. package/dist/runtime/components/Chip.vue +5 -4
  71. package/dist/runtime/components/Collapsible.vue +6 -4
  72. package/dist/runtime/components/ColorPicker.vue +48 -16
  73. package/dist/runtime/components/CommandPalette.vue +14 -7
  74. package/dist/runtime/components/Container.vue +3 -3
  75. package/dist/runtime/components/ContextMenu.vue +4 -3
  76. package/dist/runtime/components/ContextMenuContent.vue +4 -4
  77. package/dist/runtime/components/Drawer.vue +9 -4
  78. package/dist/runtime/components/DropdownMenu.vue +4 -3
  79. package/dist/runtime/components/DropdownMenuContent.vue +4 -4
  80. package/dist/runtime/components/Form.vue +59 -29
  81. package/dist/runtime/components/FormField.vue +14 -7
  82. package/dist/runtime/components/Input.vue +7 -5
  83. package/dist/runtime/components/InputMenu.vue +19 -7
  84. package/dist/runtime/components/InputNumber.vue +9 -5
  85. package/dist/runtime/components/Kbd.vue +4 -3
  86. package/dist/runtime/components/Link.vue +3 -3
  87. package/dist/runtime/components/Modal.vue +10 -15
  88. package/dist/runtime/components/NavigationMenu.vue +97 -69
  89. package/dist/runtime/components/Pagination.vue +3 -3
  90. package/dist/runtime/components/PinInput.vue +9 -7
  91. package/dist/runtime/components/Popover.vue +9 -8
  92. package/dist/runtime/components/Progress.vue +6 -5
  93. package/dist/runtime/components/RadioGroup.vue +6 -5
  94. package/dist/runtime/components/Select.vue +12 -9
  95. package/dist/runtime/components/SelectMenu.vue +25 -8
  96. package/dist/runtime/components/Separator.vue +4 -3
  97. package/dist/runtime/components/Skeleton.vue +3 -3
  98. package/dist/runtime/components/Slideover.vue +10 -14
  99. package/dist/runtime/components/Slider.vue +6 -5
  100. package/dist/runtime/components/Stepper.vue +8 -6
  101. package/dist/runtime/components/Switch.vue +6 -5
  102. package/dist/runtime/components/Table.vue +4 -3
  103. package/dist/runtime/components/Tabs.vue +5 -3
  104. package/dist/runtime/components/Textarea.vue +7 -5
  105. package/dist/runtime/components/Toast.vue +4 -3
  106. package/dist/runtime/components/Toaster.vue +4 -3
  107. package/dist/runtime/components/Tooltip.vue +3 -3
  108. package/dist/runtime/composables/defineShortcuts.js +1 -1
  109. package/dist/runtime/composables/useFormField.d.ts +7 -3
  110. package/dist/runtime/composables/useFormField.js +18 -8
  111. package/dist/runtime/composables/useToast.d.ts +1 -1
  112. package/dist/runtime/composables/useToast.js +21 -7
  113. package/dist/runtime/index.css +1 -1
  114. package/dist/runtime/locale/ar.js +3 -1
  115. package/dist/runtime/locale/cs.js +3 -1
  116. package/dist/runtime/locale/da.js +54 -0
  117. package/dist/runtime/locale/de.js +3 -1
  118. package/dist/runtime/locale/el.js +54 -0
  119. package/dist/runtime/locale/en.js +3 -1
  120. package/dist/runtime/locale/es.js +5 -3
  121. package/dist/runtime/locale/et.d.ts +2 -0
  122. package/dist/runtime/locale/et.js +54 -0
  123. package/dist/runtime/locale/fa_ir.js +3 -1
  124. package/dist/runtime/locale/fi.d.ts +2 -0
  125. package/dist/runtime/locale/fi.js +54 -0
  126. package/dist/runtime/locale/fr.js +3 -1
  127. package/dist/runtime/locale/he.d.ts +2 -0
  128. package/dist/runtime/locale/he.js +53 -0
  129. package/dist/runtime/locale/hi.d.ts +2 -0
  130. package/dist/runtime/locale/hi.js +54 -0
  131. package/dist/runtime/locale/hu.d.ts +2 -0
  132. package/dist/runtime/locale/hu.js +54 -0
  133. package/dist/runtime/locale/id.d.ts +2 -0
  134. package/dist/runtime/locale/id.js +54 -0
  135. package/dist/runtime/locale/index.d.ts +14 -2
  136. package/dist/runtime/locale/index.js +14 -2
  137. package/dist/runtime/locale/it.js +3 -1
  138. package/dist/runtime/locale/ja.js +3 -1
  139. package/dist/runtime/locale/km.d.ts +2 -0
  140. package/dist/runtime/locale/km.js +54 -0
  141. package/dist/runtime/locale/ko.js +3 -1
  142. package/dist/runtime/locale/nb_no.d.ts +2 -0
  143. package/dist/runtime/locale/nb_no.js +54 -0
  144. package/dist/runtime/locale/nl.js +3 -1
  145. package/dist/runtime/locale/pl.js +3 -1
  146. package/dist/runtime/locale/pt.js +3 -1
  147. package/dist/runtime/locale/pt_br.js +3 -1
  148. package/dist/runtime/locale/ru.js +3 -1
  149. package/dist/runtime/locale/sk.js +3 -1
  150. package/dist/runtime/locale/sv.d.ts +2 -0
  151. package/dist/runtime/locale/sv.js +54 -0
  152. package/dist/runtime/locale/th.d.ts +2 -0
  153. package/dist/runtime/locale/th.js +54 -0
  154. package/dist/runtime/locale/tr.js +3 -1
  155. package/dist/runtime/locale/uk.d.ts +2 -0
  156. package/dist/runtime/locale/uk.js +54 -0
  157. package/dist/runtime/locale/vi.d.ts +2 -0
  158. package/dist/runtime/locale/vi.js +54 -0
  159. package/dist/runtime/locale/zh_cn.d.ts +2 -0
  160. package/dist/runtime/locale/{zh_hans.js → zh_cn.js} +4 -2
  161. package/dist/runtime/locale/zh_tw.d.ts +2 -0
  162. package/dist/runtime/locale/{zh_hant.js → zh_tw.js} +12 -10
  163. package/dist/runtime/plugins/colors.js +7 -4
  164. package/dist/runtime/types/form.d.ts +23 -14
  165. package/dist/runtime/types/form.js +2 -2
  166. package/dist/runtime/types/locale.d.ts +2 -0
  167. package/dist/runtime/utils/form.d.ts +2 -2
  168. package/dist/runtime/utils/form.js +5 -7
  169. package/dist/runtime/utils/tv.d.ts +1 -0
  170. package/dist/runtime/utils/tv.js +4 -0
  171. package/dist/runtime/vue/components/Icon.vue +2 -2
  172. package/dist/runtime/vue/components/Link.vue +2 -2
  173. package/dist/runtime/vue/plugins/head.d.ts +1 -1
  174. package/dist/runtime/vue/plugins/head.js +3 -3
  175. package/dist/shared/{ui.D_93iuwH.mjs → ui.CENZ17mM.mjs} +131 -48
  176. package/dist/shared/{ui.CwmIkD_Y.cjs → ui.ClMXjgLK.cjs} +131 -48
  177. package/dist/unplugin.cjs +5 -5
  178. package/dist/unplugin.mjs +5 -5
  179. package/dist/vite.cjs +1 -1
  180. package/dist/vite.mjs +1 -1
  181. package/package.json +55 -51
  182. package/dist/client/devtools/_nuxt/B1fTd_Rf.js +0 -1
  183. package/dist/client/devtools/_nuxt/CSUxkedg.js +0 -1
  184. package/dist/client/devtools/_nuxt/CbRTGpb7.js +0 -1
  185. package/dist/client/devtools/_nuxt/YQTlxbcT.js +0 -53
  186. package/dist/client/devtools/_nuxt/builds/meta/b3465abc-0a92-4ee7-ba6b-e5174891fcc0.json +0 -1
  187. package/dist/client/devtools/_nuxt/entry.DXXceQev.css +0 -1
  188. package/dist/client/devtools/_nuxt/error-404.BJpkZFyY.css +0 -1
  189. package/dist/client/devtools/_nuxt/error-500.D3i9VDlt.css +0 -1
  190. /package/dist/runtime/locale/{zh_hans.d.ts → da.d.ts} +0 -0
  191. /package/dist/runtime/locale/{zh_hant.d.ts → el.d.ts} +0 -0
package/.nuxt/ui/input-menu.ts CHANGED
@@ -1,3 +1,38 @@
1
+ const buttonGroup = [
2
+ "horizontal",
3
+ "vertical"
4
+ ] as const
5
+
6
+ const size = [
7
+ "xs",
8
+ "sm",
9
+ "md",
10
+ "lg",
11
+ "xl"
12
+ ] as const
13
+
14
+ const variant = [
15
+ "outline",
16
+ "soft",
17
+ "subtle",
18
+ "ghost",
19
+ "none"
20
+ ] as const
21
+
22
+ const color = [
23
+ "primary",
24
+ "secondary",
25
+ "success",
26
+ "info",
27
+ "warning",
28
+ "error",
29
+ "neutral"
30
+ ] as const
31
+
32
+ const type = [
33
+ "file"
34
+ ] as const
35
+
1
36
  export default {
2
37
  "slots": {
3
38
  "root": "relative inline-flex items-center",
@@ -5,14 +40,14 @@ export default {
5
40
  "rounded-[calc(var(--ui-radius)*1.5)]",
6
41
  "transition-colors"
7
42
  ],
8
- "leading": "absolute inset-y-0 start-0 flex items-center" as const,
43
+ "leading": "absolute inset-y-0 start-0 flex items-center",
9
44
  "leadingIcon": "shrink-0 text-[var(--ui-text-dimmed)]",
10
45
  "leadingAvatar": "shrink-0",
11
46
  "leadingAvatarSize": "",
12
- "trailing": "group absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75" as const,
47
+ "trailing": "group absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75",
13
48
  "trailingIcon": "shrink-0 text-[var(--ui-text-dimmed)]",
14
49
  "arrow": "fill-[var(--ui-border)]",
15
- "content": "max-h-60 w-[var(--reka-popper-anchor-width)] bg-[var(--ui-bg)] shadow-lg rounded-[calc(var(--ui-radius)*1.5)] ring ring-[var(--ui-border)] overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
50
+ "content": "max-h-60 w-[var(--reka-popper-anchor-width)] bg-[var(--ui-bg)] shadow-lg rounded-[calc(var(--ui-radius)*1.5)] ring ring-[var(--ui-border)] overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
16
51
  "viewport": "divide-y divide-[var(--ui-border)] scroll-py-1",
17
52
  "group": "p-1 isolate",
18
53
  "empty": "py-2 text-center text-sm text-[var(--ui-text-muted)]",
@@ -56,8 +91,8 @@ export default {
56
91
  "size": {
57
92
  "xs": {
58
93
  "base": "px-2 py-1 text-xs gap-1",
59
- "leading": "ps-2" as const,
60
- "trailing": "pe-2" as const,
94
+ "leading": "ps-2",
95
+ "trailing": "pe-2",
61
96
  "leadingIcon": "size-4",
62
97
  "leadingAvatarSize": "3xs",
63
98
  "trailingIcon": "size-4",
@@ -73,8 +108,8 @@ export default {
73
108
  },
74
109
  "sm": {
75
110
  "base": "px-2.5 py-1.5 text-xs gap-1.5",
76
- "leading": "ps-2.5" as const,
77
- "trailing": "pe-2.5" as const,
111
+ "leading": "ps-2.5",
112
+ "trailing": "pe-2.5",
78
113
  "leadingIcon": "size-4",
79
114
  "leadingAvatarSize": "3xs",
80
115
  "trailingIcon": "size-4",
@@ -90,8 +125,8 @@ export default {
90
125
  },
91
126
  "md": {
92
127
  "base": "px-2.5 py-1.5 text-sm gap-1.5",
93
- "leading": "ps-2.5" as const,
94
- "trailing": "pe-2.5" as const,
128
+ "leading": "ps-2.5",
129
+ "trailing": "pe-2.5",
95
130
  "leadingIcon": "size-5",
96
131
  "leadingAvatarSize": "2xs",
97
132
  "trailingIcon": "size-5",
@@ -107,8 +142,8 @@ export default {
107
142
  },
108
143
  "lg": {
109
144
  "base": "px-3 py-2 text-sm gap-2",
110
- "leading": "ps-3" as const,
111
- "trailing": "pe-3" as const,
145
+ "leading": "ps-3",
146
+ "trailing": "pe-3",
112
147
  "leadingIcon": "size-5",
113
148
  "leadingAvatarSize": "2xs",
114
149
  "trailingIcon": "size-5",
@@ -124,8 +159,8 @@ export default {
124
159
  },
125
160
  "xl": {
126
161
  "base": "px-3 py-2 text-base gap-2",
127
- "leading": "ps-3" as const,
128
- "trailing": "pe-3" as const,
162
+ "leading": "ps-3",
163
+ "trailing": "pe-3",
129
164
  "leadingIcon": "size-6",
130
165
  "leadingAvatarSize": "xs",
131
166
  "trailingIcon": "size-6",
@@ -183,207 +218,207 @@ export default {
183
218
  },
184
219
  "compoundVariants": [
185
220
  {
186
- "color": "primary" as const,
221
+ "color": "primary" as typeof color[number],
187
222
  "multiple": true,
188
223
  "variant": [
189
- "outline" as const,
190
- "subtle" as const
224
+ "outline" as typeof variant[number],
225
+ "subtle" as typeof variant[number]
191
226
  ],
192
227
  "class": "has-focus-visible:ring-2 has-focus-visible:ring-[var(--ui-primary)]"
193
228
  },
194
229
  {
195
- "color": "secondary" as const,
230
+ "color": "secondary" as typeof color[number],
196
231
  "multiple": true,
197
232
  "variant": [
198
- "outline" as const,
199
- "subtle" as const
233
+ "outline" as typeof variant[number],
234
+ "subtle" as typeof variant[number]
200
235
  ],
201
236
  "class": "has-focus-visible:ring-2 has-focus-visible:ring-[var(--ui-secondary)]"
202
237
  },
203
238
  {
204
- "color": "success" as const,
239
+ "color": "success" as typeof color[number],
205
240
  "multiple": true,
206
241
  "variant": [
207
- "outline" as const,
208
- "subtle" as const
242
+ "outline" as typeof variant[number],
243
+ "subtle" as typeof variant[number]
209
244
  ],
210
245
  "class": "has-focus-visible:ring-2 has-focus-visible:ring-[var(--ui-success)]"
211
246
  },
212
247
  {
213
- "color": "info" as const,
248
+ "color": "info" as typeof color[number],
214
249
  "multiple": true,
215
250
  "variant": [
216
- "outline" as const,
217
- "subtle" as const
251
+ "outline" as typeof variant[number],
252
+ "subtle" as typeof variant[number]
218
253
  ],
219
254
  "class": "has-focus-visible:ring-2 has-focus-visible:ring-[var(--ui-info)]"
220
255
  },
221
256
  {
222
- "color": "warning" as const,
257
+ "color": "warning" as typeof color[number],
223
258
  "multiple": true,
224
259
  "variant": [
225
- "outline" as const,
226
- "subtle" as const
260
+ "outline" as typeof variant[number],
261
+ "subtle" as typeof variant[number]
227
262
  ],
228
263
  "class": "has-focus-visible:ring-2 has-focus-visible:ring-[var(--ui-warning)]"
229
264
  },
230
265
  {
231
- "color": "error" as const,
266
+ "color": "error" as typeof color[number],
232
267
  "multiple": true,
233
268
  "variant": [
234
- "outline" as const,
235
- "subtle" as const
269
+ "outline" as typeof variant[number],
270
+ "subtle" as typeof variant[number]
236
271
  ],
237
272
  "class": "has-focus-visible:ring-2 has-focus-visible:ring-[var(--ui-error)]"
238
273
  },
239
274
  {
240
- "color": "neutral" as const,
275
+ "color": "neutral" as typeof color[number],
241
276
  "multiple": true,
242
277
  "variant": [
243
- "outline" as const,
244
- "subtle" as const
278
+ "outline" as typeof variant[number],
279
+ "subtle" as typeof variant[number]
245
280
  ],
246
281
  "class": "has-focus-visible:ring-2 has-focus-visible:ring-[var(--ui-border-inverted)]"
247
282
  },
248
283
  {
249
- "color": "primary" as const,
284
+ "color": "primary" as typeof color[number],
250
285
  "variant": [
251
- "outline" as const,
252
- "subtle" as const
286
+ "outline" as typeof variant[number],
287
+ "subtle" as typeof variant[number]
253
288
  ],
254
289
  "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-primary)]"
255
290
  },
256
291
  {
257
- "color": "secondary" as const,
292
+ "color": "secondary" as typeof color[number],
258
293
  "variant": [
259
- "outline" as const,
260
- "subtle" as const
294
+ "outline" as typeof variant[number],
295
+ "subtle" as typeof variant[number]
261
296
  ],
262
297
  "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-secondary)]"
263
298
  },
264
299
  {
265
- "color": "success" as const,
300
+ "color": "success" as typeof color[number],
266
301
  "variant": [
267
- "outline" as const,
268
- "subtle" as const
302
+ "outline" as typeof variant[number],
303
+ "subtle" as typeof variant[number]
269
304
  ],
270
305
  "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-success)]"
271
306
  },
272
307
  {
273
- "color": "info" as const,
308
+ "color": "info" as typeof color[number],
274
309
  "variant": [
275
- "outline" as const,
276
- "subtle" as const
310
+ "outline" as typeof variant[number],
311
+ "subtle" as typeof variant[number]
277
312
  ],
278
313
  "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-info)]"
279
314
  },
280
315
  {
281
- "color": "warning" as const,
316
+ "color": "warning" as typeof color[number],
282
317
  "variant": [
283
- "outline" as const,
284
- "subtle" as const
318
+ "outline" as typeof variant[number],
319
+ "subtle" as typeof variant[number]
285
320
  ],
286
321
  "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-warning)]"
287
322
  },
288
323
  {
289
- "color": "error" as const,
324
+ "color": "error" as typeof color[number],
290
325
  "variant": [
291
- "outline" as const,
292
- "subtle" as const
326
+ "outline" as typeof variant[number],
327
+ "subtle" as typeof variant[number]
293
328
  ],
294
329
  "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-error)]"
295
330
  },
296
331
  {
297
- "color": "primary" as const,
332
+ "color": "primary" as typeof color[number],
298
333
  "highlight": true,
299
334
  "class": "ring ring-inset ring-[var(--ui-primary)]"
300
335
  },
301
336
  {
302
- "color": "secondary" as const,
337
+ "color": "secondary" as typeof color[number],
303
338
  "highlight": true,
304
339
  "class": "ring ring-inset ring-[var(--ui-secondary)]"
305
340
  },
306
341
  {
307
- "color": "success" as const,
342
+ "color": "success" as typeof color[number],
308
343
  "highlight": true,
309
344
  "class": "ring ring-inset ring-[var(--ui-success)]"
310
345
  },
311
346
  {
312
- "color": "info" as const,
347
+ "color": "info" as typeof color[number],
313
348
  "highlight": true,
314
349
  "class": "ring ring-inset ring-[var(--ui-info)]"
315
350
  },
316
351
  {
317
- "color": "warning" as const,
352
+ "color": "warning" as typeof color[number],
318
353
  "highlight": true,
319
354
  "class": "ring ring-inset ring-[var(--ui-warning)]"
320
355
  },
321
356
  {
322
- "color": "error" as const,
357
+ "color": "error" as typeof color[number],
323
358
  "highlight": true,
324
359
  "class": "ring ring-inset ring-[var(--ui-error)]"
325
360
  },
326
361
  {
327
- "color": "neutral" as const,
362
+ "color": "neutral" as typeof color[number],
328
363
  "variant": [
329
- "outline" as const,
330
- "subtle" as const
364
+ "outline" as typeof variant[number],
365
+ "subtle" as typeof variant[number]
331
366
  ],
332
367
  "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-border-inverted)]"
333
368
  },
334
369
  {
335
- "color": "neutral" as const,
370
+ "color": "neutral" as typeof color[number],
336
371
  "highlight": true,
337
372
  "class": "ring ring-inset ring-[var(--ui-border-inverted)]"
338
373
  },
339
374
  {
340
375
  "leading": true,
341
- "size": "xs" as const,
376
+ "size": "xs" as typeof size[number],
342
377
  "class": "ps-7"
343
378
  },
344
379
  {
345
380
  "leading": true,
346
- "size": "sm" as const,
381
+ "size": "sm" as typeof size[number],
347
382
  "class": "ps-8"
348
383
  },
349
384
  {
350
385
  "leading": true,
351
- "size": "md" as const,
386
+ "size": "md" as typeof size[number],
352
387
  "class": "ps-9"
353
388
  },
354
389
  {
355
390
  "leading": true,
356
- "size": "lg" as const,
391
+ "size": "lg" as typeof size[number],
357
392
  "class": "ps-10"
358
393
  },
359
394
  {
360
395
  "leading": true,
361
- "size": "xl" as const,
396
+ "size": "xl" as typeof size[number],
362
397
  "class": "ps-11"
363
398
  },
364
399
  {
365
400
  "trailing": true,
366
- "size": "xs" as const,
401
+ "size": "xs" as typeof size[number],
367
402
  "class": "pe-7"
368
403
  },
369
404
  {
370
405
  "trailing": true,
371
- "size": "sm" as const,
406
+ "size": "sm" as typeof size[number],
372
407
  "class": "pe-8"
373
408
  },
374
409
  {
375
410
  "trailing": true,
376
- "size": "md" as const,
411
+ "size": "md" as typeof size[number],
377
412
  "class": "pe-9"
378
413
  },
379
414
  {
380
415
  "trailing": true,
381
- "size": "lg" as const,
416
+ "size": "lg" as typeof size[number],
382
417
  "class": "pe-10"
383
418
  },
384
419
  {
385
420
  "trailing": true,
386
- "size": "xl" as const,
421
+ "size": "xl" as typeof size[number],
387
422
  "class": "pe-11"
388
423
  },
389
424
  {
@@ -403,8 +438,8 @@ export default {
403
438
  }
404
439
  ],
405
440
  "defaultVariants": {
406
- "size": "md" as const,
407
- "color": "primary" as const,
408
- "variant": "outline" as const
441
+ "size": "md" as typeof size[number],
442
+ "color": "primary" as typeof color[number],
443
+ "variant": "outline" as typeof variant[number]
409
444
  }
410
445
  }
package/.nuxt/ui/input-number.ts CHANGED
@@ -1,3 +1,34 @@
1
+ const color = [
2
+ "primary",
3
+ "secondary",
4
+ "success",
5
+ "info",
6
+ "warning",
7
+ "error",
8
+ "neutral"
9
+ ] as const
10
+
11
+ const size = [
12
+ "xs",
13
+ "sm",
14
+ "md",
15
+ "lg",
16
+ "xl"
17
+ ] as const
18
+
19
+ const variant = [
20
+ "outline",
21
+ "soft",
22
+ "subtle",
23
+ "ghost",
24
+ "none"
25
+ ] as const
26
+
27
+ const orientation = [
28
+ "horizontal",
29
+ "vertical"
30
+ ] as const
31
+
1
32
  export default {
2
33
  "slots": {
3
34
  "root": "relative inline-flex items-center",
@@ -55,150 +86,150 @@ export default {
55
86
  },
56
87
  "compoundVariants": [
57
88
  {
58
- "color": "primary" as const,
89
+ "color": "primary" as typeof color[number],
59
90
  "variant": [
60
- "outline" as const,
61
- "subtle" as const
91
+ "outline" as typeof variant[number],
92
+ "subtle" as typeof variant[number]
62
93
  ],
63
94
  "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-primary)]"
64
95
  },
65
96
  {
66
- "color": "secondary" as const,
97
+ "color": "secondary" as typeof color[number],
67
98
  "variant": [
68
- "outline" as const,
69
- "subtle" as const
99
+ "outline" as typeof variant[number],
100
+ "subtle" as typeof variant[number]
70
101
  ],
71
102
  "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-secondary)]"
72
103
  },
73
104
  {
74
- "color": "success" as const,
105
+ "color": "success" as typeof color[number],
75
106
  "variant": [
76
- "outline" as const,
77
- "subtle" as const
107
+ "outline" as typeof variant[number],
108
+ "subtle" as typeof variant[number]
78
109
  ],
79
110
  "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-success)]"
80
111
  },
81
112
  {
82
- "color": "info" as const,
113
+ "color": "info" as typeof color[number],
83
114
  "variant": [
84
- "outline" as const,
85
- "subtle" as const
115
+ "outline" as typeof variant[number],
116
+ "subtle" as typeof variant[number]
86
117
  ],
87
118
  "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-info)]"
88
119
  },
89
120
  {
90
- "color": "warning" as const,
121
+ "color": "warning" as typeof color[number],
91
122
  "variant": [
92
- "outline" as const,
93
- "subtle" as const
123
+ "outline" as typeof variant[number],
124
+ "subtle" as typeof variant[number]
94
125
  ],
95
126
  "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-warning)]"
96
127
  },
97
128
  {
98
- "color": "error" as const,
129
+ "color": "error" as typeof color[number],
99
130
  "variant": [
100
- "outline" as const,
101
- "subtle" as const
131
+ "outline" as typeof variant[number],
132
+ "subtle" as typeof variant[number]
102
133
  ],
103
134
  "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-error)]"
104
135
  },
105
136
  {
106
- "color": "primary" as const,
137
+ "color": "primary" as typeof color[number],
107
138
  "highlight": true,
108
139
  "class": "ring ring-inset ring-[var(--ui-primary)]"
109
140
  },
110
141
  {
111
- "color": "secondary" as const,
142
+ "color": "secondary" as typeof color[number],
112
143
  "highlight": true,
113
144
  "class": "ring ring-inset ring-[var(--ui-secondary)]"
114
145
  },
115
146
  {
116
- "color": "success" as const,
147
+ "color": "success" as typeof color[number],
117
148
  "highlight": true,
118
149
  "class": "ring ring-inset ring-[var(--ui-success)]"
119
150
  },
120
151
  {
121
- "color": "info" as const,
152
+ "color": "info" as typeof color[number],
122
153
  "highlight": true,
123
154
  "class": "ring ring-inset ring-[var(--ui-info)]"
124
155
  },
125
156
  {
126
- "color": "warning" as const,
157
+ "color": "warning" as typeof color[number],
127
158
  "highlight": true,
128
159
  "class": "ring ring-inset ring-[var(--ui-warning)]"
129
160
  },
130
161
  {
131
- "color": "error" as const,
162
+ "color": "error" as typeof color[number],
132
163
  "highlight": true,
133
164
  "class": "ring ring-inset ring-[var(--ui-error)]"
134
165
  },
135
166
  {
136
- "color": "neutral" as const,
167
+ "color": "neutral" as typeof color[number],
137
168
  "variant": [
138
- "outline" as const,
139
- "subtle" as const
169
+ "outline" as typeof variant[number],
170
+ "subtle" as typeof variant[number]
140
171
  ],
141
172
  "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-border-inverted)]"
142
173
  },
143
174
  {
144
- "color": "neutral" as const,
175
+ "color": "neutral" as typeof color[number],
145
176
  "highlight": true,
146
177
  "class": "ring ring-inset ring-[var(--ui-border-inverted)]"
147
178
  },
148
179
  {
149
- "orientation": "horizontal" as const,
150
- "size": "xs" as const,
180
+ "orientation": "horizontal" as typeof orientation[number],
181
+ "size": "xs" as typeof size[number],
151
182
  "class": "px-7"
152
183
  },
153
184
  {
154
- "orientation": "horizontal" as const,
155
- "size": "sm" as const,
185
+ "orientation": "horizontal" as typeof orientation[number],
186
+ "size": "sm" as typeof size[number],
156
187
  "class": "px-8"
157
188
  },
158
189
  {
159
- "orientation": "horizontal" as const,
160
- "size": "md" as const,
190
+ "orientation": "horizontal" as typeof orientation[number],
191
+ "size": "md" as typeof size[number],
161
192
  "class": "px-9"
162
193
  },
163
194
  {
164
- "orientation": "horizontal" as const,
165
- "size": "lg" as const,
195
+ "orientation": "horizontal" as typeof orientation[number],
196
+ "size": "lg" as typeof size[number],
166
197
  "class": "px-10"
167
198
  },
168
199
  {
169
- "orientation": "horizontal" as const,
170
- "size": "xl" as const,
200
+ "orientation": "horizontal" as typeof orientation[number],
201
+ "size": "xl" as typeof size[number],
171
202
  "class": "px-11"
172
203
  },
173
204
  {
174
- "orientation": "vertical" as const,
175
- "size": "xs" as const,
205
+ "orientation": "vertical" as typeof orientation[number],
206
+ "size": "xs" as typeof size[number],
176
207
  "class": "pe-7"
177
208
  },
178
209
  {
179
- "orientation": "vertical" as const,
180
- "size": "sm" as const,
210
+ "orientation": "vertical" as typeof orientation[number],
211
+ "size": "sm" as typeof size[number],
181
212
  "class": "pe-8"
182
213
  },
183
214
  {
184
- "orientation": "vertical" as const,
185
- "size": "md" as const,
215
+ "orientation": "vertical" as typeof orientation[number],
216
+ "size": "md" as typeof size[number],
186
217
  "class": "pe-9"
187
218
  },
188
219
  {
189
- "orientation": "vertical" as const,
190
- "size": "lg" as const,
220
+ "orientation": "vertical" as typeof orientation[number],
221
+ "size": "lg" as typeof size[number],
191
222
  "class": "pe-10"
192
223
  },
193
224
  {
194
- "orientation": "vertical" as const,
195
- "size": "xl" as const,
225
+ "orientation": "vertical" as typeof orientation[number],
226
+ "size": "xl" as typeof size[number],
196
227
  "class": "pe-11"
197
228
  }
198
229
  ],
199
230
  "defaultVariants": {
200
- "size": "md" as const,
201
- "color": "primary" as const,
202
- "variant": "outline" as const
231
+ "size": "md" as typeof size[number],
232
+ "color": "primary" as typeof color[number],
233
+ "variant": "outline" as typeof variant[number]
203
234
  }
204
235
  }