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

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 (174) hide show
  1. package/.nuxt/ui/accordion.ts +2 -2
  2. package/.nuxt/ui/alert.ts +47 -37
  3. package/.nuxt/ui/avatar-group.ts +1 -1
  4. package/.nuxt/ui/avatar.ts +4 -4
  5. package/.nuxt/ui/badge.ts +37 -28
  6. package/.nuxt/ui/breadcrumb.ts +5 -5
  7. package/.nuxt/ui/button.ts +42 -43
  8. package/.nuxt/ui/calendar.ts +15 -15
  9. package/.nuxt/ui/card.ts +27 -1
  10. package/.nuxt/ui/carousel.ts +2 -2
  11. package/.nuxt/ui/checkbox.ts +18 -18
  12. package/.nuxt/ui/chip.ts +8 -8
  13. package/.nuxt/ui/color-picker.ts +2 -2
  14. package/.nuxt/ui/command-palette.ts +12 -12
  15. package/.nuxt/ui/container.ts +1 -1
  16. package/.nuxt/ui/context-menu.ts +32 -32
  17. package/.nuxt/ui/drawer.ts +72 -11
  18. package/.nuxt/ui/dropdown-menu.ts +33 -33
  19. package/.nuxt/ui/form-field.ts +6 -6
  20. package/.nuxt/ui/input-menu.ts +41 -41
  21. package/.nuxt/ui/input-number.ts +20 -20
  22. package/.nuxt/ui/input.ts +23 -23
  23. package/.nuxt/ui/kbd.ts +4 -4
  24. package/.nuxt/ui/link.ts +3 -3
  25. package/.nuxt/ui/modal.ts +5 -5
  26. package/.nuxt/ui/navigation-menu.ts +144 -77
  27. package/.nuxt/ui/pin-input.ts +20 -20
  28. package/.nuxt/ui/popover.ts +2 -2
  29. package/.nuxt/ui/progress.ts +17 -17
  30. package/.nuxt/ui/radio-group.ts +20 -20
  31. package/.nuxt/ui/select-menu.ts +33 -32
  32. package/.nuxt/ui/select.ts +31 -31
  33. package/.nuxt/ui/separator.ts +8 -8
  34. package/.nuxt/ui/skeleton.ts +1 -1
  35. package/.nuxt/ui/slideover.ts +4 -4
  36. package/.nuxt/ui/slider.ts +16 -16
  37. package/.nuxt/ui/stepper.ts +18 -18
  38. package/.nuxt/ui/switch.ts +20 -20
  39. package/.nuxt/ui/table.ts +16 -16
  40. package/.nuxt/ui/tabs.ts +33 -33
  41. package/.nuxt/ui/textarea.ts +23 -23
  42. package/.nuxt/ui/toast.ts +42 -32
  43. package/.nuxt/ui/toaster.ts +4 -4
  44. package/.nuxt/ui/tooltip.ts +2 -2
  45. package/.nuxt/ui.css +90 -0
  46. package/README.md +2 -2
  47. package/cli/package.json +2 -2
  48. package/cli/templates.mjs +7 -7
  49. package/dist/chunks/component-meta.cjs +2590 -2511
  50. package/dist/chunks/component-meta.mjs +2590 -2511
  51. package/dist/client/devtools/200.html +1 -1
  52. package/dist/client/devtools/404.html +1 -1
  53. package/dist/client/devtools/_nuxt/CG6Dc4jp.js +1 -0
  54. package/dist/client/devtools/_nuxt/{Dtz-o9GB.js → DrNJgD08.js} +1 -1
  55. package/dist/client/devtools/_nuxt/{DNZFyo26.js → ElqrUh1r.js} +1 -1
  56. package/dist/client/devtools/_nuxt/builds/latest.json +1 -1
  57. package/dist/client/devtools/_nuxt/builds/meta/255c8d0b-7281-4d74-b4b6-ec96e6721aa0.json +1 -0
  58. package/dist/client/devtools/_nuxt/entry.Hn8drx4g.css +1 -0
  59. package/dist/client/devtools/_nuxt/error-404.Dew7w9Ee.css +1 -0
  60. package/dist/client/devtools/_nuxt/error-500.Dep59i31.css +1 -0
  61. package/dist/client/devtools/_nuxt/mC2e7kOs.js +57 -0
  62. package/dist/client/devtools/index.html +1 -1
  63. package/dist/devtools/runtime/examples/CardExample.vue +3 -3
  64. package/dist/devtools/runtime/examples/CollapsibleExample.vue +1 -1
  65. package/dist/devtools/runtime/examples/ContainerExample.vue +1 -1
  66. package/dist/devtools/runtime/examples/ContextMenuExample.vue +1 -1
  67. package/dist/devtools/runtime/examples/PopoverExample.vue +1 -1
  68. package/dist/devtools/runtime/examples/TooltipExample.vue +1 -1
  69. package/dist/module.cjs +2 -1
  70. package/dist/module.json +1 -1
  71. package/dist/module.mjs +2 -1
  72. package/dist/runtime/components/Accordion.vue +2 -2
  73. package/dist/runtime/components/Alert.vue +15 -12
  74. package/dist/runtime/components/App.vue +3 -3
  75. package/dist/runtime/components/Avatar.vue +31 -10
  76. package/dist/runtime/components/AvatarGroup.vue +2 -2
  77. package/dist/runtime/components/Badge.vue +7 -3
  78. package/dist/runtime/components/Breadcrumb.vue +2 -2
  79. package/dist/runtime/components/Button.vue +2 -2
  80. package/dist/runtime/components/ButtonGroup.vue +2 -2
  81. package/dist/runtime/components/Calendar.vue +6 -3
  82. package/dist/runtime/components/Card.vue +8 -4
  83. package/dist/runtime/components/Carousel.vue +2 -2
  84. package/dist/runtime/components/Checkbox.vue +4 -4
  85. package/dist/runtime/components/Chip.vue +2 -2
  86. package/dist/runtime/components/Collapsible.vue +2 -2
  87. package/dist/runtime/components/ColorPicker.vue +46 -15
  88. package/dist/runtime/components/CommandPalette.vue +48 -41
  89. package/dist/runtime/components/Container.vue +2 -2
  90. package/dist/runtime/components/ContextMenu.vue +10 -2
  91. package/dist/runtime/components/ContextMenuContent.vue +4 -2
  92. package/dist/runtime/components/Drawer.vue +9 -3
  93. package/dist/runtime/components/DropdownMenu.vue +10 -2
  94. package/dist/runtime/components/DropdownMenuContent.vue +4 -2
  95. package/dist/runtime/components/Form.vue +46 -17
  96. package/dist/runtime/components/FormField.vue +12 -6
  97. package/dist/runtime/components/Input.vue +5 -4
  98. package/dist/runtime/components/InputMenu.vue +6 -5
  99. package/dist/runtime/components/InputNumber.vue +10 -6
  100. package/dist/runtime/components/Kbd.vue +2 -2
  101. package/dist/runtime/components/Link.vue +2 -2
  102. package/dist/runtime/components/Modal.vue +17 -3
  103. package/dist/runtime/components/NavigationMenu.vue +110 -67
  104. package/dist/runtime/components/Pagination.vue +2 -2
  105. package/dist/runtime/components/PinInput.vue +5 -4
  106. package/dist/runtime/components/Popover.vue +2 -2
  107. package/dist/runtime/components/Progress.vue +2 -2
  108. package/dist/runtime/components/RadioGroup.vue +4 -4
  109. package/dist/runtime/components/Select.vue +9 -7
  110. package/dist/runtime/components/SelectMenu.vue +67 -64
  111. package/dist/runtime/components/Separator.vue +2 -2
  112. package/dist/runtime/components/Skeleton.vue +2 -2
  113. package/dist/runtime/components/Slideover.vue +17 -3
  114. package/dist/runtime/components/Slider.vue +4 -4
  115. package/dist/runtime/components/Stepper.vue +3 -3
  116. package/dist/runtime/components/Switch.vue +4 -4
  117. package/dist/runtime/components/Table.vue +96 -18
  118. package/dist/runtime/components/Tabs.vue +2 -2
  119. package/dist/runtime/components/Textarea.vue +7 -5
  120. package/dist/runtime/components/Toast.vue +28 -16
  121. package/dist/runtime/components/Toaster.vue +4 -4
  122. package/dist/runtime/components/Tooltip.vue +2 -2
  123. package/dist/runtime/composables/useFormField.d.ts +6 -2
  124. package/dist/runtime/composables/useFormField.js +18 -11
  125. package/dist/runtime/composables/useToast.d.ts +4 -3
  126. package/dist/runtime/composables/useToast.js +20 -6
  127. package/dist/runtime/index.css +1 -1
  128. package/dist/runtime/locale/az.js +54 -0
  129. package/dist/runtime/locale/bn.js +54 -0
  130. package/dist/runtime/locale/es.js +2 -2
  131. package/dist/runtime/locale/he.d.ts +2 -0
  132. package/dist/runtime/locale/he.js +53 -0
  133. package/dist/runtime/locale/hi.d.ts +2 -0
  134. package/dist/runtime/locale/hi.js +54 -0
  135. package/dist/runtime/locale/hu.d.ts +2 -0
  136. package/dist/runtime/locale/hu.js +54 -0
  137. package/dist/runtime/locale/index.d.ts +8 -2
  138. package/dist/runtime/locale/index.js +8 -2
  139. package/dist/runtime/locale/km.d.ts +2 -0
  140. package/dist/runtime/locale/km.js +54 -0
  141. package/dist/runtime/locale/nb_no.d.ts +2 -0
  142. package/dist/runtime/locale/nb_no.js +54 -0
  143. package/dist/runtime/locale/zh_cn.d.ts +2 -0
  144. package/dist/runtime/locale/{zh_hans.js → zh_cn.js} +1 -1
  145. package/dist/runtime/locale/zh_tw.d.ts +2 -0
  146. package/dist/runtime/locale/{zh_hant.js → zh_tw.js} +1 -1
  147. package/dist/runtime/plugins/colors.js +8 -5
  148. package/dist/runtime/types/form.d.ts +21 -12
  149. package/dist/runtime/types/index.d.ts +1 -0
  150. package/dist/runtime/types/index.js +1 -0
  151. package/dist/runtime/types/utils.d.ts +5 -0
  152. package/dist/runtime/utils/form.js +3 -5
  153. package/dist/runtime/utils/tv.js +2 -2
  154. package/dist/runtime/vue/components/Link.vue +77 -18
  155. package/dist/shared/{ui.DCjJwb6l.cjs → ui.C5FzRWM5.cjs} +529 -366
  156. package/dist/shared/{ui.BKsd22-Q.mjs → ui.DCZM2pl8.mjs} +525 -366
  157. package/dist/unplugin.cjs +44 -20
  158. package/dist/unplugin.d.cts +10 -0
  159. package/dist/unplugin.d.mts +10 -0
  160. package/dist/unplugin.d.ts +10 -0
  161. package/dist/unplugin.mjs +43 -19
  162. package/dist/vite.cjs +3 -2
  163. package/dist/vite.d.cts +2 -0
  164. package/dist/vite.d.mts +2 -0
  165. package/dist/vite.d.ts +2 -0
  166. package/dist/vite.mjs +3 -2
  167. package/package.json +67 -41
  168. package/dist/client/devtools/_nuxt/CQ-XZFu7.js +0 -54
  169. package/dist/client/devtools/_nuxt/builds/meta/1f5fbd7b-9d97-480e-9ae4-e02b4ff7018b.json +0 -1
  170. package/dist/client/devtools/_nuxt/entry.qOdop8tq.css +0 -1
  171. package/dist/client/devtools/_nuxt/error-404.D-rS9BDk.css +0 -1
  172. package/dist/client/devtools/_nuxt/error-500.CfcCHs91.css +0 -1
  173. /package/dist/runtime/locale/{zh_hans.d.ts → az.d.ts} +0 -0
  174. /package/dist/runtime/locale/{zh_hant.d.ts → bn.d.ts} +0 -0
