@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
package/.nuxt/ui/progress.ts CHANGED
@@ -40,9 +40,9 @@ const orientation = [
40
40
  export default {
41
41
  "slots": {
42
42
  "root": "gap-2",
43
- "base": "relative overflow-hidden rounded-full bg-[var(--ui-bg-accented)]",
43
+ "base": "relative overflow-hidden rounded-full bg-(--ui-bg-accented)",
44
44
  "indicator": "rounded-full size-full transition-transform duration-200 ease-out",
45
- "status": "flex justify-end text-[var(--ui-text-dimmed)] transition-[width] duration-200",
45
+ "status": "flex justify-end text-(--ui-text-dimmed) transition-[width] duration-200",
46
46
  "steps": "grid items-end",
47
47
  "step": "truncate text-end row-start-1 col-start-1 transition-opacity" as typeof step[number]
48
48
  },
@@ -55,32 +55,32 @@ export default {
55
55
  },
56
56
  "color": {
57
57
  "primary": {
58
- "indicator": "bg-[var(--ui-primary)]",
59
- "steps": "text-[var(--ui-primary)]"
58
+ "indicator": "bg-(--ui-primary)",
59
+ "steps": "text-(--ui-primary)"
60
60
  },
61
61
  "secondary": {
62
- "indicator": "bg-[var(--ui-secondary)]",
63
- "steps": "text-[var(--ui-secondary)]"
62
+ "indicator": "bg-(--ui-secondary)",
63
+ "steps": "text-(--ui-secondary)"
64
64
  },
65
65
  "success": {
66
- "indicator": "bg-[var(--ui-success)]",
67
- "steps": "text-[var(--ui-success)]"
66
+ "indicator": "bg-(--ui-success)",
67
+ "steps": "text-(--ui-success)"
68
68
  },
69
69
  "info": {
70
- "indicator": "bg-[var(--ui-info)]",
71
- "steps": "text-[var(--ui-info)]"
70
+ "indicator": "bg-(--ui-info)",
71
+ "steps": "text-(--ui-info)"
72
72
  },
73
73
  "warning": {
74
- "indicator": "bg-[var(--ui-warning)]",
75
- "steps": "text-[var(--ui-warning)]"
74
+ "indicator": "bg-(--ui-warning)",
75
+ "steps": "text-(--ui-warning)"
76
76
  },
77
77
  "error": {
78
- "indicator": "bg-[var(--ui-error)]",
79
- "steps": "text-[var(--ui-error)]"
78
+ "indicator": "bg-(--ui-error)",
79
+ "steps": "text-(--ui-error)"
80
80
  },
81
81
  "neutral": {
82
- "indicator": "bg-[var(--ui-bg-inverted)]",
83
- "steps": "text-[var(--ui-bg)]"
82
+ "indicator": "bg-(--ui-bg-inverted)",
83
+ "steps": "text-(--ui-bg)"
84
84
  }
85
85
  },
86
86
  "size": {
@@ -118,7 +118,7 @@ export default {
118
118
  "step": "opacity-100" as typeof step[number]
119
119
  },
120
120
  "first": {
121
- "step": "opacity-100 text-[var(--ui-text-muted)]" as typeof step[number]
121
+ "step": "opacity-100 text-(--ui-text-muted)" as typeof step[number]
122
122
  },
123
123
  "other": {
124
124
  "step": "opacity-0" as typeof step[number]
package/.nuxt/ui/radio-group.ts CHANGED
@@ -25,44 +25,44 @@ export default {
25
25
  "slots": {
26
26
  "root": "relative",
27
27
  "fieldset": "flex",
28
- "legend": "mb-1 block font-medium text-[var(--ui-text)]",
28
+ "legend": "mb-1 block font-medium text-(--ui-text)",
29
29
  "item": "flex items-start",
30
- "base": "rounded-full ring ring-inset ring-[var(--ui-border-accented)] focus-visible:outline-2 focus-visible:outline-offset-2",
31
- "indicator": "flex items-center justify-center size-full rounded-full after:bg-[var(--ui-bg)] after:rounded-full",
30
+ "base": "rounded-full ring ring-inset ring-(--ui-border-accented) focus-visible:outline-2 focus-visible:outline-offset-2",
31
+ "indicator": "flex items-center justify-center size-full rounded-full after:bg-(--ui-bg) after:rounded-full",
32
32
  "container": "flex items-center",
33
33
  "wrapper": "ms-2",
34
- "label": "block font-medium text-[var(--ui-text)]",
35
- "description": "text-[var(--ui-text-muted)]"
34
+ "label": "block font-medium text-(--ui-text)",
35
+ "description": "text-(--ui-text-muted)"
36
36
  },
37
37
  "variants": {
38
38
  "color": {
39
39
  "primary": {
40
- "base": "focus-visible:outline-[var(--ui-primary)]",
41
- "indicator": "bg-[var(--ui-primary)]"
40
+ "base": "focus-visible:outline-(--ui-primary)",
41
+ "indicator": "bg-(--ui-primary)"
42
42
  },
43
43
  "secondary": {
44
- "base": "focus-visible:outline-[var(--ui-secondary)]",
45
- "indicator": "bg-[var(--ui-secondary)]"
44
+ "base": "focus-visible:outline-(--ui-secondary)",
45
+ "indicator": "bg-(--ui-secondary)"
46
46
  },
47
47
  "success": {
48
- "base": "focus-visible:outline-[var(--ui-success)]",
49
- "indicator": "bg-[var(--ui-success)]"
48
+ "base": "focus-visible:outline-(--ui-success)",
49
+ "indicator": "bg-(--ui-success)"
50
50
  },
51
51
  "info": {
52
- "base": "focus-visible:outline-[var(--ui-info)]",
53
- "indicator": "bg-[var(--ui-info)]"
52
+ "base": "focus-visible:outline-(--ui-info)",
53
+ "indicator": "bg-(--ui-info)"
54
54
  },
55
55
  "warning": {
56
- "base": "focus-visible:outline-[var(--ui-warning)]",
57
- "indicator": "bg-[var(--ui-warning)]"
56
+ "base": "focus-visible:outline-(--ui-warning)",
57
+ "indicator": "bg-(--ui-warning)"
58
58
  },
59
59
  "error": {
60
- "base": "focus-visible:outline-[var(--ui-error)]",
61
- "indicator": "bg-[var(--ui-error)]"
60
+ "base": "focus-visible:outline-(--ui-error)",
61
+ "indicator": "bg-(--ui-error)"
62
62
  },
63
63
  "neutral": {
64
- "base": "focus-visible:outline-[var(--ui-border-inverted)]",
65
- "indicator": "bg-[var(--ui-bg-inverted)]"
64
+ "base": "focus-visible:outline-(--ui-border-inverted)",
65
+ "indicator": "bg-(--ui-bg-inverted)"
66
66
  }
67
67
  },
68
68
  "orientation": {
@@ -124,7 +124,7 @@ export default {
124
124
  },
125
125
  "required": {
126
126
  "true": {
127
- "legend": "after:content-['*'] after:ms-0.5 after:text-[var(--ui-error)]"
127
+ "legend": "after:content-['*'] after:ms-0.5 after:text-(--ui-error)"
128
128
  }
129
129
  }
130
130
  },
package/.nuxt/ui/select-menu.ts CHANGED
@@ -40,26 +40,26 @@ export default {
40
40
  "transition-colors"
41
41
  ],
42
42
  "leading": "absolute inset-y-0 start-0 flex items-center",
43
- "leadingIcon": "shrink-0 text-[var(--ui-text-dimmed)]",
43
+ "leadingIcon": "shrink-0 text-(--ui-text-dimmed)",
44
44
  "leadingAvatar": "shrink-0",
45
45
  "leadingAvatarSize": "",
46
46
  "trailing": "absolute inset-y-0 end-0 flex items-center",
47
- "trailingIcon": "shrink-0 text-[var(--ui-text-dimmed)]",
47
+ "trailingIcon": "shrink-0 text-(--ui-text-dimmed)",
48
48
  "value": "truncate pointer-events-none",
49
- "placeholder": "truncate text-[var(--ui-text-dimmed)]",
50
- "arrow": "fill-[var(--ui-border)]",
51
- "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",
52
- "viewport": "divide-y divide-[var(--ui-border)] scroll-py-1",
49
+ "placeholder": "truncate text-(--ui-text-dimmed)",
50
+ "arrow": "fill-(--ui-border)",
51
+ "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",
52
+ "viewport": "divide-y divide-(--ui-border) scroll-py-1",
53
53
  "group": "p-1 isolate",
54
- "empty": "py-2 text-center text-sm text-[var(--ui-text-muted)]",
55
- "label": "font-semibold text-[var(--ui-text-highlighted)]",
56
- "separator": "-mx-1 my-1 h-px bg-[var(--ui-border)]",
54
+ "empty": "py-2 text-center text-sm text-(--ui-text-muted)",
55
+ "label": "font-semibold text-(--ui-text-highlighted)",
56
+ "separator": "-mx-1 my-1 h-px bg-(--ui-border)",
57
57
  "item": [
58
- "group relative w-full flex items-center 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",
58
+ "group relative w-full flex items-center 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",
59
59
  "transition-colors before:transition-colors"
60
60
  ],
61
61
  "itemLeadingIcon": [
62
- "shrink-0 text-[var(--ui-text-dimmed)] group-data-highlighted:text-[var(--ui-text)]",
62
+ "shrink-0 text-(--ui-text-dimmed) group-data-highlighted:text-(--ui-text)",
63
63
  "transition-colors"
64
64
  ],
65
65
  "itemLeadingAvatar": "shrink-0",
@@ -69,7 +69,8 @@ export default {
69
69
  "itemTrailing": "ms-auto inline-flex gap-1.5 items-center",
70
70
  "itemTrailingIcon": "shrink-0",
71
71
  "itemLabel": "truncate",
72
- "input": "border-b border-[var(--ui-border)]"
72
+ "input": "border-b border-(--ui-border)",
73
+ "focusScope": "flex flex-col min-h-0"
73
74
  },
74
75
  "variants": {
75
76
  "buttonGroup": {
@@ -154,11 +155,11 @@ export default {
154
155
  }
155
156
  },
156
157
  "variant": {
157
- "outline": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg)] ring ring-inset ring-[var(--ui-border-accented)]",
158
- "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",
159
- "subtle": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)] ring ring-inset ring-[var(--ui-border-accented)]",
160
- "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",
161
- "none": "text-[var(--ui-text-highlighted)] bg-transparent"
158
+ "outline": "text-(--ui-text-highlighted) bg-(--ui-bg) ring ring-inset ring-(--ui-border-accented)",
159
+ "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",
160
+ "subtle": "text-(--ui-text-highlighted) bg-(--ui-bg-elevated) ring ring-inset ring-(--ui-border-accented)",
161
+ "ghost": "text-(--ui-text-highlighted) bg-transparent hover:bg-(--ui-bg-elevated) focus:bg-(--ui-bg-elevated) disabled:bg-transparent dark:disabled:bg-transparent",
162
+ "none": "text-(--ui-text-highlighted) bg-transparent"
162
163
  },
163
164
  "color": {
164
165
  "primary": "",
@@ -182,7 +183,7 @@ export default {
182
183
  "true": ""
183
184
  },
184
185
  "type": {
185
- "file": "file:me-1.5 file:font-medium file:text-[var(--ui-text-muted)] file:outline-none"
186
+ "file": "file:me-1.5 file:font-medium file:text-(--ui-text-muted) file:outline-none"
186
187
  }
187
188
  },
188
189
  "compoundVariants": [
@@ -192,7 +193,7 @@ export default {
192
193
  "outline" as typeof variant[number],
193
194
  "subtle" as typeof variant[number]
194
195
  ],
195
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-primary)]"
196
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-primary)"
196
197
  },
