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

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 (172) hide show
  1. package/.nuxt/ui/alert.ts +75 -58
  2. package/.nuxt/ui/avatar-group.ts +13 -1
  3. package/.nuxt/ui/avatar.ts +13 -1
  4. package/.nuxt/ui/badge.ts +102 -65
  5. package/.nuxt/ui/button-group.ts +13 -0
  6. package/.nuxt/ui/button.ts +124 -92
  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 +32 -14
  13. package/.nuxt/ui/drawer.ts +11 -4
  14. package/.nuxt/ui/dropdown-menu.ts +32 -14
  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 +114 -68
  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 +17 -12
  42. package/dist/client/devtools/200.html +1 -1
  43. package/dist/client/devtools/404.html +1 -1
  44. package/dist/client/devtools/_nuxt/CQ-XZFu7.js +54 -0
  45. package/dist/client/devtools/_nuxt/DNZFyo26.js +1 -0
  46. package/dist/client/devtools/_nuxt/Dtz-o9GB.js +1 -0
  47. package/dist/client/devtools/_nuxt/builds/latest.json +1 -1
  48. package/dist/client/devtools/_nuxt/builds/meta/1f5fbd7b-9d97-480e-9ae4-e02b4ff7018b.json +1 -0
  49. package/dist/client/devtools/_nuxt/entry.qOdop8tq.css +1 -0
  50. package/dist/client/devtools/_nuxt/error-404.D-rS9BDk.css +1 -0
  51. package/dist/client/devtools/_nuxt/error-500.CfcCHs91.css +1 -0
  52. package/dist/client/devtools/index.html +1 -1
  53. package/dist/module.cjs +1 -1
  54. package/dist/module.json +1 -1
  55. package/dist/module.mjs +1 -1
  56. package/dist/runtime/components/Accordion.vue +2 -1
  57. package/dist/runtime/components/Alert.vue +3 -2
  58. package/dist/runtime/components/Avatar.vue +5 -4
  59. package/dist/runtime/components/AvatarGroup.vue +2 -1
  60. package/dist/runtime/components/Badge.vue +2 -1
  61. package/dist/runtime/components/Breadcrumb.vue +1 -1
  62. package/dist/runtime/components/Button.vue +2 -1
  63. package/dist/runtime/components/ButtonGroup.vue +2 -1
  64. package/dist/runtime/components/Calendar.vue +2 -1
  65. package/dist/runtime/components/Card.vue +1 -1
  66. package/dist/runtime/components/Carousel.vue +2 -1
  67. package/dist/runtime/components/Checkbox.vue +2 -1
  68. package/dist/runtime/components/Chip.vue +3 -2
  69. package/dist/runtime/components/Collapsible.vue +4 -2
  70. package/dist/runtime/components/ColorPicker.vue +2 -1
  71. package/dist/runtime/components/CommandPalette.vue +12 -5
  72. package/dist/runtime/components/Container.vue +1 -1
  73. package/dist/runtime/components/ContextMenu.vue +2 -1
  74. package/dist/runtime/components/ContextMenuContent.vue +3 -3
  75. package/dist/runtime/components/Drawer.vue +7 -2
  76. package/dist/runtime/components/DropdownMenu.vue +2 -1
  77. package/dist/runtime/components/DropdownMenuContent.vue +3 -3
  78. package/dist/runtime/components/Form.vue +15 -14
  79. package/dist/runtime/components/FormField.vue +2 -1
  80. package/dist/runtime/components/Input.vue +3 -2
  81. package/dist/runtime/components/InputMenu.vue +13 -2
  82. package/dist/runtime/components/InputNumber.vue +2 -1
  83. package/dist/runtime/components/Kbd.vue +2 -1
  84. package/dist/runtime/components/Link.vue +1 -1
  85. package/dist/runtime/components/Modal.vue +8 -13
  86. package/dist/runtime/components/NavigationMenu.vue +14 -9
  87. package/dist/runtime/components/Pagination.vue +1 -1
  88. package/dist/runtime/components/PinInput.vue +4 -3
  89. package/dist/runtime/components/Popover.vue +7 -6
  90. package/dist/runtime/components/Progress.vue +4 -3
  91. package/dist/runtime/components/RadioGroup.vue +2 -1
  92. package/dist/runtime/components/Select.vue +3 -2
  93. package/dist/runtime/components/SelectMenu.vue +20 -4
  94. package/dist/runtime/components/Separator.vue +2 -1
  95. package/dist/runtime/components/Skeleton.vue +1 -1
  96. package/dist/runtime/components/Slideover.vue +8 -12
  97. package/dist/runtime/components/Slider.vue +2 -1
  98. package/dist/runtime/components/Stepper.vue +6 -4
  99. package/dist/runtime/components/Switch.vue +2 -1
  100. package/dist/runtime/components/Table.vue +2 -1
  101. package/dist/runtime/components/Tabs.vue +3 -1
  102. package/dist/runtime/components/Textarea.vue +3 -2
  103. package/dist/runtime/components/Toast.vue +2 -1
  104. package/dist/runtime/components/Toaster.vue +2 -1
  105. package/dist/runtime/components/Tooltip.vue +1 -1
  106. package/dist/runtime/composables/defineShortcuts.js +1 -1
  107. package/dist/runtime/composables/useFormField.d.ts +1 -1
  108. package/dist/runtime/composables/useFormField.js +6 -3
  109. package/dist/runtime/locale/ar.js +3 -1
  110. package/dist/runtime/locale/cs.js +3 -1
  111. package/dist/runtime/locale/da.d.ts +2 -0
  112. package/dist/runtime/locale/da.js +54 -0
  113. package/dist/runtime/locale/de.js +3 -1
  114. package/dist/runtime/locale/el.d.ts +2 -0
  115. package/dist/runtime/locale/el.js +54 -0
  116. package/dist/runtime/locale/en.js +3 -1
  117. package/dist/runtime/locale/es.js +3 -1
  118. package/dist/runtime/locale/et.d.ts +2 -0
  119. package/dist/runtime/locale/et.js +54 -0
  120. package/dist/runtime/locale/fa_ir.js +3 -1
  121. package/dist/runtime/locale/fi.d.ts +2 -0
  122. package/dist/runtime/locale/fi.js +54 -0
  123. package/dist/runtime/locale/fr.js +3 -1
  124. package/dist/runtime/locale/id.d.ts +2 -0
  125. package/dist/runtime/locale/id.js +54 -0
  126. package/dist/runtime/locale/index.d.ts +9 -0
  127. package/dist/runtime/locale/index.js +9 -0
  128. package/dist/runtime/locale/it.js +3 -1
  129. package/dist/runtime/locale/ja.js +3 -1
  130. package/dist/runtime/locale/ko.js +3 -1
  131. package/dist/runtime/locale/nl.js +3 -1
  132. package/dist/runtime/locale/pl.js +3 -1
  133. package/dist/runtime/locale/pt.js +3 -1
  134. package/dist/runtime/locale/pt_br.js +3 -1
  135. package/dist/runtime/locale/ru.js +3 -1
  136. package/dist/runtime/locale/sk.js +3 -1
  137. package/dist/runtime/locale/sv.d.ts +2 -0
  138. package/dist/runtime/locale/sv.js +54 -0
  139. package/dist/runtime/locale/th.d.ts +2 -0
  140. package/dist/runtime/locale/th.js +54 -0
  141. package/dist/runtime/locale/tr.js +3 -1
  142. package/dist/runtime/locale/uk.d.ts +2 -0
  143. package/dist/runtime/locale/uk.js +54 -0
  144. package/dist/runtime/locale/vi.d.ts +2 -0
  145. package/dist/runtime/locale/vi.js +54 -0
  146. package/dist/runtime/locale/zh_hans.js +3 -1
  147. package/dist/runtime/locale/zh_hant.js +11 -9
  148. package/dist/runtime/types/form.d.ts +2 -2
  149. package/dist/runtime/types/form.js +2 -2
  150. package/dist/runtime/types/locale.d.ts +2 -0
  151. package/dist/runtime/utils/form.d.ts +2 -2
  152. package/dist/runtime/utils/form.js +3 -3
  153. package/dist/runtime/utils/tv.d.ts +1 -0
  154. package/dist/runtime/utils/tv.js +4 -0
  155. package/dist/runtime/vue/components/Icon.vue +2 -2
  156. package/dist/runtime/vue/plugins/head.d.ts +1 -1
  157. package/dist/runtime/vue/plugins/head.js +3 -3
  158. package/dist/shared/{ui.D_93iuwH.mjs → ui.BKsd22-Q.mjs} +63 -36
  159. package/dist/shared/{ui.CwmIkD_Y.cjs → ui.DCjJwb6l.cjs} +63 -36
  160. package/dist/unplugin.cjs +5 -5
  161. package/dist/unplugin.mjs +5 -5
  162. package/dist/vite.cjs +1 -1
  163. package/dist/vite.mjs +1 -1
  164. package/package.json +49 -44
  165. package/dist/client/devtools/_nuxt/B1fTd_Rf.js +0 -1
  166. package/dist/client/devtools/_nuxt/CSUxkedg.js +0 -1
  167. package/dist/client/devtools/_nuxt/CbRTGpb7.js +0 -1
  168. package/dist/client/devtools/_nuxt/YQTlxbcT.js +0 -53
  169. package/dist/client/devtools/_nuxt/builds/meta/b3465abc-0a92-4ee7-ba6b-e5174891fcc0.json +0 -1
  170. package/dist/client/devtools/_nuxt/entry.DXXceQev.css +0 -1
  171. package/dist/client/devtools/_nuxt/error-404.BJpkZFyY.css +0 -1
  172. package/dist/client/devtools/_nuxt/error-500.D3i9VDlt.css +0 -1