@@ -41,24 +41,24 @@ export default {
41
41
  "transition-colors"
42
42
  ],
43
43
  "leading": "absolute inset-y-0 start-0 flex items-center",
44
- "leadingIcon": "shrink-0 text-[var(--ui-text-dimmed)]",
44
+ "leadingIcon": "shrink-0 text-(--ui-text-dimmed)",
45
45
  "leadingAvatar": "shrink-0",
46
46
  "leadingAvatarSize": "",
47
47
  "trailing": "group absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75",
48
- "trailingIcon": "shrink-0 text-[var(--ui-text-dimmed)]",
49
- "arrow": "fill-[var(--ui-border)]",
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",
51
- "viewport": "divide-y divide-[var(--ui-border)] scroll-py-1",
48
+ "trailingIcon": "shrink-0 text-(--ui-text-dimmed)",
49
+ "arrow": "fill-(--ui-border)",
50
+ "content": "max-h-60 w-(--reka-popper-anchor-width) bg-(--ui-bg) shadow-lg rounded-[calc(var(--ui-radius)*1.5)] ring ring-(--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",
51
+ "viewport": "divide-y divide-(--ui-border) scroll-py-1",
52
52
  "group": "p-1 isolate",
53
- "empty": "py-2 text-center text-sm text-[var(--ui-text-muted)]",
54
- "label": "font-semibold text-[var(--ui-text-highlighted)]",
55
- "separator": "-mx-1 my-1 h-px bg-[var(--ui-border)]",
53
+ "empty": "py-2 text-center text-sm text-(--ui-text-muted)",
54
+ "label": "font-semibold text-(--ui-text-highlighted)",
55
+ "separator": "-mx-1 my-1 h-px bg-(--ui-border)",
56
56
  "item": [
57
- "group relative w-full flex items-center gap-1.5 p-1.5 text-sm select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-[calc(var(--ui-radius)*1.5)] data-disabled:cursor-not-allowed data-disabled:opacity-75 text-[var(--ui-text)] data-highlighted:text-[var(--ui-text-highlighted)] data-highlighted:before:bg-[var(--ui-bg-elevated)]/50",
57
+ "group relative w-full flex items-center gap-1.5 p-1.5 text-sm select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-[calc(var(--ui-radius)*1.5)] data-disabled:cursor-not-allowed data-disabled:opacity-75 text-(--ui-text) data-highlighted:text-(--ui-text-highlighted) data-highlighted:before:bg-(--ui-bg-elevated)/50",
58
58
  "transition-colors before:transition-colors"
59
59
  ],