197
198
  {
198
199
  "color": "secondary" as typeof color[number],
@@ -200,7 +201,7 @@ export default {
200
201
  "outline" as typeof variant[number],
201
202
  "subtle" as typeof variant[number]
202
203
  ],
203
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-secondary)]"
204
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-secondary)"
204
205
  },
205
206
  {
206
207
  "color": "success" as typeof color[number],
@@ -208,7 +209,7 @@ export default {
208
209
  "outline" as typeof variant[number],
209
210
  "subtle" as typeof variant[number]
210
211
  ],
211
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-success)]"
212
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-success)"
212
213
  },
213
214
  {
214
215
  "color": "info" as typeof color[number],
@@ -216,7 +217,7 @@ export default {
216
217
  "outline" as typeof variant[number],
217
218
  "subtle" as typeof variant[number]
218
219
  ],
219
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-info)]"
220
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-info)"
220
221
  },
221
222
  {
222
223
  "color": "warning" as typeof color[number],
@@ -224,7 +225,7 @@ export default {
224
225
  "outline" as typeof variant[number],
225
226
  "subtle" as typeof variant[number]
226
227
  ],
227
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-warning)]"
228
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-warning)"
228
229
  },
229
230
  {
230
231
  "color": "error" as typeof color[number],
@@ -232,37 +233,37 @@ export default {
232
233
  "outline" as typeof variant[number],
233
234
  "subtle" as typeof variant[number]
234
235
  ],
235
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-error)]"
236
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-error)"
236
237
  },
