@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/stepper.ts CHANGED
@@ -27,13 +27,13 @@ export default {
27
27
  "header": "flex",
28
28
  "item": "group text-center relative w-full",
29
29
  "container": "relative",
30
- "trigger": "rounded-full font-medium text-center align-middle flex items-center justify-center font-semibold group-data-[state=completed]:text-[var(--ui-bg)] group-data-[state=active]:text-[var(--ui-bg)] text-[var(--ui-text-muted)] bg-[var(--ui-bg-elevated)] focus-visible:outline-2 focus-visible:outline-offset-2",
30
+ "trigger": "rounded-full font-medium text-center align-middle flex items-center justify-center font-semibold group-data-[state=completed]:text-(--ui-bg) group-data-[state=active]:text-(--ui-bg) text-(--ui-text-muted) bg-(--ui-bg-elevated) focus-visible:outline-2 focus-visible:outline-offset-2",
31
31
  "indicator": "flex items-center justify-center size-full",
32
32
  "icon": "shrink-0",
33
- "separator": "absolute rounded-full group-data-[disabled]:opacity-75 bg-[var(--ui-border-accented)]",
33
+ "separator": "absolute rounded-full group-data-[disabled]:opacity-75 bg-(--ui-border-accented)",
34
34
  "wrapper": "",
35
- "title": "font-medium text-[var(--ui-text)]",
36
- "description": "text-[var(--ui-text-muted)] text-wrap",
35
+ "title": "font-medium text-(--ui-text)",
36
+ "description": "text-(--ui-text-muted) text-wrap",
37
37
  "content": "size-full"
38
38
  },
39
39
  "variants": {
@@ -89,32 +89,32 @@ export default {
89
89
  },
90
90
  "color": {
91
91
  "primary": {
92
- "trigger": "group-data-[state=completed]:bg-[var(--ui-primary)] group-data-[state=active]:bg-[var(--ui-primary)] focus-visible:outline-[var(--ui-primary)]",
93
- "separator": "group-data-[state=completed]:bg-[var(--ui-primary)]"
92
+ "trigger": "group-data-[state=completed]:bg-(--ui-primary) group-data-[state=active]:bg-(--ui-primary) focus-visible:outline-(--ui-primary)",
93
+ "separator": "group-data-[state=completed]:bg-(--ui-primary)"
94
94
  },
95
95
  "secondary": {
96
- "trigger": "group-data-[state=completed]:bg-[var(--ui-secondary)] group-data-[state=active]:bg-[var(--ui-secondary)] focus-visible:outline-[var(--ui-secondary)]",
97
- "separator": "group-data-[state=completed]:bg-[var(--ui-secondary)]"
96
+ "trigger": "group-data-[state=completed]:bg-(--ui-secondary) group-data-[state=active]:bg-(--ui-secondary) focus-visible:outline-(--ui-secondary)",
97
+ "separator": "group-data-[state=completed]:bg-(--ui-secondary)"
98
98
  },
99
99
  "success": {
100
- "trigger": "group-data-[state=completed]:bg-[var(--ui-success)] group-data-[state=active]:bg-[var(--ui-success)] focus-visible:outline-[var(--ui-success)]",
101
- "separator": "group-data-[state=completed]:bg-[var(--ui-success)]"
100
+ "trigger": "group-data-[state=completed]:bg-(--ui-success) group-data-[state=active]:bg-(--ui-success) focus-visible:outline-(--ui-success)",
101
+ "separator": "group-data-[state=completed]:bg-(--ui-success)"
102
102
  },
103
103
  "info": {
104
- "trigger": "group-data-[state=completed]:bg-[var(--ui-info)] group-data-[state=active]:bg-[var(--ui-info)] focus-visible:outline-[var(--ui-info)]",
105
- "separator": "group-data-[state=completed]:bg-[var(--ui-info)]"
104
+ "trigger": "group-data-[state=completed]:bg-(--ui-info) group-data-[state=active]:bg-(--ui-info) focus-visible:outline-(--ui-info)",
105
+ "separator": "group-data-[state=completed]:bg-(--ui-info)"
106
106
  },
107
107
  "warning": {
108
- "trigger": "group-data-[state=completed]:bg-[var(--ui-warning)] group-data-[state=active]:bg-[var(--ui-warning)] focus-visible:outline-[var(--ui-warning)]",
109
- "separator": "group-data-[state=completed]:bg-[var(--ui-warning)]"
108
+ "trigger": "group-data-[state=completed]:bg-(--ui-warning) group-data-[state=active]:bg-(--ui-warning) focus-visible:outline-(--ui-warning)",
109
+ "separator": "group-data-[state=completed]:bg-(--ui-warning)"
110
110
  },
111
111
  "error": {
112
- "trigger": "group-data-[state=completed]:bg-[var(--ui-error)] group-data-[state=active]:bg-[var(--ui-error)] focus-visible:outline-[var(--ui-error)]",
113
- "separator": "group-data-[state=completed]:bg-[var(--ui-error)]"
112
+ "trigger": "group-data-[state=completed]:bg-(--ui-error) group-data-[state=active]:bg-(--ui-error) focus-visible:outline-(--ui-error)",
113
+ "separator": "group-data-[state=completed]:bg-(--ui-error)"
114
114
  },
115
115
  "neutral": {
116
- "trigger": "group-data-[state=completed]:bg-[var(--ui-bg-inverted)] group-data-[state=active]:bg-[var(--ui-bg-inverted)] focus-visible:outline-[var(--ui-border-inverted)]",
117
- "separator": "group-data-[state=completed]:bg-[var(--ui-bg-inverted)]"
116
+ "trigger": "group-data-[state=completed]:bg-(--ui-bg-inverted) group-data-[state=active]:bg-(--ui-bg-inverted) focus-visible:outline-(--ui-border-inverted)",
117
+ "separator": "group-data-[state=completed]:bg-(--ui-bg-inverted)"
118
118
  }
119
119
  }
120
120
  },