60
60
  "itemLeadingIcon": [
61
- "shrink-0 text-[var(--ui-text-dimmed)] group-data-highlighted:text-[var(--ui-text)]",
61
+ "shrink-0 text-(--ui-text-dimmed) group-data-highlighted:text-(--ui-text)",
62
62
  "transition-colors"
63
63
  ],
64
64
  "itemLeadingAvatar": "shrink-0",
@@ -68,10 +68,10 @@ export default {
68
68
  "itemTrailing": "ms-auto inline-flex gap-1.5 items-center",
69
69
  "itemTrailingIcon": "shrink-0",
70
70
  "itemLabel": "truncate",
71
- "tagsItem": "px-1.5 py-0.5 rounded-[var(--ui-radius)] font-medium inline-flex items-center gap-0.5 ring ring-inset ring-[var(--ui-border-accented)] bg-[var(--ui-bg-elevated)] text-[var(--ui-text)] data-disabled:cursor-not-allowed data-disabled:opacity-75",
71
+ "tagsItem": "px-1.5 py-0.5 rounded-(--ui-radius) font-medium inline-flex items-center gap-0.5 ring ring-inset ring-(--ui-border-accented) bg-(--ui-bg-elevated) text-(--ui-text) data-disabled:cursor-not-allowed data-disabled:opacity-75",
72
72
  "tagsItemText": "truncate",
73
73
  "tagsItemDelete": [
74
- "inline-flex items-center rounded-[calc(var(--ui-radius)/2)] text-[var(--ui-text-dimmed)] hover:text-[var(--ui-text)] hover:bg-[var(--ui-bg-accented)]/75 disabled:pointer-events-none",
74
+ "inline-flex items-center rounded-[calc(var(--ui-radius)/2)] text-(--ui-text-dimmed) hover:text-(--ui-text) hover:bg-(--ui-bg-accented)/75 disabled:pointer-events-none",
75
75
  "transition-colors"
76
76
  ],
77
77
  "tagsItemDeleteIcon": "",
@@ -176,11 +176,11 @@ export default {
176
176
  }
177
177
  },