package/.nuxt/ui/alert.ts CHANGED
@@ -1,3 +1,20 @@
1
+ const color = [
2
+ "primary",
3
+ "secondary",
4
+ "success",
5
+ "info",
6
+ "warning",
7
+ "error",
8
+ "neutral"
9
+ ] as const
10
+
11
+ const variant = [
12
+ "solid",
13
+ "outline",
14
+ "soft",
15
+ "subtle"
16
+ ] as const
17
+
1
18
  export default {
2
19
  "slots": {
3
20
  "root": "relative overflow-hidden w-full rounded-[calc(var(--ui-radius)*2)] p-4 flex gap-2.5",
@@ -39,204 +56,204 @@ export default {
39
56
  },
40
57
  "compoundVariants": [
41
58
  {
42
- "color": "primary" as const,
43
- "variant": "solid" as const,
59
+ "color": "primary" as typeof color[number],
60
+ "variant": "solid" as typeof variant[number],
44
61
  "class": {
45
62
  "root": "bg-[var(--ui-primary)] text-[var(--ui-bg)]"
46
63
  }
47
64
  },
48
65
  {
49
- "color": "secondary" as const,
50
- "variant": "solid" as const,
66
+ "color": "secondary" as typeof color[number],
67
+ "variant": "solid" as typeof variant[number],
51
68
  "class": {
52
69
  "root": "bg-[var(--ui-secondary)] text-[var(--ui-bg)]"
53
70
  }
54
71
  },
55
72
  {
56
- "color": "success" as const,
57
- "variant": "solid" as const,
73
+ "color": "success" as typeof color[number],
74
+ "variant": "solid" as typeof variant[number],
58
75
  "class": {
59
76
  "root": "bg-[var(--ui-success)] text-[var(--ui-bg)]"
60
77
  }
61
78
  },
62
79
  {
63
- "color": "info" as const,
64
- "variant": "solid" as const,
80
+ "color": "info" as typeof color[number],
81
+ "variant": "solid" as typeof variant[number],
65
82
  "class": {
66
83
  "root": "bg-[var(--ui-info)] text-[var(--ui-bg)]"
67
84
  }
68
85
  },
69
86
  {
70
- "color": "warning" as const,
71
- "variant": "solid" as const,
87
+ "color": "warning" as typeof color[number],
88
+ "variant": "solid" as typeof variant[number],
72
89
  "class": {
73
90
  "root": "bg-[var(--ui-warning)] text-[var(--ui-bg)]"
74
91
  }
75
92
  },
76
93
  {
77
- "color": "error" as const,
78
- "variant": "solid" as const,
94
+ "color": "error" as typeof color[number],
95
+ "variant": "solid" as typeof variant[number],
79
96
  "class": {
80
97
  "root": "bg-[var(--ui-error)] text-[var(--ui-bg)]"
81
98
  }
82
99
  },
83
100
  {
84
- "color": "primary" as const,
85
- "variant": "outline" as const,
101
+ "color": "primary" as typeof color[number],
102
+ "variant": "outline" as typeof variant[number],
86
103
  "class": {
87
104
  "root": "text-[var(--ui-primary)] ring ring-inset ring-[var(--ui-primary)]/25"
88
105
  }
89
106
  },
90
107
  {
91
- "color": "secondary" as const,
92
- "variant": "outline" as const,
108
+ "color": "secondary" as typeof color[number],
109
+ "variant": "outline" as typeof variant[number],
93
110
  "class": {
94
111
  "root": "text-[var(--ui-secondary)] ring ring-inset ring-[var(--ui-secondary)]/25"
95
112
  }
96
113
  },
97
114
  {
98
- "color": "success" as const,
99
- "variant": "outline" as const,
115
+ "color": "success" as typeof color[number],
116
+ "variant": "outline" as typeof variant[number],
100
117
  "class": {
101
118
  "root": "text-[var(--ui-success)] ring ring-inset ring-[var(--ui-success)]/25"
102
119
  }
103
120
  },
104
121
  {
105
- "color": "info" as const,
106
- "variant": "outline" as const,
122
+ "color": "info" as typeof color[number],
123
+ "variant": "outline" as typeof variant[number],
107
124
  "class": {
108
125
  "root": "text-[var(--ui-info)] ring ring-inset ring-[var(--ui-info)]/25"
109
126
  }
110
127
  },
111
128
  {
112
- "color": "warning" as const,
113
- "variant": "outline" as const,
129
+ "color": "warning" as typeof color[number],
130
+ "variant": "outline" as typeof variant[number],
114
131
  "class": {
115
132
  "root": "text-[var(--ui-warning)] ring ring-inset ring-[var(--ui-warning)]/25"
116
133
  }
117
134
  },
118
135
  {
119
- "color": "error" as const,
120
- "variant": "outline" as const,
136
+ "color": "error" as typeof color[number],
137
+ "variant": "outline" as typeof variant[number],
121
138
  "class": {
122
139
  "root": "text-[var(--ui-error)] ring ring-inset ring-[var(--ui-error)]/25"
123
140
  }
124
141
  },
125
142
  {
126
- "color": "primary" as const,
127
- "variant": "soft" as const,
143
+ "color": "primary" as typeof color[number],
144
+ "variant": "soft" as typeof variant[number],
128
145
  "class": {
129
146
  "root": "bg-[var(--ui-primary)]/10 text-[var(--ui-primary)]"
130
147
  }
131
148
  },
132
149
  {
133
- "color": "secondary" as const,
134
- "variant": "soft" as const,
150
+ "color": "secondary" as typeof color[number],
151
+ "variant": "soft" as typeof variant[number],
135
152
  "class": {
136
153
  "root": "bg-[var(--ui-secondary)]/10 text-[var(--ui-secondary)]"
137
154
  }
138
155
  },
139
156
  {
140
- "color": "success" as const,
141
- "variant": "soft" as const,
157
+ "color": "success" as typeof color[number],
158
+ "variant": "soft" as typeof variant[number],
142
159
  "class": {
143
160
  "root": "bg-[var(--ui-success)]/10 text-[var(--ui-success)]"
144
161
  }
145
162
  },
146
163
  {
147
- "color": "info" as const,
148
- "variant": "soft" as const,
164
+ "color": "info" as typeof color[number],
165
+ "variant": "soft" as typeof variant[number],
149
166
  "class": {
150
167
  "root": "bg-[var(--ui-info)]/10 text-[var(--ui-info)]"
151
168
  }
152
169
  },
153
170
  {
154
- "color": "warning" as const,
155
- "variant": "soft" as const,
171
+ "color": "warning" as typeof color[number],
172
+ "variant": "soft" as typeof variant[number],
156
173
  "class": {
157
174
  "root": "bg-[var(--ui-warning)]/10 text-[var(--ui-warning)]"
158
175
  }
159
176
  },
160
177
  {
161
- "color": "error" as const,
162
- "variant": "soft" as const,
178
+ "color": "error" as typeof color[number],
179
+ "variant": "soft" as typeof variant[number],
163
180
  "class": {
164
181
  "root": "bg-[var(--ui-error)]/10 text-[var(--ui-error)]"
165
182
  }
166
183
  },
167
184
  {
168
- "color": "primary" as const,
169
- "variant": "subtle" as const,
185
+ "color": "primary" as typeof color[number],
186
+ "variant": "subtle" as typeof variant[number],
170
187
  "class": {
171
188
  "root": "bg-[var(--ui-primary)]/10 text-[var(--ui-primary)] ring ring-inset ring-[var(--ui-primary)]/25"
172
189
  }
173
190
  },
174
191
  {
175
- "color": "secondary" as const,
176
- "variant": "subtle" as const,
192
+ "color": "secondary" as typeof color[number],
193
+ "variant": "subtle" as typeof variant[number],
177
194
  "class": {
178
195
  "root": "bg-[var(--ui-secondary)]/10 text-[var(--ui-secondary)] ring ring-inset ring-[var(--ui-secondary)]/25"
179
196
  }
180
197
  },
181
198
  {
182
- "color": "success" as const,
183
- "variant": "subtle" as const,
199
+ "color": "success" as typeof color[number],
200
+ "variant": "subtle" as typeof variant[number],
184
201
  "class": {
185
202
  "root": "bg-[var(--ui-success)]/10 text-[var(--ui-success)] ring ring-inset ring-[var(--ui-success)]/25"
186
203
  }
187
204
  },
188
205
  {
189
- "color": "info" as const,
190
- "variant": "subtle" as const,
206
+ "color": "info" as typeof color[number],
207
+ "variant": "subtle" as typeof variant[number],
191
208
  "class": {
192
209
  "root": "bg-[var(--ui-info)]/10 text-[var(--ui-info)] ring ring-inset ring-[var(--ui-info)]/25"
193
210
  }
194
211
  },
195
212
  {
196
- "color": "warning" as const,
197
- "variant": "subtle" as const,
213
+ "color": "warning" as typeof color[number],
214
+ "variant": "subtle" as typeof variant[number],
198
215
  "class": {
199
216
  "root": "bg-[var(--ui-warning)]/10 text-[var(--ui-warning)] ring ring-inset ring-[var(--ui-warning)]/25"
200
217
  }
201
218
  },
202
219
  {
203
- "color": "error" as const,
204
- "variant": "subtle" as const,
220
+ "color": "error" as typeof color[number],
221
+ "variant": "subtle" as typeof variant[number],
205
222
  "class": {
206
223
  "root": "bg-[var(--ui-error)]/10 text-[var(--ui-error)] ring ring-inset ring-[var(--ui-error)]/25"
207
224
  }
208
225
  },
209
226
  {
210
- "color": "neutral" as const,
211
- "variant": "solid" as const,
227
+ "color": "neutral" as typeof color[number],
228
+ "variant": "solid" as typeof variant[number],
212
229
  "class": {
213
230
  "root": "text-[var(--ui-bg)] bg-[var(--ui-bg-inverted)]"
214
231
  }
215
232
  },
216
233
  {
217
- "color": "neutral" as const,
218
- "variant": "outline" as const,
234
+ "color": "neutral" as typeof color[number],
235
+ "variant": "outline" as typeof variant[number],
219
236
  "class": {
220
237
  "root": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg)] ring ring-inset ring-[var(--ui-border)]"
221
238
  }
222
239
  },
223
240
  {
224
- "color": "neutral" as const,
225
- "variant": "soft" as const,
241
+ "color": "neutral" as typeof color[number],
242
+ "variant": "soft" as typeof variant[number],
226
243
  "class": {
227
244
  "root": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)]/50"
228
245
  }