package/.nuxt/ui/switch.ts CHANGED
@@ -20,48 +20,48 @@ export default {
20
20
  "slots": {
21
21
  "root": "relative flex items-start",
22
22
  "base": [
23
- "inline-flex items-center shrink-0 rounded-full border-2 border-transparent focus-visible:outline-2 focus-visible:outline-offset-2 data-[state=unchecked]:bg-[var(--ui-bg-accented)]",
23
+ "inline-flex items-center shrink-0 rounded-full border-2 border-transparent focus-visible:outline-2 focus-visible:outline-offset-2 data-[state=unchecked]:bg-(--ui-bg-accented)",
24
24
  "transition-colors duration-200"
25
25
  ],
26
26
  "container": "flex items-center",
27
- "thumb": "group pointer-events-none rounded-full bg-[var(--ui-bg)] shadow-lg ring-0 transition-transform duration-200 data-[state=unchecked]:translate-x-0 data-[state=unchecked]:rtl:-translate-x-0 flex items-center justify-center",
27
+ "thumb": "group pointer-events-none rounded-full bg-(--ui-bg) shadow-lg ring-0 transition-transform duration-200 data-[state=unchecked]:translate-x-0 data-[state=unchecked]:rtl:-translate-x-0 flex items-center justify-center",
28
28
  "icon": [
29
- "absolute shrink-0 group-data-[state=unchecked]:text-[var(--ui-text-dimmed)] opacity-0 size-10/12",
29
+ "absolute shrink-0 group-data-[state=unchecked]:text-(--ui-text-dimmed) opacity-0 size-10/12",
30
30
  "transition-[color,opacity] duration-200"
31
31
  ],
32
32
  "wrapper": "ms-2",
33
- "label": "block font-medium text-[var(--ui-text)]",
34
- "description": "text-[var(--ui-text-muted)]"
33
+ "label": "block font-medium text-(--ui-text)",
34
+ "description": "text-(--ui-text-muted)"
35
35
  },
36
36
  "variants": {
37
37
  "color": {
38
38
  "primary": {
39
- "base": "data-[state=checked]:bg-[var(--ui-primary)] focus-visible:outline-[var(--ui-primary)]",
40
- "icon": "group-data-[state=checked]:text-[var(--ui-primary)]"
39
+ "base": "data-[state=checked]:bg-(--ui-primary) focus-visible:outline-(--ui-primary)",
40
+ "icon": "group-data-[state=checked]:text-(--ui-primary)"
41
41
  },
42
42
  "secondary": {
43
- "base": "data-[state=checked]:bg-[var(--ui-secondary)] focus-visible:outline-[var(--ui-secondary)]",
44
- "icon": "group-data-[state=checked]:text-[var(--ui-secondary)]"
43
+ "base": "data-[state=checked]:bg-(--ui-secondary) focus-visible:outline-(--ui-secondary)",
44
+ "icon": "group-data-[state=checked]:text-(--ui-secondary)"
45
45
  },
46
46
  "success": {
47
- "base": "data-[state=checked]:bg-[var(--ui-success)] focus-visible:outline-[var(--ui-success)]",
48
- "icon": "group-data-[state=checked]:text-[var(--ui-success)]"
47
+ "base": "data-[state=checked]:bg-(--ui-success) focus-visible:outline-(--ui-success)",
48
+ "icon": "group-data-[state=checked]:text-(--ui-success)"
49
49
  },
50
50
  "info": {
51
- "base": "data-[state=checked]:bg-[var(--ui-info)] focus-visible:outline-[var(--ui-info)]",
52
- "icon": "group-data-[state=checked]:text-[var(--ui-info)]"
51
+ "base": "data-[state=checked]:bg-(--ui-info) focus-visible:outline-(--ui-info)",
52
+ "icon": "group-data-[state=checked]:text-(--ui-info)"
53
53
  },
54
54
  "warning": {
55
- "base": "data-[state=checked]:bg-[var(--ui-warning)] focus-visible:outline-[var(--ui-warning)]",
56
- "icon": "group-data-[state=checked]:text-[var(--ui-warning)]"
55
+ "base": "data-[state=checked]:bg-(--ui-warning) focus-visible:outline-(--ui-warning)",
56
+ "icon": "group-data-[state=checked]:text-(--ui-warning)"
57
57
  },
58
58
  "error": {
59
- "base": "data-[state=checked]:bg-[var(--ui-error)] focus-visible:outline-[var(--ui-error)]",
60
- "icon": "group-data-[state=checked]:text-[var(--ui-error)]"
59
+ "base": "data-[state=checked]:bg-(--ui-error) focus-visible:outline-(--ui-error)",
60
+ "icon": "group-data-[state=checked]:text-(--ui-error)"
61
61
  },
62
62
  "neutral": {
63
- "base": "data-[state=checked]:bg-[var(--ui-bg-inverted)] focus-visible:outline-[var(--ui-border-inverted)]",
64
- "icon": "group-data-[state=checked]:text-[var(--ui-text-highlighted)]"
63
+ "base": "data-[state=checked]:bg-(--ui-bg-inverted) focus-visible:outline-(--ui-border-inverted)",
64
+ "icon": "group-data-[state=checked]:text-(--ui-text-highlighted)"
65
65
  }
66
66
  },
67
67
  "size": {
@@ -113,7 +113,7 @@ export default {
113
113
  },
114
114
  "required": {
115
115
  "true": {
116
- "label": "after:content-['*'] after:ms-0.5 after:text-[var(--ui-error)]"
116
+ "label": "after:content-['*'] after:ms-0.5 after:text-(--ui-error)"
117
117
  }
118
118
  },
119
119
  "disabled": {
package/.nuxt/ui/table.ts CHANGED
@@ -20,23 +20,23 @@ export default {
20
20
  "root": "relative overflow-auto",
21
21
  "base": "min-w-full overflow-clip",
22
22
  "caption": "sr-only",
23
- "thead": "relative [&>tr]:after:absolute [&>tr]:after:inset-x-0 [&>tr]:after:bottom-0 [&>tr]:after:h-px [&>tr]:after:bg-[var(--ui-border-accented)]",
24
- "tbody": "divide-y divide-[var(--ui-border)]",
25
- "tr": "data-[selected=true]:bg-[var(--ui-bg-elevated)]/50",
26
- "th": "px-4 py-3.5 text-sm text-[var(--ui-text-highlighted)] text-left rtl:text-right font-semibold [&:has([role=checkbox])]:pe-0",
27
- "td": "p-4 text-sm text-[var(--ui-text-muted)] whitespace-nowrap [&:has([role=checkbox])]:pe-0",
28
- "empty": "py-6 text-center text-sm text-[var(--ui-text-muted)]"
23
+ "thead": "relative [&>tr]:after:absolute [&>tr]:after:inset-x-0 [&>tr]:after:bottom-0 [&>tr]:after:h-px [&>tr]:after:bg-(--ui-border-accented)",
24
+ "tbody": "divide-y divide-(--ui-border)",
25
+ "tr": "data-[selected=true]:bg-(--ui-bg-elevated)/50",
26
+ "th": "px-4 py-3.5 text-sm text-(--ui-text-highlighted) text-left rtl:text-right font-semibold [&:has([role=checkbox])]:pe-0",
27
+ "td": "p-4 text-sm text-(--ui-text-muted) whitespace-nowrap [&:has([role=checkbox])]:pe-0",
28
+ "empty": "py-6 text-center text-sm text-(--ui-text-muted)"
29
29
  },
30
30
  "variants": {
31
31
  "pinned": {
32
32
  "true": {
33
- "th": "sticky bg-[var(--ui-bg)]/75 data-[pinned=left]:left-0 data-[pinned=right]:right-0",
34
- "td": "sticky bg-[var(--ui-bg)]/75 data-[pinned=left]:left-0 data-[pinned=right]:right-0"
33
+ "th": "sticky bg-(--ui-bg)/75 data-[pinned=left]:left-0 data-[pinned=right]:right-0",
34
+ "td": "sticky bg-(--ui-bg)/75 data-[pinned=left]:left-0 data-[pinned=right]:right-0"
35
35
  }
36
36
  },
37
37
  "sticky": {
38
38
  "true": {
39
- "thead": "sticky top-0 inset-x-0 bg-[var(--ui-bg)]/75 z-[1] backdrop-blur"
39
+ "thead": "sticky top-0 inset-x-0 bg-(--ui-bg)/75 z-[1] backdrop-blur"
40
40
  }
41
41
  },
42
42
  "loading": {
@@ -65,49 +65,49 @@ export default {
65
65
  "loading": true,
66
66
  "loadingColor": "primary" as typeof loadingColor[number],
67
67
  "class": {
68
- "thead": "after:bg-[var(--ui-primary)]"
68
+ "thead": "after:bg-(--ui-primary)"
69
69
  }
70
70
  },
71
71
  {
72
72
  "loading": true,
73
73
  "loadingColor": "secondary" as typeof loadingColor[number],
74
74
  "class": {
75
- "thead": "after:bg-[var(--ui-secondary)]"
75
+ "thead": "after:bg-(--ui-secondary)"
76
76
  }
77
77
  },
78
78
  {
79
79
  "loading": true,
80
80
  "loadingColor": "success" as typeof loadingColor[number],
81
81
  "class": {
82
- "thead": "after:bg-[var(--ui-success)]"
82
+ "thead": "after:bg-(--ui-success)"
83
83
  }
84
84
  },
85
85
  {
86
86
  "loading": true,
87
87
  "loadingColor": "info" as typeof loadingColor[number],
88
88
  "class": {
89
- "thead": "after:bg-[var(--ui-info)]"
89
+ "thead": "after:bg-(--ui-info)"
90
90
  }
91
91
  },
92
92
  {
93
93
  "loading": true,
94
94
  "loadingColor": "warning" as typeof loadingColor[number],
95
95
  "class": {
96
- "thead": "after:bg-[var(--ui-warning)]"
96
+ "thead": "after:bg-(--ui-warning)"
97
97
  }
98
98
  },
99
99
  {
100
100
  "loading": true,
101
101
  "loadingColor": "error" as typeof loadingColor[number],
102
102
  "class": {
103
- "thead": "after:bg-[var(--ui-error)]"
103
+ "thead": "after:bg-(--ui-error)"
104
104
  }
105
105
  },
106
106
  {
107
107
  "loading": true,
108
108
  "loadingColor": "neutral" as typeof loadingColor[number],
109
109
  "class": {
110
- "thead": "after:bg-[var(--ui-bg-inverted)]"
110
+ "thead": "after:bg-(--ui-bg-inverted)"
111
111
  }
112
112
  },
113
113
  {
package/.nuxt/ui/tabs.ts CHANGED
@@ -32,7 +32,7 @@ export default {
32
32
  "list": "relative flex p-1 group",
33
33
  "indicator": "absolute transition-[translate,width] duration-200",
34
34
  "trigger": [
35
- "group relative inline-flex items-center shrink-0 min-w-0 data-[state=inactive]:text-[var(--ui-text-muted)] hover:data-[state=inactive]:not-disabled:text-[var(--ui-text)] font-medium rounded-[calc(var(--ui-radius)*1.5)] disabled:cursor-not-allowed disabled:opacity-75 focus:outline-hidden",
35
+ "group relative inline-flex items-center shrink-0 min-w-0 data-[state=inactive]:text-(--ui-text-muted) hover:data-[state=inactive]:not-disabled:text-(--ui-text) font-medium rounded-[calc(var(--ui-radius)*1.5)] disabled:cursor-not-allowed disabled:opacity-75 focus:outline-hidden",
36
36
  "transition-colors"
37
37
  ],
38
38
  "content": "focus:outline-none w-full",
@@ -53,12 +53,12 @@ export default {
53
53
  },
54
54
  "variant": {
55
55
  "pill": {
56
- "list": "bg-[var(--ui-bg-elevated)] rounded-[calc(var(--ui-radius)*2)]",
56
+ "list": "bg-(--ui-bg-elevated) rounded-[calc(var(--ui-radius)*2)]",
57
57
  "trigger": "flex-1 w-full",
58
58
  "indicator": "rounded-[calc(var(--ui-radius)*1.5)] shadow-xs"
59
59
  },
60
60
  "link": {
61
- "list": "border-[var(--ui-border)]",
61
+ "list": "border-(--ui-border)",
62
62
  "indicator": "rounded-full"
63
63
  }
64
64
  },
@@ -66,12 +66,12 @@ export default {
66
66
  "horizontal": {
67
67
  "root": "flex-col",
68
68
  "list": "w-full",
69
- "indicator": "left-0 w-[var(--reka-tabs-indicator-size)] translate-x-[var(--reka-tabs-indicator-position)]",
69
+ "indicator": "left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)",
70
70
  "trigger": "justify-center"
71
71
  },
72
72
  "vertical": {
73
73
  "list": "flex-col",
74
- "indicator": "top-0 h-[var(--reka-tabs-indicator-size)] translate-y-[var(--reka-tabs-indicator-position)]"
74
+ "indicator": "top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)"
75
75
  }
76
76
  },
77
77
  "size": {
@@ -138,112 +138,112 @@ export default {
138
138
  "color": "primary" as typeof color[number],
139
139
  "variant": "pill" as typeof variant[number],
140
140
  "class": {
141
- "indicator": "bg-[var(--ui-primary)]",
142
- "trigger": "data-[state=active]:text-[var(--ui-bg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)]"
141
+ "indicator": "bg-(--ui-primary)",
142
+ "trigger": "data-[state=active]:text-(--ui-bg) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-primary)"
143
143
  }
144
144
  },
145
145
  {
146
146
  "color": "secondary" as typeof color[number],
147
147
  "variant": "pill" as typeof variant[number],
148
148
  "class": {
149
- "indicator": "bg-[var(--ui-secondary)]",
150
- "trigger": "data-[state=active]:text-[var(--ui-bg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-secondary)]"
149
+ "indicator": "bg-(--ui-secondary)",
150
+ "trigger": "data-[state=active]:text-(--ui-bg) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-secondary)"
151
151
  }
152
152
  },
153
153
  {
154
154
  "color": "success" as typeof color[number],
155
155
  "variant": "pill" as typeof variant[number],
156
156
  "class": {
157
- "indicator": "bg-[var(--ui-success)]",
158
- "trigger": "data-[state=active]:text-[var(--ui-bg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-success)]"
157
+ "indicator": "bg-(--ui-success)",
158
+ "trigger": "data-[state=active]:text-(--ui-bg) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-success)"
159
159
  }
160
160
  },
161
161
  {
162
162
  "color": "info" as typeof color[number],
163
163
  "variant": "pill" as typeof variant[number],
164
164
  "class": {
165
- "indicator": "bg-[var(--ui-info)]",
166
- "trigger": "data-[state=active]:text-[var(--ui-bg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-info)]"
165
+ "indicator": "bg-(--ui-info)",
166
+ "trigger": "data-[state=active]:text-(--ui-bg) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-info)"
167
167
  }
168
168
  },
169
169
  {
170
170
  "color": "warning" as typeof color[number],
171
171
  "variant": "pill" as typeof variant[number],
172
172
  "class": {
173
- "indicator": "bg-[var(--ui-warning)]",
174
- "trigger": "data-[state=active]:text-[var(--ui-bg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-warning)]"
173
+ "indicator": "bg-(--ui-warning)",
174
+ "trigger": "data-[state=active]:text-(--ui-bg) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-warning)"
175
175
  }
176
176
  },
177
177
  {
178
178
  "color": "error" as typeof color[number],
179
179
  "variant": "pill" as typeof variant[number],
180
180
  "class": {
181
- "indicator": "bg-[var(--ui-error)]",
182
- "trigger": "data-[state=active]:text-[var(--ui-bg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-error)]"
181
+ "indicator": "bg-(--ui-error)",
182
+ "trigger": "data-[state=active]:text-(--ui-bg) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-error)"
183
183
  }
184
184
  },
185
185
  {
186
186
  "color": "neutral" as typeof color[number],
187
187
  "variant": "pill" as typeof variant[number],
188
188
  "class": {
189
- "indicator": "bg-[var(--ui-bg-inverted)]",
190
- "trigger": "data-[state=active]:text-[var(--ui-bg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-border-inverted)]"
189
+ "indicator": "bg-(--ui-bg-inverted)",
190
+ "trigger": "data-[state=active]:text-(--ui-bg) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-border-inverted)"
191
191
  }
192
192
  },
193
193
  {
194
194
  "color": "primary" as typeof color[number],
195
195
  "variant": "link" as typeof variant[number],
196
196
  "class": {
197
- "indicator": "bg-[var(--ui-primary)]",
198
- "trigger": "data-[state=active]:text-[var(--ui-primary)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-primary)]"
197
+ "indicator": "bg-(--ui-primary)",
198
+ "trigger": "data-[state=active]:text-(--ui-primary) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-primary)"
199
199
  }
200
200
  },
201
201
  {
202
202
  "color": "secondary" as typeof color[number],
203
203
  "variant": "link" as typeof variant[number],
204
204
  "class": {
205
- "indicator": "bg-[var(--ui-secondary)]",
206
- "trigger": "data-[state=active]:text-[var(--ui-secondary)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-secondary)]"
205
+ "indicator": "bg-(--ui-secondary)",
206
+ "trigger": "data-[state=active]:text-(--ui-secondary) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-secondary)"
207
207
  }
208
208
  },
209
209
  {
210
210
  "color": "success" as typeof color[number],
211
211
  "variant": "link" as typeof variant[number],
212
212
  "class": {
213
- "indicator": "bg-[var(--ui-success)]",
214
- "trigger": "data-[state=active]:text-[var(--ui-success)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-success)]"
213
+ "indicator": "bg-(--ui-success)",
214
+ "trigger": "data-[state=active]:text-(--ui-success) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-success)"
215
215
  }
216
216
  },
217
217
  {
218
218
  "color": "info" as typeof color[number],
219
219
  "variant": "link" as typeof variant[number],
220
220
  "class": {
221
- "indicator": "bg-[var(--ui-info)]",
222
- "trigger": "data-[state=active]:text-[var(--ui-info)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-info)]"
221
+ "indicator": "bg-(--ui-info)",
222
+ "trigger": "data-[state=active]:text-(--ui-info) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-info)"
223
223
  }
224
224
  },
225
225
  {
226
226
  "color": "warning" as typeof color[number],
227
227
  "variant": "link" as typeof variant[number],
228
228
  "class": {
229
- "indicator": "bg-[var(--ui-warning)]",
230
- "trigger": "data-[state=active]:text-[var(--ui-warning)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-warning)]"
229
+ "indicator": "bg-(--ui-warning)",
230
+ "trigger": "data-[state=active]:text-(--ui-warning) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-warning)"
231
231
  }
232
232
  },
233
233
  {
234
234
  "color": "error" as typeof color[number],
235
235
  "variant": "link" as typeof variant[number],
236
236
  "class": {
237
- "indicator": "bg-[var(--ui-error)]",
238
- "trigger": "data-[state=active]:text-[var(--ui-error)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-error)]"
237
+ "indicator": "bg-(--ui-error)",
238
+ "trigger": "data-[state=active]:text-(--ui-error) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-error)"
239
239
  }
240
240
  },
241
241
  {
242
242
  "color": "neutral" as typeof color[number],
243
243
  "variant": "link" as typeof variant[number],
244
244
  "class": {
245
- "indicator": "bg-[var(--ui-bg-inverted)]",
246
- "trigger": "data-[state=active]:text-[var(--ui-text-highlighted)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-border-inverted)]"
245
+ "indicator": "bg-(--ui-bg-inverted)",
246
+ "trigger": "data-[state=active]:text-(--ui-text-highlighted) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-border-inverted)"
247
247
  }
248
248
  }
249
249
  ],
package/.nuxt/ui/textarea.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,