178
178
  "variant": {
179
- "outline": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg)] ring ring-inset ring-[var(--ui-border-accented)]",
180
- "soft": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)]/50 hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg-elevated)]/50",
181
- "subtle": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)] ring ring-inset ring-[var(--ui-border-accented)]",
182
- "ghost": "text-[var(--ui-text-highlighted)] bg-transparent hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-transparent dark:disabled:bg-transparent",
183
- "none": "text-[var(--ui-text-highlighted)] bg-transparent"
179
+ "outline": "text-(--ui-text-highlighted) bg-(--ui-bg) ring ring-inset ring-(--ui-border-accented)",
180
+ "soft": "text-(--ui-text-highlighted) bg-(--ui-bg-elevated)/50 hover:bg-(--ui-bg-elevated) focus:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg-elevated)/50",
181
+ "subtle": "text-(--ui-text-highlighted) bg-(--ui-bg-elevated) ring ring-inset ring-(--ui-border-accented)",
182
+ "ghost": "text-(--ui-text-highlighted) bg-transparent hover:bg-(--ui-bg-elevated) focus:bg-(--ui-bg-elevated) disabled:bg-transparent dark:disabled:bg-transparent",
183
+ "none": "text-(--ui-text-highlighted) bg-transparent"
184
184
  },
185
185
  "color": {
186
186
  "primary": "",
@@ -204,15 +204,15 @@ export default {
204
204
  "true": ""
205
205
  },
206
206
  "type": {
207
- "file": "file:me-1.5 file:font-medium file:text-[var(--ui-text-muted)] file:outline-none"
207
+ "file": "file:me-1.5 file:font-medium file:text-(--ui-text-muted) file:outline-none"
208
208
  },
209
209
  "multiple": {
210
210
  "true": {
211
211
  "root": "flex-wrap",
212
- "tagsInput": "border-0 bg-transparent placeholder:text-[var(--ui-text-dimmed)] focus:outline-none disabled:cursor-not-allowed disabled:opacity-75"
212
+ "tagsInput": "border-0 bg-transparent placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75"
213
213
  },
214
214
  "false": {
215
- "base": "w-full border-0 placeholder:text-[var(--ui-text-dimmed)] focus:outline-none disabled:cursor-not-allowed disabled:opacity-75"
215
+ "base": "w-full border-0 placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75"
216
216
  }
217
217
  }
218
218
  },
@@ -224,7 +224,7 @@ export default {
224
224
  "outline" as typeof variant[number],
225
225
  "subtle" as typeof variant[number]
226
226
  ],
227
- "class": "has-focus-visible:ring-2 has-focus-visible:ring-[var(--ui-primary)]"
227
+ "class": "has-focus-visible:ring-2 has-focus-visible:ring-(--ui-primary)"
228
228
  },
229
229
  {
230
230
  "color": "secondary" as typeof color[number],
@@ -233,7 +233,7 @@ export default {
233
233
  "outline" as typeof variant[number],
234
234
  "subtle" as typeof variant[number]
235
235
  ],
236
- "class": "has-focus-visible:ring-2 has-focus-visible:ring-[var(--ui-secondary)]"
236
+ "class": "has-focus-visible:ring-2 has-focus-visible:ring-(--ui-secondary)"
237
237
  },
238
238
  {
239
239
  "color": "success" as typeof color[number],
@@ -242,7 +242,7 @@ export default {
242
242
  "outline" as typeof variant[number],
243
243
  "subtle" as typeof variant[number]
244
244
  ],
245
- "class": "has-focus-visible:ring-2 has-focus-visible:ring-[var(--ui-success)]"
245
+ "class": "has-focus-visible:ring-2 has-focus-visible:ring-(--ui-success)"
246
246
  },
247
247
  {
248
248
  "color": "info" as typeof color[number],
@@ -251,7 +251,7 @@ export default {
251
251
  "outline" as typeof variant[number],
252
252
  "subtle" as typeof variant[number]
253
253
  ],
254
- "class": "has-focus-visible:ring-2 has-focus-visible:ring-[var(--ui-info)]"
254
+ "class": "has-focus-visible:ring-2 has-focus-visible:ring-(--ui-info)"
255
255
  },
256
256
  {
257
257
  "color": "warning" as typeof color[number],
@@ -260,7 +260,7 @@ export default {
260
260
  "outline" as typeof variant[number],
261
261
  "subtle" as typeof variant[number]
262
262
  ],
263
- "class": "has-focus-visible:ring-2 has-focus-visible:ring-[var(--ui-warning)]"
263
+ "class": "has-focus-visible:ring-2 has-focus-visible:ring-(--ui-warning)"
264
264
  },