229
246
  },
230
247
  {
231
- "color": "neutral" as const,
232
- "variant": "subtle" as const,
248
+ "color": "neutral" as typeof color[number],
249
+ "variant": "subtle" as typeof variant[number],
233
250
  "class": {
234
251
  "root": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)]/50 ring ring-inset ring-[var(--ui-border-accented)]"
235
252
  }
236
253
  }
237
254
  ],
238
255
  "defaultVariants": {
239
- "color": "primary" as const,
240
- "variant": "solid" as const
256
+ "color": "primary" as typeof color[number],
257
+ "variant": "solid" as typeof variant[number]
241
258
  }
242
259
  }
package/.nuxt/ui/avatar-group.ts CHANGED
@@ -1,3 +1,15 @@
1
+ const size = [
2
+ "3xs",
3
+ "2xs",
4
+ "xs",
5
+ "sm",
6
+ "md",
7
+ "lg",
8
+ "xl",
9
+ "2xl",
10
+ "3xl"
11
+ ] as const
12
+
1
13
  export default {
2
14
  "slots": {
3
15
  "root": "inline-flex flex-row-reverse justify-end",
@@ -35,6 +47,6 @@ export default {
35
47
  }
36
48
  },
37
49
  "defaultVariants": {
38
- "size": "md" as const
50
+ "size": "md" as typeof size[number]
39
51
  }
40
52
  }