237
238
  {
238
239
  "color": "primary" as typeof color[number],
239
240
  "highlight": true,
240
- "class": "ring ring-inset ring-[var(--ui-primary)]"
241
+ "class": "ring ring-inset ring-(--ui-primary)"
241
242
  },
242
243
  {
243
244
  "color": "secondary" as typeof color[number],
244
245
  "highlight": true,
245
- "class": "ring ring-inset ring-[var(--ui-secondary)]"
246
+ "class": "ring ring-inset ring-(--ui-secondary)"
246
247
  },
247
248
  {
248
249
  "color": "success" as typeof color[number],
249
250
  "highlight": true,
250
- "class": "ring ring-inset ring-[var(--ui-success)]"
251
+ "class": "ring ring-inset ring-(--ui-success)"
251
252
  },
252
253
  {
253
254
  "color": "info" as typeof color[number],
254
255
  "highlight": true,
255
- "class": "ring ring-inset ring-[var(--ui-info)]"
256
+ "class": "ring ring-inset ring-(--ui-info)"
256
257
  },
257
258
  {
258
259
  "color": "warning" as typeof color[number],
259
260
  "highlight": true,
260
- "class": "ring ring-inset ring-[var(--ui-warning)]"
261
+ "class": "ring ring-inset ring-(--ui-warning)"
261
262
  },