265
265
  {
266
266
  "color": "error" as typeof color[number],
@@ -269,7 +269,7 @@ export default {
269
269
  "outline" as typeof variant[number],
270
270
  "subtle" as typeof variant[number]
271
271
  ],
272
- "class": "has-focus-visible:ring-2 has-focus-visible:ring-[var(--ui-error)]"
272
+ "class": "has-focus-visible:ring-2 has-focus-visible:ring-(--ui-error)"
273
273
  },
274
274
  {
275
275
  "color": "neutral" as typeof color[number],
@@ -278,7 +278,7 @@ export default {
278
278
  "outline" as typeof variant[number],
279
279
  "subtle" as typeof variant[number]
280
280
  ],
281
- "class": "has-focus-visible:ring-2 has-focus-visible:ring-[var(--ui-border-inverted)]"
281
+ "class": "has-focus-visible:ring-2 has-focus-visible:ring-(--ui-border-inverted)"
282
282
  },
283
283
  {
284
284
  "color": "primary" as typeof color[number],
@@ -286,7 +286,7 @@ export default {
286
286
  "outline" as typeof variant[number],
287
287
  "subtle" as typeof variant[number]
288
288
  ],
289
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-primary)]"
289
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-primary)"
290
290
  },
291
291
  {
292
292
  "color": "secondary" as typeof color[number],
@@ -294,7 +294,7 @@ export default {
294
294
  "outline" as typeof variant[number],
295
295
  "subtle" as typeof variant[number]
296
296
  ],
297
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-secondary)]"
297
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-secondary)"
298
298
  },
299
299
  {
300
300
  "color": "success" as typeof color[number],
@@ -302,7 +302,7 @@ export default {
302
302
  "outline" as typeof variant[number],
303
303
  "subtle" as typeof variant[number]
304
304
  ],
305
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-success)]"
305
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-success)"
306
306
  },
307
307
  {
308
308
  "color": "info" as typeof color[number],
@@ -310,7 +310,7 @@ export default {
310
310
  "outline" as typeof variant[number],
311
311
  "subtle" as typeof variant[number]
312
312
  ],
313
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-info)]"
313
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-info)"
314
314
  },
315
315
  {
316
316
  "color": "warning" as typeof color[number],
@@ -318,7 +318,7 @@ export default {
318
318
  "outline" as typeof variant[number],
319
319
  "subtle" as typeof variant[number]
320
320
  ],
321
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-warning)]"
321
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-warning)"
322
322
  },
323
323
  {
324
324
  "color": "error" as typeof color[number],
@@ -326,37 +326,37 @@ export default {
326
326
  "outline" as typeof variant[number],
327
327
  "subtle" as typeof variant[number]
328
328
  ],
329
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-error)]"
329
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-error)"
330
330
  },
331
331
  {
332
332
  "color": "primary" as typeof color[number],
333
333
  "highlight": true,
334
- "class": "ring ring-inset ring-[var(--ui-primary)]"
334
+ "class": "ring ring-inset ring-(--ui-primary)"
335
335
  },
336
336
  {
337
337
  "color": "secondary" as typeof color[number],
338
338
  "highlight": true,
339
- "class": "ring ring-inset ring-[var(--ui-secondary)]"
339
+ "class": "ring ring-inset ring-(--ui-secondary)"
340
340
  },
341
341
  {
342
342
  "color": "success" as typeof color[number],
343
343
  "highlight": true,
344
- "class": "ring ring-inset ring-[var(--ui-success)]"
344
+ "class": "ring ring-inset ring-(--ui-success)"
345
345
  },
346
346
  {
347
347
  "color": "info" as typeof color[number],
348
348
  "highlight": true,
349
- "class": "ring ring-inset ring-[var(--ui-info)]"
349
+ "class": "ring ring-inset ring-(--ui-info)"
350
350
  },
351
351
  {
352
352
  "color": "warning" as typeof color[number],
353
353
  "highlight": true,
354
- "class": "ring ring-inset ring-[var(--ui-warning)]"
354
+ "class": "ring ring-inset ring-(--ui-warning)"
355
355
  },
356
356
  {
357
357
  "color": "error" as typeof color[number],
358
358
  "highlight": true,
359
- "class": "ring ring-inset ring-[var(--ui-error)]"
359
+ "class": "ring ring-inset ring-(--ui-error)"
360
360
  },
361
361
  {
362
362
  "color": "neutral" as typeof color[number],
@@ -364,12 +364,12 @@ export default {
364
364
  "outline" as typeof variant[number],
365
365
  "subtle" as typeof variant[number]
366
366
  ],
367
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-border-inverted)]"
367
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-border-inverted)"
368
368
  },
369
369
  {
370
370
  "color": "neutral" as typeof color[number],
371
371
  "highlight": true,
372
- "class": "ring ring-inset ring-[var(--ui-border-inverted)]"
372
+ "class": "ring ring-inset ring-(--ui-border-inverted)"
373
373
  },