package/.nuxt/ui/avatar.ts CHANGED
@@ -1,3 +1,15 @@
1
+ const size = [
2
+ "3xs",
3
+ "2xs",
4
+ "xs",
5
+ "sm",
6
+ "md",
7
+ "lg",
8
+ "xl",
9
+ "2xl",
10
+ "3xl"
11
+ ] as const
12
+
1
13
  export default {
2
14
  "slots": {
3
15
  "root": "inline-flex items-center justify-center shrink-0 select-none overflow-hidden rounded-full align-middle bg-[var(--ui-bg-elevated)]",
@@ -37,6 +49,6 @@ export default {
37
49
  }
38
50
  },
39
51
  "defaultVariants": {
40
- "size": "md" as const
52
+ "size": "md" as typeof size[number]
41
53
  }
42
54
  }
package/.nuxt/ui/badge.ts CHANGED
@@ -1,6 +1,31 @@
1
+ const color = [
2
+ "primary",
3
+ "secondary",
4
+ "success",
5
+ "info",
6
+ "warning",
7
+ "error",
8
+ "neutral"
9
+ ] as const
10
+
11
+ const variant = [
12
+ "solid",
13
+ "outline",
14
+ "soft",
15
+ "subtle"
16
+ ] as const
17
+
18
+ const size = [
19
+ "xs",
20
+ "sm",
21
+ "md",
22
+ "lg",
23
+ "xl"
24
+ ] as const
25
+
1
26
  export default {
2
27
  "slots": {
3
- "base": "rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center",
28
+ "base": "font-medium inline-flex items-center",
4
29
  "label": "truncate",
5
30
  "leadingIcon": "shrink-0",
6
31
  "leadingAvatar": "shrink-0",
@@ -24,171 +49,183 @@ export default {
24
49
  "subtle": ""
25
50
  },
26
51
  "size": {
52
+ "xs": {
53
+ "base": "text-[8px]/3 px-1 py-0.5 gap-1 rounded-[calc(var(--ui-radius))]",
54
+ "leadingIcon": "size-3",
55
+ "leadingAvatarSize": "3xs",
56
+ "trailingIcon": "size-3"
57
+ },
27
58
  "sm": {
28
- "base": "text-xs px-1.5 py-0.5 gap-1",
29
- "leadingIcon": "size-4",
59
+ "base": "text-[10px]/3 px-1.5 py-1 gap-1 rounded-[calc(var(--ui-radius))]",
60
+ "leadingIcon": "size-3",
30
61
  "leadingAvatarSize": "3xs",
31
- "trailingIcon": "size-4"
62
+ "trailingIcon": "size-3"
32
63
  },
33
64
  "md": {
34
- "base": "text-xs px-2 py-1 gap-1",
65
+ "base": "text-xs px-2 py-1 gap-1 rounded-[calc(var(--ui-radius)*1.5)]",
35
66
  "leadingIcon": "size-4",
36
67
  "leadingAvatarSize": "3xs",
37
68
  "trailingIcon": "size-4"
38
69
  },
39
70
  "lg": {
40
- "base": "text-sm px-2 py-1 gap-1.5",
71
+ "base": "text-sm px-2 py-1 gap-1.5 rounded-[calc(var(--ui-radius)*1.5)]",
41
72
  "leadingIcon": "size-5",
42
73
  "leadingAvatarSize": "2xs",
43
74
  "trailingIcon": "size-5"
75
+ },
76
+ "xl": {
77
+ "base": "text-base px-2.5 py-1 gap-1.5 rounded-[calc(var(--ui-radius)*1.5)]",
78
+ "leadingIcon": "size-6",
79
+ "leadingAvatarSize": "2xs",
80
+ "trailingIcon": "size-6"
44
81
  }
45
82
  }
46
83
  },
47
84
  "compoundVariants": [
48
85
  {
49
- "color": "primary" as const,
50
- "variant": "solid" as const,
86
+ "color": "primary" as typeof color[number],
87
+ "variant": "solid" as typeof variant[number],
51
88
  "class": "bg-[var(--ui-primary)] text-[var(--ui-bg)]"
52
89
  },
53
90
  {
54
- "color": "secondary" as const,
55
- "variant": "solid" as const,
91
+ "color": "secondary" as typeof color[number],
92
+ "variant": "solid" as typeof variant[number],
56
93
  "class": "bg-[var(--ui-secondary)] text-[var(--ui-bg)]"
57
94
  },
58
95
  {
59
- "color": "success" as const,
60
- "variant": "solid" as const,
96
+ "color": "success" as typeof color[number],
97
+ "variant": "solid" as typeof variant[number],
61
98
  "class": "bg-[var(--ui-success)] text-[var(--ui-bg)]"
62
99
  },
63
100
  {
64
- "color": "info" as const,
65
- "variant": "solid" as const,
101
+ "color": "info" as typeof color[number],
102
+ "variant": "solid" as typeof variant[number],
66
103
  "class": "bg-[var(--ui-info)] text-[var(--ui-bg)]"
67
104
  },
68
105
  {
69
- "color": "warning" as const,
70
- "variant": "solid" as const,
106
+ "color": "warning" as typeof color[number],
107
+ "variant": "solid" as typeof variant[number],
71
108
  "class": "bg-[var(--ui-warning)] text-[var(--ui-bg)]"
72
109
  },
73
110
  {
74
- "color": "error" as const,
75
- "variant": "solid" as const,
111
+ "color": "error" as typeof color[number],
112
+ "variant": "solid" as typeof variant[number],
76
113
  "class": "bg-[var(--ui-error)] text-[var(--ui-bg)]"
77
114
  },
78
115
  {
79
- "color": "primary" as const,
80
- "variant": "outline" as const,
116
+ "color": "primary" as typeof color[number],
117
+ "variant": "outline" as typeof variant[number],
81
118
  "class": "text-[var(--ui-primary)] ring ring-inset ring-[var(--ui-primary)]/50"
82
119
  },
83
120
  {
84
- "color": "secondary" as const,
85
- "variant": "outline" as const,
121
+ "color": "secondary" as typeof color[number],
122
+ "variant": "outline" as typeof variant[number],
86
123
  "class": "text-[var(--ui-secondary)] ring ring-inset ring-[var(--ui-secondary)]/50"
87
124
  },
88
125
  {
89
- "color": "success" as const,
90
- "variant": "outline" as const,
126
+ "color": "success" as typeof color[number],
127
+ "variant": "outline" as typeof variant[number],
91
128
  "class": "text-[var(--ui-success)] ring ring-inset ring-[var(--ui-success)]/50"
92
129
  },
93
130
  {
94
- "color": "info" as const,
95
- "variant": "outline" as const,
131
+ "color": "info" as typeof color[number],
132
+ "variant": "outline" as typeof variant[number],
96
133
  "class": "text-[var(--ui-info)] ring ring-inset ring-[var(--ui-info)]/50"
97
134
  },
98
135
  {
99
- "color": "warning" as const,
100
- "variant": "outline" as const,
136
+ "color": "warning" as typeof color[number],
137
+ "variant": "outline" as typeof variant[number],
101
138
  "class": "text-[var(--ui-warning)] ring ring-inset ring-[var(--ui-warning)]/50"
102
139
  },
103
140
  {
104
- "color": "error" as const,
105
- "variant": "outline" as const,
141
+ "color": "error" as typeof color[number],
142
+ "variant": "outline" as typeof variant[number],
106
143
  "class": "text-[var(--ui-error)] ring ring-inset ring-[var(--ui-error)]/50"
107
144
  },
108
145
  {
109
- "color": "primary" as const,
110
- "variant": "soft" as const,
146
+ "color": "primary" as typeof color[number],
147
+ "variant": "soft" as typeof variant[number],
111
148
  "class": "bg-[var(--ui-primary)]/10 text-[var(--ui-primary)]"
112
149
  },
113
150
  {
114
- "color": "secondary" as const,
115
- "variant": "soft" as const,
151
+ "color": "secondary" as typeof color[number],
152
+ "variant": "soft" as typeof variant[number],
116
153
  "class": "bg-[var(--ui-secondary)]/10 text-[var(--ui-secondary)]"
117
154
  },
118
155
  {
119
- "color": "success" as const,
120
- "variant": "soft" as const,
156
+ "color": "success" as typeof color[number],
157
+ "variant": "soft" as typeof variant[number],
121
158
  "class": "bg-[var(--ui-success)]/10 text-[var(--ui-success)]"
122
159
  },
123
160
  {
124
- "color": "info" as const,
125
- "variant": "soft" as const,
161
+ "color": "info" as typeof color[number],
162
+ "variant": "soft" as typeof variant[number],
126
163
  "class": "bg-[var(--ui-info)]/10 text-[var(--ui-info)]"
127
164
  },
128
165
  {
129
- "color": "warning" as const,
130
- "variant": "soft" as const,
166
+ "color": "warning" as typeof color[number],
167
+ "variant": "soft" as typeof variant[number],
131
168
  "class": "bg-[var(--ui-warning)]/10 text-[var(--ui-warning)]"
132
169
  },
133
170
  {
134
- "color": "error" as const,
135
- "variant": "soft" as const,
171
+ "color": "error" as typeof color[number],
172
+ "variant": "soft" as typeof variant[number],
136
173
  "class": "bg-[var(--ui-error)]/10 text-[var(--ui-error)]"
137
174
  },
138
175
  {
139
- "color": "primary" as const,
140
- "variant": "subtle" as const,
176
+ "color": "primary" as typeof color[number],
177
+ "variant": "subtle" as typeof variant[number],
141
178
  "class": "bg-[var(--ui-primary)]/10 text-[var(--ui-primary)] ring ring-inset ring-[var(--ui-primary)]/25"
142
179
  },
143
180
  {
144
- "color": "secondary" as const,
145
- "variant": "subtle" as const,
181
+ "color": "secondary" as typeof color[number],
182
+ "variant": "subtle" as typeof variant[number],
146
183
  "class": "bg-[var(--ui-secondary)]/10 text-[var(--ui-secondary)] ring ring-inset ring-[var(--ui-secondary)]/25"
147
184
  },
148
185
  {
149
- "color": "success" as const,
150
- "variant": "subtle" as const,
186
+ "color": "success" as typeof color[number],
187
+ "variant": "subtle" as typeof variant[number],
151
188
  "class": "bg-[var(--ui-success)]/10 text-[var(--ui-success)] ring ring-inset ring-[var(--ui-success)]/25"
152
189
  },
153
190
  {
154
- "color": "info" as const,
155
- "variant": "subtle" as const,
191
+ "color": "info" as typeof color[number],
192
+ "variant": "subtle" as typeof variant[number],
156
193
  "class": "bg-[var(--ui-info)]/10 text-[var(--ui-info)] ring ring-inset ring-[var(--ui-info)]/25"
157
194
  },
158
195
  {
159
- "color": "warning" as const,
160
- "variant": "subtle" as const,
196
+ "color": "warning" as typeof color[number],
197
+ "variant": "subtle" as typeof variant[number],
161
198
  "class": "bg-[var(--ui-warning)]/10 text-[var(--ui-warning)] ring ring-inset ring-[var(--ui-warning)]/25"
162
199
  },
163
200
  {
164
- "color": "error" as const,
165
- "variant": "subtle" as const,
201
+ "color": "error" as typeof color[number],
202
+ "variant": "subtle" as typeof variant[number],
166
203
  "class": "bg-[var(--ui-error)]/10 text-[var(--ui-error)] ring ring-inset ring-[var(--ui-error)]/25"
167
204
  },
168
205
  {
169
- "color": "neutral" as const,
170
- "variant": "solid" as const,
206
+ "color": "neutral" as typeof color[number],
207
+ "variant": "solid" as typeof variant[number],
171
208
  "class": "text-[var(--ui-bg)] bg-[var(--ui-bg-inverted)]"
172
209
  },
173
210
  {
174
- "color": "neutral" as const,
175
- "variant": "outline" as const,
211
+ "color": "neutral" as typeof color[number],
212
+ "variant": "outline" as typeof variant[number],
176
213
  "class": "ring ring-inset ring-[var(--ui-border-accented)] text-[var(--ui-text)] bg-[var(--ui-bg)]"
177
214
  },
178
215
  {
179
- "color": "neutral" as const,
180
- "variant": "soft" as const,
216
+ "color": "neutral" as typeof color[number],
217
+ "variant": "soft" as typeof variant[number],
181
218
  "class": "text-[var(--ui-text)] bg-[var(--ui-bg-elevated)]"
182
219
  },
183
220
  {
184
- "color": "neutral" as const,
185
- "variant": "subtle" as const,
221
+ "color": "neutral" as typeof color[number],
222
+ "variant": "subtle" as typeof variant[number],
186
223
  "class": "ring ring-inset ring-[var(--ui-border-accented)] text-[var(--ui-text)] bg-[var(--ui-bg-elevated)]"
187
224
  }
188
225
  ],
189
226
  "defaultVariants": {
190
- "color": "primary" as const,
191
- "variant": "solid" as const,
192
- "size": "md" as const
227
+ "color": "primary" as typeof color[number],
228
+ "variant": "solid" as typeof variant[number],
229
+ "size": "md" as typeof size[number]
193
230
  }
194
231
  }
package/.nuxt/ui/button-group.ts CHANGED
@@ -1,3 +1,16 @@
1
+ const size = [
2
+ "xs",
3
+ "sm",
4
+ "md",
5
+ "lg",
6
+ "xl"
7
+ ] as const
8
+
9
+ const orientation = [
10
+ "horizontal",
11
+ "vertical"
12
+ ] as const
13
+
1
14
  export default {
2
15
  "base": "relative",
3
16
  "variants": {