262
263
  {
263
264
  "color": "error" as typeof color[number],
264
265
  "highlight": true,
265
- "class": "ring ring-inset ring-[var(--ui-error)]"
266
+ "class": "ring ring-inset ring-(--ui-error)"
266
267
  },
267
268
  {
268
269
  "color": "neutral" as typeof color[number],
@@ -270,12 +271,12 @@ export default {
270
271
  "outline" as typeof variant[number],
271
272
  "subtle" as typeof variant[number]
272
273
  ],
273
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-border-inverted)]"
274
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-border-inverted)"
274
275
  },
275
276
  {
276
277
  "color": "neutral" as typeof color[number],
277
278
  "highlight": true,
278
- "class": "ring ring-inset ring-[var(--ui-border-inverted)]"
279
+ "class": "ring ring-inset ring-(--ui-border-inverted)"
279
280
  },
280
281
  {
281
282
  "leading": true,
package/.nuxt/ui/select.ts CHANGED
@@ -40,26 +40,26 @@ export default {
40
40
  "transition-colors"
41
41
  ],
42
42
  "leading": "absolute inset-y-0 start-0 flex items-center",
43
- "leadingIcon": "shrink-0 text-[var(--ui-text-dimmed)]",
43
+ "leadingIcon": "shrink-0 text-(--ui-text-dimmed)",
44
44
  "leadingAvatar": "shrink-0",
45
45
  "leadingAvatarSize": "",
46
46
  "trailing": "absolute inset-y-0 end-0 flex items-center",
47
- "trailingIcon": "shrink-0 text-[var(--ui-text-dimmed)]",
47
+ "trailingIcon": "shrink-0 text-(--ui-text-dimmed)",
48
48
  "value": "truncate pointer-events-none",
49
- "placeholder": "truncate text-[var(--ui-text-dimmed)]",
50
- "arrow": "fill-[var(--ui-border)]",
51
- "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",
52
- "viewport": "divide-y divide-[var(--ui-border)] scroll-py-1",
49
+ "placeholder": "truncate text-(--ui-text-dimmed)",
50
+ "arrow": "fill-(--ui-border)",
51
+ "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",
52
+ "viewport": "divide-y divide-(--ui-border) scroll-py-1",
53
53
  "group": "p-1 isolate",
54
- "empty": "py-2 text-center text-sm text-[var(--ui-text-muted)]",
55
- "label": "font-semibold text-[var(--ui-text-highlighted)]",
56
- "separator": "-mx-1 my-1 h-px bg-[var(--ui-border)]",
54
+ "empty": "py-2 text-center text-sm text-(--ui-text-muted)",
55
+ "label": "font-semibold text-(--ui-text-highlighted)",
56
+ "separator": "-mx-1 my-1 h-px bg-(--ui-border)",
57
57
  "item": [
58
- "group relative w-full flex items-center 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",
58
+ "group relative w-full flex items-center 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",
59
59
  "transition-colors before:transition-colors"
60
60
  ],
61
61
  "itemLeadingIcon": [
62
- "shrink-0 text-[var(--ui-text-dimmed)] group-data-highlighted:text-[var(--ui-text)]",
62
+ "shrink-0 text-(--ui-text-dimmed) group-data-highlighted:text-(--ui-text)",
63
63
  "transition-colors"
64
64
  ],
65
65
  "itemLeadingAvatar": "shrink-0",
@@ -153,11 +153,11 @@ export default {
153
153
  }
154
154
  },