374
374
  {
375
375
  "leading": true,
@@ -33,7 +33,7 @@ export default {
33
33
  "slots": {
34
34
  "root": "relative inline-flex items-center",
35
35
  "base": [
36
- "w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-[var(--ui-text-dimmed)] focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
36
+ "w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
37
37
  "transition-colors"
38
38
  ],
39
39
  "increment": "absolute flex items-center",
@@ -57,11 +57,11 @@ export default {
57
57
  "xl": "px-3 py-2 text-base gap-2"
58
58
  },
59
59
  "variant": {
60
- "outline": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg)] ring ring-inset ring-[var(--ui-border-accented)]",
61
- "soft": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)]/50 hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg-elevated)]/50",
62
- "subtle": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)] ring ring-inset ring-[var(--ui-border-accented)]",
63
- "ghost": "text-[var(--ui-text-highlighted)] bg-transparent hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-transparent dark:disabled:bg-transparent",
64
- "none": "text-[var(--ui-text-highlighted)] bg-transparent"
60
+ "outline": "text-(--ui-text-highlighted) bg-(--ui-bg) ring ring-inset ring-(--ui-border-accented)",
61
+ "soft": "text-(--ui-text-highlighted) bg-(--ui-bg-elevated)/50 hover:bg-(--ui-bg-elevated) focus:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg-elevated)/50",
62
+ "subtle": "text-(--ui-text-highlighted) bg-(--ui-bg-elevated) ring ring-inset ring-(--ui-border-accented)",
63
+ "ghost": "text-(--ui-text-highlighted) bg-transparent hover:bg-(--ui-bg-elevated) focus:bg-(--ui-bg-elevated) disabled:bg-transparent dark:disabled:bg-transparent",
64
+ "none": "text-(--ui-text-highlighted) bg-transparent"
65
65
  },
66
66
  "disabled": {
67
67
  "true": {
@@ -91,7 +91,7 @@ export default {
91
91
  "outline" as typeof variant[number],
92
92
  "subtle" as typeof variant[number]
93
93
  ],
94
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-primary)]"
94
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-primary)"
95
95
  },
96
96
  {
97
97
  "color": "secondary" as typeof color[number],
@@ -99,7 +99,7 @@ export default {
99
99
  "outline" as typeof variant[number],
100
100
  "subtle" as typeof variant[number]
101
101
  ],
102
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-secondary)]"
102
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-secondary)"
103
103
  },
104
104
  {
105
105
  "color": "success" as typeof color[number],
@@ -107,7 +107,7 @@ export default {
107
107
  "outline" as typeof variant[number],
108
108
  "subtle" as typeof variant[number]
109
109
  ],
110
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-success)]"
110
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-success)"
111
111
  },
112
112
  {
113
113
  "color": "info" as typeof color[number],
@@ -115,7 +115,7 @@ export default {
115
115
  "outline" as typeof variant[number],
116
116
  "subtle" as typeof variant[number]
117
117
  ],
118
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-info)]"
118
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-info)"
119
119
  },
120
120
  {
121
121
  "color": "warning" as typeof color[number],
@@ -123,7 +123,7 @@ export default {
123
123
  "outline" as typeof variant[number],
124
124
  "subtle" as typeof variant[number]
125
125
  ],
126
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-warning)]"
126
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-warning)"
127
127
  },
128
128
  {
129
129
  "color": "error" as typeof color[number],
@@ -131,37 +131,37 @@ export default {
131
131
  "outline" as typeof variant[number],
132
132
  "subtle" as typeof variant[number]
133
133
  ],
134
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-error)]"
134
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-error)"
135
135
  },
136
136
  {
137
137
  "color": "primary" as typeof color[number],
138
138
  "highlight": true,
139
- "class": "ring ring-inset ring-[var(--ui-primary)]"
139
+ "class": "ring ring-inset ring-(--ui-primary)"
140
140
  },
141
141
  {
142
142
  "color": "secondary" as typeof color[number],
143
143
  "highlight": true,
144
- "class": "ring ring-inset ring-[var(--ui-secondary)]"
144
+ "class": "ring ring-inset ring-(--ui-secondary)"
145
145
  },
146
146
  {
147
147
  "color": "success" as typeof color[number],
148
148
  "highlight": true,
149
- "class": "ring ring-inset ring-[var(--ui-success)]"
149
+ "class": "ring ring-inset ring-(--ui-success)"
150
150
  },
151
151
  {
152
152
  "color": "info" as typeof color[number],
153
153
  "highlight": true,
154
- "class": "ring ring-inset ring-[var(--ui-info)]"
154
+ "class": "ring ring-inset ring-(--ui-info)"
155
155
  },
156
156
  {
157
157
  "color": "warning" as typeof color[number],
158
158
  "highlight": true,
159
- "class": "ring ring-inset ring-[var(--ui-warning)]"
159
+ "class": "ring ring-inset ring-(--ui-warning)"
160
160
  },
161
161
  {
162
162
  "color": "error" as typeof color[number],
163
163
  "highlight": true,
164
- "class": "ring ring-inset ring-[var(--ui-error)]"
164
+ "class": "ring ring-inset ring-(--ui-error)"
165
165
  },
166
166
  {
167
167
  "color": "neutral" as typeof color[number],
@@ -169,12 +169,12 @@ export default {
169
169
  "outline" as typeof variant[number],
170
170
  "subtle" as typeof variant[number]
171
171
  ],
172
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-border-inverted)]"
172
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-border-inverted)"
173
173
  },
174
174
  {
175
175
  "color": "neutral" as typeof color[number],
176
176
  "highlight": true,
177
- "class": "ring ring-inset ring-[var(--ui-border-inverted)]"
177
+ "class": "ring ring-inset ring-(--ui-border-inverted)"
178
178
  },
179
179
  {
180
180
  "orientation": "horizontal" as typeof orientation[number],
package/.nuxt/ui/input.ts CHANGED
@@ -37,15 +37,15 @@ export default {
37
37
  "slots": {
38
38
  "root": "relative inline-flex items-center",
39
39
  "base": [
40
- "w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-[var(--ui-text-dimmed)] focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
40
+ "w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
41
41
  "transition-colors"
42
42
  ],
43
43
  "leading": "absolute inset-y-0 start-0 flex items-center",
44
- "leadingIcon": "shrink-0 text-[var(--ui-text-dimmed)]",
44
+ "leadingIcon": "shrink-0 text-(--ui-text-dimmed)",
45
45
  "leadingAvatar": "shrink-0",
46
46
  "leadingAvatarSize": "",
47
47
  "trailing": "absolute inset-y-0 end-0 flex items-center",
48
- "trailingIcon": "shrink-0 text-[var(--ui-text-dimmed)]"
48
+ "trailingIcon": "shrink-0 text-(--ui-text-dimmed)"
49
49
  },
50
50
  "variants": {
51
51
  "buttonGroup": {
@@ -101,11 +101,11 @@ export default {
101
101
  }
102
102
  },
103
103
  "variant": {
104
- "outline": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg)] ring ring-inset ring-[var(--ui-border-accented)]",
105
- "soft": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)]/50 hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg-elevated)]/50",
106
- "subtle": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)] ring ring-inset ring-[var(--ui-border-accented)]",
107
- "ghost": "text-[var(--ui-text-highlighted)] bg-transparent hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-transparent dark:disabled:bg-transparent",
108
- "none": "text-[var(--ui-text-highlighted)] bg-transparent"
104
+ "outline": "text-(--ui-text-highlighted) bg-(--ui-bg) ring ring-inset ring-(--ui-border-accented)",
105
+ "soft": "text-(--ui-text-highlighted) bg-(--ui-bg-elevated)/50 hover:bg-(--ui-bg-elevated) focus:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg-elevated)/50",
106
+ "subtle": "text-(--ui-text-highlighted) bg-(--ui-bg-elevated) ring ring-inset ring-(--ui-border-accented)",
107
+ "ghost": "text-(--ui-text-highlighted) bg-transparent hover:bg-(--ui-bg-elevated) focus:bg-(--ui-bg-elevated) disabled:bg-transparent dark:disabled:bg-transparent",
108
+ "none": "text-(--ui-text-highlighted) bg-transparent"
109
109
  },
110
110
  "color": {
111
111
  "primary": "",
@@ -129,7 +129,7 @@ export default {
129
129
  "true": ""
130
130
  },
131
131
  "type": {
132
- "file": "file:me-1.5 file:font-medium file:text-[var(--ui-text-muted)] file:outline-none"
132
+ "file": "file:me-1.5 file:font-medium file:text-(--ui-text-muted) file:outline-none"
133
133
  }
134
134
  },
135
135
  "compoundVariants": [
@@ -139,7 +139,7 @@ export default {
139
139
  "outline" as typeof variant[number],
140
140
  "subtle" as typeof variant[number]
141
141
  ],
142
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-primary)]"
142
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-primary)"
143
143
  },
144
144
  {
145
145
  "color": "secondary" as typeof color[number],
@@ -147,7 +147,7 @@ export default {
147
147
  "outline" as typeof variant[number],
148
148
  "subtle" as typeof variant[number]
149
149
  ],
150
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-secondary)]"
150
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-secondary)"
151
151
  },
152
152
  {
153
153
  "color": "success" as typeof color[number],
@@ -155,7 +155,7 @@ export default {
155
155
  "outline" as typeof variant[number],
156
156
  "subtle" as typeof variant[number]
157
157
  ],
158
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-success)]"
158
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-success)"
159
159
  },
160
160
  {
161
161
  "color": "info" as typeof color[number],
@@ -163,7 +163,7 @@ export default {
163
163
  "outline" as typeof variant[number],
164
164
  "subtle" as typeof variant[number]
165
165
  ],
166
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-info)]"
166
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-info)"
167
167
  },
168
168
  {
169
169
  "color": "warning" as typeof color[number],
@@ -171,7 +171,7 @@ export default {
171
171
  "outline" as typeof variant[number],
172
172
  "subtle" as typeof variant[number]
173
173
  ],
174
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-warning)]"
174
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-warning)"
175
175
  },
176
176
  {
177
177
  "color": "error" as typeof color[number],
@@ -179,37 +179,37 @@ export default {
179
179
  "outline" as typeof variant[number],
180
180
  "subtle" as typeof variant[number]
181
181
  ],
182
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-error)]"
182
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-error)"
183
183
  },
184
184
  {
185
185
  "color": "primary" as typeof color[number],
186
186
  "highlight": true,
187
- "class": "ring ring-inset ring-[var(--ui-primary)]"
187
+ "class": "ring ring-inset ring-(--ui-primary)"
188
188
  },
189
189
  {
190
190
  "color": "secondary" as typeof color[number],
191
191
  "highlight": true,
192
- "class": "ring ring-inset ring-[var(--ui-secondary)]"
192
+ "class": "ring ring-inset ring-(--ui-secondary)"
193
193
  },
194
194
  {
195
195
  "color": "success" as typeof color[number],
196
196
  "highlight": true,
197
- "class": "ring ring-inset ring-[var(--ui-success)]"
197
+ "class": "ring ring-inset ring-(--ui-success)"
198
198
  },