155
155
  "variant": {
156
- "outline": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg)] ring ring-inset ring-[var(--ui-border-accented)]",
157
- "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",
158
- "subtle": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)] ring ring-inset ring-[var(--ui-border-accented)]",
159
- "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",
160
- "none": "text-[var(--ui-text-highlighted)] bg-transparent"
156
+ "outline": "text-(--ui-text-highlighted) bg-(--ui-bg) ring ring-inset ring-(--ui-border-accented)",
157
+ "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",
158
+ "subtle": "text-(--ui-text-highlighted) bg-(--ui-bg-elevated) ring ring-inset ring-(--ui-border-accented)",
159
+ "ghost": "text-(--ui-text-highlighted) bg-transparent hover:bg-(--ui-bg-elevated) focus:bg-(--ui-bg-elevated) disabled:bg-transparent dark:disabled:bg-transparent",
160
+ "none": "text-(--ui-text-highlighted) bg-transparent"
161
161
  },
162
162
  "color": {
163
163
  "primary": "",
@@ -181,7 +181,7 @@ export default {
181
181
  "true": ""
182
182
  },
183
183
  "type": {
184
- "file": "file:me-1.5 file:font-medium file:text-[var(--ui-text-muted)] file:outline-none"
184
+ "file": "file:me-1.5 file:font-medium file:text-(--ui-text-muted) file:outline-none"
185
185
  }
186
186
  },
187
187
  "compoundVariants": [
@@ -191,7 +191,7 @@ export default {
191
191
  "outline" as typeof variant[number],
192
192
  "subtle" as typeof variant[number]
193
193
  ],
194
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-primary)]"
194
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-primary)"
195
195
  },
196
196
  {
197
197
  "color": "secondary" as typeof color[number],
@@ -199,7 +199,7 @@ export default {
199
199
  "outline" as typeof variant[number],
200
200
  "subtle" as typeof variant[number]
201
201
  ],
202
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-secondary)]"
202
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-secondary)"
203
203
  },
204
204
  {
205
205
  "color": "success" as typeof color[number],
@@ -207,7 +207,7 @@ export default {
207
207
  "outline" as typeof variant[number],
208
208
  "subtle" as typeof variant[number]
209
209
  ],
210
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-success)]"
210
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-success)"
211
211
  },
212
212
  {
213
213
  "color": "info" as typeof color[number],
@@ -215,7 +215,7 @@ export default {
215
215
  "outline" as typeof variant[number],
216
216
  "subtle" as typeof variant[number]
217
217
  ],
218
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-info)]"
218
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-info)"
219
219
  },
220
220
  {
221
221
  "color": "warning" as typeof color[number],
@@ -223,7 +223,7 @@ export default {
223
223
  "outline" as typeof variant[number],
224
224
  "subtle" as typeof variant[number]
225
225
  ],
226
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-warning)]"
226
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-warning)"
227
227
  },
228
228
  {
229
229
  "color": "error" as typeof color[number],
@@ -231,37 +231,37 @@ export default {
231
231
  "outline" as typeof variant[number],
232
232
  "subtle" as typeof variant[number]
233
233
  ],
234
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-error)]"
234
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-error)"
235
235
  },
236
236
  {
237
237
  "color": "primary" as typeof color[number],
238
238
  "highlight": true,
239
- "class": "ring ring-inset ring-[var(--ui-primary)]"
239
+ "class": "ring ring-inset ring-(--ui-primary)"
240
240
  },
241
241
  {
242
242
  "color": "secondary" as typeof color[number],
243
243
  "highlight": true,
244
- "class": "ring ring-inset ring-[var(--ui-secondary)]"
244
+ "class": "ring ring-inset ring-(--ui-secondary)"
245
245
  },