199
199
  {
200
200
  "color": "info" as typeof color[number],
201
201
  "highlight": true,
202
- "class": "ring ring-inset ring-[var(--ui-info)]"
202
+ "class": "ring ring-inset ring-(--ui-info)"
203
203
  },
204
204
  {
205
205
  "color": "warning" as typeof color[number],
206
206
  "highlight": true,
207
- "class": "ring ring-inset ring-[var(--ui-warning)]"
207
+ "class": "ring ring-inset ring-(--ui-warning)"
208
208
  },
209
209
  {
210
210
  "color": "error" as typeof color[number],
211
211
  "highlight": true,
212
- "class": "ring ring-inset ring-[var(--ui-error)]"
212
+ "class": "ring ring-inset ring-(--ui-error)"
213
213
  },
214
214
  {
215
215
  "color": "neutral" as typeof color[number],
@@ -217,12 +217,12 @@ export default {
217
217
  "outline" as typeof variant[number],
218
218
  "subtle" as typeof variant[number]
219
219
  ],
220
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-border-inverted)]"
220
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-border-inverted)"
221
221
  },
222
222
  {
223
223
  "color": "neutral" as typeof color[number],
224
224
  "highlight": true,
225
- "class": "ring ring-inset ring-[var(--ui-border-inverted)]"
225
+ "class": "ring ring-inset ring-(--ui-border-inverted)"
226
226
  },
227
227
  {
228
228
  "leading": true,
package/.nuxt/ui/kbd.ts CHANGED
@@ -11,12 +11,12 @@ const size = [
11
11
  ] as const
12
12
 
13
13
  export default {
14
- "base": "inline-flex items-center justify-center px-1 rounded-[var(--ui-radius)] font-medium font-sans",
14
+ "base": "inline-flex items-center justify-center px-1 rounded-(--ui-radius) font-medium font-sans",
15
15
  "variants": {
16
16
  "variant": {
17
- "solid": "bg-[var(--ui-bg-inverted)] text-[var(--ui-bg)]",
18
- "outline": "bg-[var(--ui-bg)] text-[var(--ui-text-highlighted)] ring ring-inset ring-[var(--ui-border-accented)]",
19
- "subtle": "bg-[var(--ui-bg-elevated)] text-[var(--ui-text)] ring ring-inset ring-[var(--ui-border-accented)]"
17
+ "solid": "bg-(--ui-bg-inverted) text-(--ui-bg)",
18
+ "outline": "bg-(--ui-bg) text-(--ui-text-highlighted) ring ring-inset ring-(--ui-border-accented)",
19
+ "subtle": "bg-(--ui-bg-elevated) text-(--ui-text) ring ring-inset ring-(--ui-border-accented)"
20
20
  },
21
21
  "size": {
22
22
  "sm": "h-4 min-w-[16px] text-[10px]",
package/.nuxt/ui/link.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  export default {
2
- "base": "focus-visible:outline-[var(--ui-primary)]",
2
+ "base": "focus-visible:outline-(--ui-primary)",
3
3
  "variants": {
4
4
  "active": {
5
- "true": "text-[var(--ui-primary)]",
5
+ "true": "text-(--ui-primary)",
6
6
  "false": [
7
- "text-[var(--ui-text-muted)] hover:text-[var(--ui-text)]",
7
+ "text-(--ui-text-muted) hover:text-(--ui-text)",
8
8
  "transition-colors"
9
9
  ]
10
10
  },
package/.nuxt/ui/modal.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  export default {
2
2
  "slots": {
3
- "overlay": "fixed inset-0 bg-[var(--ui-bg-elevated)]/75",
4
- "content": "fixed w-full h-dvh bg-[var(--ui-bg)] divide-y divide-[var(--ui-border)] flex flex-col focus:outline-none",
3
+ "overlay": "fixed inset-0 bg-(--ui-bg-elevated)/75",
4
+ "content": "fixed bg-(--ui-bg) divide-y divide-(--ui-border) flex flex-col focus:outline-none",
5
5
  "header": "px-4 py-5 sm:px-6",
6
6
  "body": "flex-1 overflow-y-auto p-4 sm:p-6",
7
7
  "footer": "flex items-center gap-1.5 p-4 sm:px-6",
8
- "title": "text-[var(--ui-text-highlighted)] font-semibold",
9
- "description": "mt-1 text-[var(--ui-text-muted)] text-sm",
8
+ "title": "text-(--ui-text-highlighted) font-semibold",
9
+ "description": "mt-1 text-(--ui-text-muted) text-sm",
10
10
  "close": "absolute top-4 end-4"
11
11
  },
12
12
  "variants": {
@@ -21,7 +21,7 @@ export default {
21
21
  "content": "inset-0"
22
22
  },
23
23
  "false": {
24
- "content": "top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] sm:max-w-lg sm:h-auto sm:max-h-[calc(100vh-4rem)] sm:rounded-[calc(var(--ui-radius)*2)] sm:shadow-lg sm:ring ring-[var(--ui-border)]"
24
+ "content": "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[calc(100vw-2rem)] max-w-lg max-h-[calc(100vh-2rem)] sm:max-h-[calc(100vh-4rem)] rounded-[calc(var(--ui-radius)*2)] shadow-lg ring ring-(--ui-border)"
25
25
  }
26
26
  }
27
27
  }