246
246
  {
247
247
  "color": "success" as typeof color[number],
248
248
  "highlight": true,
249
- "class": "ring ring-inset ring-[var(--ui-success)]"
249
+ "class": "ring ring-inset ring-(--ui-success)"
250
250
  },
251
251
  {
252
252
  "color": "info" as typeof color[number],
253
253
  "highlight": true,
254
- "class": "ring ring-inset ring-[var(--ui-info)]"
254
+ "class": "ring ring-inset ring-(--ui-info)"
255
255
  },
256
256
  {
257
257
  "color": "warning" as typeof color[number],
258
258
  "highlight": true,
259
- "class": "ring ring-inset ring-[var(--ui-warning)]"
259
+ "class": "ring ring-inset ring-(--ui-warning)"
260
260
  },
261
261
  {
262
262
  "color": "error" as typeof color[number],
263
263
  "highlight": true,
264
- "class": "ring ring-inset ring-[var(--ui-error)]"
264
+ "class": "ring ring-inset ring-(--ui-error)"
265
265
  },
266
266
  {
267
267
  "color": "neutral" as typeof color[number],
@@ -269,12 +269,12 @@ export default {
269
269
  "outline" as typeof variant[number],
270
270
  "subtle" as typeof variant[number]
271
271
  ],
272
- "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-border-inverted)]"
272
+ "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-border-inverted)"
273
273
  },
274
274
  {
275
275
  "color": "neutral" as typeof color[number],
276
276
  "highlight": true,
277
- "class": "ring ring-inset ring-[var(--ui-border-inverted)]"
277
+ "class": "ring ring-inset ring-(--ui-border-inverted)"
278
278
  },
279
279
  {
280
280
  "leading": true,
package/.nuxt/ui/separator.ts CHANGED
@@ -31,7 +31,7 @@ export default {
31
31
  "slots": {
32
32
  "root": "flex items-center align-center text-center",
33
33
  "border": "",
34
- "container": "font-medium text-[var(--ui-text)] flex",
34
+ "container": "font-medium text-(--ui-text) flex",
35
35
  "icon": "shrink-0 size-5",
36
36
  "avatar": "shrink-0",
37
37
  "avatarSize": "2xs",
@@ -40,25 +40,25 @@ export default {
40
40
  "variants": {
41
41
  "color": {
42
42
  "primary": {
43
- "border": "border-[var(--ui-primary)]"
43
+ "border": "border-(--ui-primary)"
44
44
  },
45
45
  "secondary": {
46
- "border": "border-[var(--ui-secondary)]"
46
+ "border": "border-(--ui-secondary)"
47
47
  },
48
48
  "success": {
49
- "border": "border-[var(--ui-success)]"
49
+ "border": "border-(--ui-success)"
50
50
  },
51
51
  "info": {
52
- "border": "border-[var(--ui-info)]"
52
+ "border": "border-(--ui-info)"
53
53
  },
54
54
  "warning": {
55
- "border": "border-[var(--ui-warning)]"
55
+ "border": "border-(--ui-warning)"
56
56
  },
57
57
  "error": {
58
- "border": "border-[var(--ui-error)]"
58
+ "border": "border-(--ui-error)"
59
59
  },
60
60
  "neutral": {
61
- "border": "border-[var(--ui-border)]"
61
+ "border": "border-(--ui-border)"
62
62
  }
63
63
  },
64
64
  "orientation": {
package/.nuxt/ui/skeleton.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export default {
2
- "base": "animate-pulse rounded-[calc(var(--ui-radius)*1.5)] bg-[var(--ui-bg-elevated)]"
2
+ "base": "animate-pulse rounded-[calc(var(--ui-radius)*1.5)] bg-(--ui-bg-elevated)"
3
3
  }
package/.nuxt/ui/slideover.ts CHANGED
@@ -7,13 +7,13 @@ const side = [
7
7
 
8
8
  export default {
9
9
  "slots": {
10
- "overlay": "fixed inset-0 bg-[var(--ui-bg-elevated)]/75",
11
- "content": "fixed bg-[var(--ui-bg)] divide-y divide-[var(--ui-border)] sm:ring ring-[var(--ui-border)] sm:shadow-lg flex flex-col focus:outline-none",
10
+ "overlay": "fixed inset-0 bg-(--ui-bg-elevated)/75",
11
+ "content": "fixed bg-(--ui-bg) divide-y divide-(--ui-border) sm:ring ring-(--ui-border) sm:shadow-lg flex flex-col focus:outline-none",
12
12
  "header": "px-4 py-5 sm:px-6",
13
13
  "body": "flex-1 overflow-y-auto p-4 sm:p-6",
14
14
  "footer": "flex items-center gap-1.5 p-4 sm:px-6",
15
- "title": "text-[var(--ui-text-highlighted)] font-semibold",
16
- "description": "mt-1 text-[var(--ui-text-muted)] text-sm",
15
+ "title": "text-(--ui-text-highlighted) font-semibold",
16
+ "description": "mt-1 text-(--ui-text-muted) text-sm",
17
17
  "close": "absolute top-4 end-4"
18
18
  },
19
19
  "variants": {
package/.nuxt/ui/slider.ts CHANGED
@@ -24,39 +24,39 @@ const orientation = [
24
24
  export default {
25
25
  "slots": {
26
26
  "root": "relative flex items-center select-none touch-none",
27
- "track": "relative bg-[var(--ui-bg-accented)] overflow-hidden rounded-full grow",
27
+ "track": "relative bg-(--ui-bg-accented) overflow-hidden rounded-full grow",
28
28
  "range": "absolute rounded-full",
29
- "thumb": "rounded-full bg-[var(--ui-bg)] ring-2 focus-visible:outline-2 focus-visible:outline-offset-2"
29
+ "thumb": "rounded-full bg-(--ui-bg) ring-2 focus-visible:outline-2 focus-visible:outline-offset-2"
30
30
  },
31
31
  "variants": {
32
32
  "color": {
33
33
  "primary": {
34
- "range": "bg-[var(--ui-primary)]",
35
- "thumb": "ring-[var(--ui-primary)] focus-visible:outline-[var(--ui-primary)]/50"
34
+ "range": "bg-(--ui-primary)",
35
+ "thumb": "ring-(--ui-primary) focus-visible:outline-(--ui-primary)/50"
36
36
  },
37
37
  "secondary": {
38
- "range": "bg-[var(--ui-secondary)]",
39
- "thumb": "ring-[var(--ui-secondary)] focus-visible:outline-[var(--ui-secondary)]/50"
38
+ "range": "bg-(--ui-secondary)",
39
+ "thumb": "ring-(--ui-secondary) focus-visible:outline-(--ui-secondary)/50"
40
40
  },
41
41
  "success": {
42
- "range": "bg-[var(--ui-success)]",
43
- "thumb": "ring-[var(--ui-success)] focus-visible:outline-[var(--ui-success)]/50"
42
+ "range": "bg-(--ui-success)",
43
+ "thumb": "ring-(--ui-success) focus-visible:outline-(--ui-success)/50"
44
44
  },
45
45
  "info": {
46
- "range": "bg-[var(--ui-info)]",
47
- "thumb": "ring-[var(--ui-info)] focus-visible:outline-[var(--ui-info)]/50"
46
+ "range": "bg-(--ui-info)",
47
+ "thumb": "ring-(--ui-info) focus-visible:outline-(--ui-info)/50"
48
48
  },
49
49
  "warning": {
50
- "range": "bg-[var(--ui-warning)]",
51
- "thumb": "ring-[var(--ui-warning)] focus-visible:outline-[var(--ui-warning)]/50"
50
+ "range": "bg-(--ui-warning)",
51
+ "thumb": "ring-(--ui-warning) focus-visible:outline-(--ui-warning)/50"
52
52
  },
53
53
  "error": {
54
- "range": "bg-[var(--ui-error)]",
55
- "thumb": "ring-[var(--ui-error)] focus-visible:outline-[var(--ui-error)]/50"
54
+ "range": "bg-(--ui-error)",
55
+ "thumb": "ring-(--ui-error) focus-visible:outline-(--ui-error)/50"
56
56
  },
57
57
  "neutral": {
58
- "range": "bg-[var(--ui-bg-inverted)]",
59
- "thumb": "ring-[var(--ui-border-inverted)] focus-visible:outline-[var(--ui-border-inverted)]/50"
58
+ "range": "bg-(--ui-bg-inverted)",
59
+ "thumb": "ring-(--ui-border-inverted) focus-visible:outline-(--ui-border-inverted)/50"
60
60
  }
61
61
  },
62
62
  "size": {