@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/context-menu.ts CHANGED
@@ -18,10 +18,10 @@ const size = [
18
18
 
19
19
  export default {
20
20
  "slots": {
21
- "content": "min-w-32 bg-[var(--ui-bg)] shadow-lg rounded-[calc(var(--ui-radius)*1.5)] ring ring-[var(--ui-border)] divide-y divide-[var(--ui-border)] overflow-y-auto scroll-py-1 data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
21
+ "content": "min-w-32 bg-(--ui-bg) shadow-lg rounded-[calc(var(--ui-radius)*1.5)] ring ring-(--ui-border) divide-y divide-(--ui-border) overflow-y-auto scroll-py-1 data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
22
22
  "group": "p-1 isolate",
23
- "label": "w-full flex items-center font-semibold text-[var(--ui-text-highlighted)]",
24
- "separator": "-mx-1 my-1 h-px bg-[var(--ui-border)]",
23
+ "label": "w-full flex items-center font-semibold text-(--ui-text-highlighted)",
24
+ "separator": "-mx-1 my-1 h-px bg-(--ui-border)",
25
25
  "item": "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",
26
26
  "itemLeadingIcon": "shrink-0",
27
27
  "itemLeadingAvatar": "shrink-0",
@@ -31,7 +31,7 @@ export default {
31
31
  "itemTrailingKbds": "hidden lg:inline-flex items-center shrink-0",
32
32
  "itemTrailingKbdsSize": "",
33
33
  "itemLabel": "truncate",
34
- "itemLabelExternalIcon": "inline-block size-3 align-top text-[var(--ui-text-dimmed)]"
34
+ "itemLabelExternalIcon": "inline-block size-3 align-top text-(--ui-text-dimmed)"
35
35
  },
36
36
  "variants": {
37
37
  "color": {
@@ -45,16 +45,16 @@ export default {
45
45
  },
46
46
  "active": {
47
47
  "true": {
48
- "item": "text-[var(--ui-text-highlighted)] before:bg-[var(--ui-bg-elevated)]",
49
- "itemLeadingIcon": "text-[var(--ui-text)]"
48
+ "item": "text-(--ui-text-highlighted) before:bg-(--ui-bg-elevated)",
49
+ "itemLeadingIcon": "text-(--ui-text)"
50
50
  },
51
51
  "false": {
52
52
  "item": [
53
- "text-[var(--ui-text)] data-highlighted:text-[var(--ui-text-highlighted)] data-[state=open]:text-[var(--ui-text-highlighted)] data-highlighted:before:bg-[var(--ui-bg-elevated)]/50 data-[state=open]:before:bg-[var(--ui-bg-elevated)]/50",
53
+ "text-(--ui-text) data-highlighted:text-(--ui-text-highlighted) data-[state=open]:text-(--ui-text-highlighted) data-highlighted:before:bg-(--ui-bg-elevated)/50 data-[state=open]:before:bg-(--ui-bg-elevated)/50",
54
54
  "transition-colors before:transition-colors"
55
55
  ],
56
56
  "itemLeadingIcon": [
57
- "text-[var(--ui-text-dimmed)] group-data-highlighted:text-[var(--ui-text)] group-data-[state=open]:text-[var(--ui-text)]",
57
+ "text-(--ui-text-dimmed) group-data-highlighted:text-(--ui-text) group-data-[state=open]:text-(--ui-text)",
58
58
  "transition-colors"
59
59
  ]
60
60
  }
@@ -117,96 +117,96 @@ export default {
117
117
  "color": "primary" as typeof color[number],
118
118
  "active": false,
119
119
  "class": {
120
- "item": "text-[var(--ui-primary)] data-highlighted:text-[var(--ui-primary)] data-highlighted:before:bg-[var(--ui-primary)]/10 data-[state=open]:before:bg-[var(--ui-primary)]/10",
121
- "itemLeadingIcon": "text-[var(--ui-primary)]/75 group-data-highlighted:text-[var(--ui-primary)] group-data-[state=open]:text-[var(--ui-primary)]"
120
+ "item": "text-(--ui-primary) data-highlighted:text-(--ui-primary) data-highlighted:before:bg-(--ui-primary)/10 data-[state=open]:before:bg-(--ui-primary)/10",
121
+ "itemLeadingIcon": "text-(--ui-primary)/75 group-data-highlighted:text-(--ui-primary) group-data-[state=open]:text-(--ui-primary)"
122
122
  }
123
123
  },
124
124
  {
125
125
  "color": "secondary" as typeof color[number],
126
126
  "active": false,
127
127
  "class": {
128
- "item": "text-[var(--ui-secondary)] data-highlighted:text-[var(--ui-secondary)] data-highlighted:before:bg-[var(--ui-secondary)]/10 data-[state=open]:before:bg-[var(--ui-secondary)]/10",
129
- "itemLeadingIcon": "text-[var(--ui-secondary)]/75 group-data-highlighted:text-[var(--ui-secondary)] group-data-[state=open]:text-[var(--ui-secondary)]"
128
+ "item": "text-(--ui-secondary) data-highlighted:text-(--ui-secondary) data-highlighted:before:bg-(--ui-secondary)/10 data-[state=open]:before:bg-(--ui-secondary)/10",
129
+ "itemLeadingIcon": "text-(--ui-secondary)/75 group-data-highlighted:text-(--ui-secondary) group-data-[state=open]:text-(--ui-secondary)"
130
130
  }
131
131
  },
132
132
  {
133
133
  "color": "success" as typeof color[number],
134
134
  "active": false,
135
135
  "class": {
136
- "item": "text-[var(--ui-success)] data-highlighted:text-[var(--ui-success)] data-highlighted:before:bg-[var(--ui-success)]/10 data-[state=open]:before:bg-[var(--ui-success)]/10",
137
- "itemLeadingIcon": "text-[var(--ui-success)]/75 group-data-highlighted:text-[var(--ui-success)] group-data-[state=open]:text-[var(--ui-success)]"
136
+ "item": "text-(--ui-success) data-highlighted:text-(--ui-success) data-highlighted:before:bg-(--ui-success)/10 data-[state=open]:before:bg-(--ui-success)/10",
137
+ "itemLeadingIcon": "text-(--ui-success)/75 group-data-highlighted:text-(--ui-success) group-data-[state=open]:text-(--ui-success)"
138
138
  }
139
139
  },
140
140
  {
141
141
  "color": "info" as typeof color[number],
142
142
  "active": false,
143
143
  "class": {
144
- "item": "text-[var(--ui-info)] data-highlighted:text-[var(--ui-info)] data-highlighted:before:bg-[var(--ui-info)]/10 data-[state=open]:before:bg-[var(--ui-info)]/10",
145
- "itemLeadingIcon": "text-[var(--ui-info)]/75 group-data-highlighted:text-[var(--ui-info)] group-data-[state=open]:text-[var(--ui-info)]"
144
+ "item": "text-(--ui-info) data-highlighted:text-(--ui-info) data-highlighted:before:bg-(--ui-info)/10 data-[state=open]:before:bg-(--ui-info)/10",
145
+ "itemLeadingIcon": "text-(--ui-info)/75 group-data-highlighted:text-(--ui-info) group-data-[state=open]:text-(--ui-info)"
146
146
  }
147
147
  },
148
148
  {
149
149
  "color": "warning" as typeof color[number],
150
150
  "active": false,
151
151
  "class": {
152
- "item": "text-[var(--ui-warning)] data-highlighted:text-[var(--ui-warning)] data-highlighted:before:bg-[var(--ui-warning)]/10 data-[state=open]:before:bg-[var(--ui-warning)]/10",
153
- "itemLeadingIcon": "text-[var(--ui-warning)]/75 group-data-highlighted:text-[var(--ui-warning)] group-data-[state=open]:text-[var(--ui-warning)]"
152
+ "item": "text-(--ui-warning) data-highlighted:text-(--ui-warning) data-highlighted:before:bg-(--ui-warning)/10 data-[state=open]:before:bg-(--ui-warning)/10",
153
+ "itemLeadingIcon": "text-(--ui-warning)/75 group-data-highlighted:text-(--ui-warning) group-data-[state=open]:text-(--ui-warning)"
154
154
  }
155
155
  },
156
156
  {
157
157
  "color": "error" as typeof color[number],
158
158
  "active": false,
159
159
  "class": {
160
- "item": "text-[var(--ui-error)] data-highlighted:text-[var(--ui-error)] data-highlighted:before:bg-[var(--ui-error)]/10 data-[state=open]:before:bg-[var(--ui-error)]/10",
161
- "itemLeadingIcon": "text-[var(--ui-error)]/75 group-data-highlighted:text-[var(--ui-error)] group-data-[state=open]:text-[var(--ui-error)]"
160
+ "item": "text-(--ui-error) data-highlighted:text-(--ui-error) data-highlighted:before:bg-(--ui-error)/10 data-[state=open]:before:bg-(--ui-error)/10",
161
+ "itemLeadingIcon": "text-(--ui-error)/75 group-data-highlighted:text-(--ui-error) group-data-[state=open]:text-(--ui-error)"
162
162
  }
163
163
  },
164
164
  {
165
165
  "color": "primary" as typeof color[number],
166
166
  "active": true,
167
167
  "class": {
168
- "item": "text-[var(--ui-primary)] before:bg-[var(--ui-primary)]/10",
169
- "itemLeadingIcon": "text-[var(--ui-primary)]"
168
+ "item": "text-(--ui-primary) before:bg-(--ui-primary)/10",
169
+ "itemLeadingIcon": "text-(--ui-primary)"
170
170
  }
171
171
  },
172
172
  {
173
173
  "color": "secondary" as typeof color[number],
174
174
  "active": true,
175
175
  "class": {
176
- "item": "text-[var(--ui-secondary)] before:bg-[var(--ui-secondary)]/10",
177
- "itemLeadingIcon": "text-[var(--ui-secondary)]"
176
+ "item": "text-(--ui-secondary) before:bg-(--ui-secondary)/10",
177
+ "itemLeadingIcon": "text-(--ui-secondary)"
178
178
  }
179
179
  },
180
180
  {
181
181
  "color": "success" as typeof color[number],
182
182
  "active": true,
183
183
  "class": {
184
- "item": "text-[var(--ui-success)] before:bg-[var(--ui-success)]/10",
185
- "itemLeadingIcon": "text-[var(--ui-success)]"
184
+ "item": "text-(--ui-success) before:bg-(--ui-success)/10",
185
+ "itemLeadingIcon": "text-(--ui-success)"
186
186
  }
187
187
  },
188
188
  {
189
189
  "color": "info" as typeof color[number],
190
190
  "active": true,
191
191
  "class": {
192
- "item": "text-[var(--ui-info)] before:bg-[var(--ui-info)]/10",
193
- "itemLeadingIcon": "text-[var(--ui-info)]"
192
+ "item": "text-(--ui-info) before:bg-(--ui-info)/10",
193
+ "itemLeadingIcon": "text-(--ui-info)"
194
194
  }
195
195
  },
196
196
  {
197
197
  "color": "warning" as typeof color[number],
198
198
  "active": true,
199
199
  "class": {
200
- "item": "text-[var(--ui-warning)] before:bg-[var(--ui-warning)]/10",
201
- "itemLeadingIcon": "text-[var(--ui-warning)]"
200
+ "item": "text-(--ui-warning) before:bg-(--ui-warning)/10",
201
+ "itemLeadingIcon": "text-(--ui-warning)"
202
202
  }
203
203
  },
204
204
  {
205
205
  "color": "error" as typeof color[number],
206
206
  "active": true,
207
207
  "class": {
208
- "item": "text-[var(--ui-error)] before:bg-[var(--ui-error)]/10",
209
- "itemLeadingIcon": "text-[var(--ui-error)]"
208
+ "item": "text-(--ui-error) before:bg-(--ui-error)/10",
209
+ "itemLeadingIcon": "text-(--ui-error)"
210
210
  }
211
211
  }
212
212
  ],
package/.nuxt/ui/drawer.ts CHANGED
@@ -7,34 +7,39 @@ const direction = [
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)] ring ring-[var(--ui-border)] flex focus:outline-none",
12
- "handle": "shrink-0 rounded-full bg-[var(--ui-bg-accented)]",
10
+ "overlay": "fixed inset-0 bg-(--ui-bg-elevated)/75",
11
+ "content": "fixed bg-(--ui-bg) ring ring-(--ui-border) flex focus:outline-none",
12
+ "handle": "shrink-0 rounded-full bg-(--ui-bg-accented)",
13
13
  "container": "w-full flex flex-col gap-4 p-4 overflow-y-auto",
14
14
  "header": "",
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
  "body": "flex-1",
18
18
  "footer": "flex flex-col gap-1.5"
19
19
  },
20
20
  "variants": {
21
21
  "direction": {
22
22
  "top": {
23
- "content": "top-0 mb-24 flex-col-reverse rounded-b-[calc(var(--ui-radius)*2)]",
23
+ "content": "mb-24 flex-col-reverse",
24
24
  "handle": "mb-4"
25
25
  },
26
26
  "right": {
27
- "content": "right-4 flex-row",
27
+ "content": "flex-row",
28
28
  "handle": "ml-4"
29
29
  },
30
30
  "bottom": {
31
- "content": "bottom-0 mt-24 flex-col rounded-t-[calc(var(--ui-radius)*2)]",
31
+ "content": "mt-24 flex-col",
32
32
  "handle": "mt-4"
33
33
  },
34
34
  "left": {
35
- "content": "left-4 flex-row-reverse",
35
+ "content": "flex-row-reverse",
36
36
  "handle": "mr-4"
37
37
  }
38
+ },
39
+ "inset": {
40
+ "true": {
41
+ "content": "rounded-[calc(var(--ui-radius)*2)] after:hidden"
42
+ }
38
43
  }
39
44
  },
40
45
  "compoundVariants": [
@@ -44,7 +49,7 @@ export default {
44
49
  "bottom" as typeof direction[number]
45
50
  ],
46
51
  "class": {
47
- "content": "inset-x-0 h-auto max-h-[96%]",
52
+ "content": "h-auto max-h-[96%]",
48
53
  "handle": "w-12 h-1.5 mx-auto"
49
54
  }
50
55
  },
@@ -54,9 +59,65 @@ export default {
54
59
  "left" as typeof direction[number]
55
60
  ],
56
61
  "class": {
57
- "content": "inset-y-4 w-auto max-w-[calc(100%-2rem)] rounded-[calc(var(--ui-radius)*2)] after:hidden",
62
+ "content": "w-auto max-w-[calc(100%-2rem)]",
58
63
  "handle": "h-12 w-1.5 mt-auto mb-auto"
59
64
  }
65
+ },
66
+ {
67
+ "direction": "top" as typeof direction[number],
68
+ "inset": true,
69
+ "class": {
70
+ "content": "inset-x-4 top-4"
71
+ }
72
+ },
73
+ {
74
+ "direction": "top" as typeof direction[number],
75
+ "inset": false,
76
+ "class": {
77
+ "content": "inset-x-0 top-0 rounded-b-[calc(var(--ui-radius)*2)]"
78
+ }
79
+ },
80
+ {
81
+ "direction": "bottom" as typeof direction[number],
82
+ "inset": true,
83
+ "class": {
84
+ "content": "inset-x-4 bottom-4"
85
+ }
86
+ },
87
+ {
88
+ "direction": "bottom" as typeof direction[number],
89
+ "inset": false,
90
+ "class": {
91
+ "content": "inset-x-0 bottom-0 rounded-t-[calc(var(--ui-radius)*2)]"
92
+ }
93
+ },
94
+ {
95
+ "direction": "left" as typeof direction[number],
96
+ "inset": true,
97
+ "class": {
98
+ "content": "inset-y-4 left-4"
99
+ }
100
+ },
101
+ {
102
+ "direction": "left" as typeof direction[number],
103
+ "inset": false,
104
+ "class": {
105
+ "content": "inset-y-0 left-0 rounded-r-[calc(var(--ui-radius)*2)]"
106
+ }
107
+ },
108
+ {
109
+ "direction": "right" as typeof direction[number],
110
+ "inset": true,
111
+ "class": {
112
+ "content": "inset-y-4 right-4"
113
+ }
114
+ },
115
+ {
116
+ "direction": "right" as typeof direction[number],
117
+ "inset": false,
118
+ "class": {
119
+ "content": "inset-y-0 right-0 rounded-l-[calc(var(--ui-radius)*2)]"
120
+ }
60
121
  }
61
122
  ]
62
123
  }
package/.nuxt/ui/dropdown-menu.ts CHANGED
@@ -18,11 +18,11 @@ const size = [
18
18
 
19
19
  export default {
20
20
  "slots": {
21
- "content": "min-w-32 bg-[var(--ui-bg)] shadow-lg rounded-[calc(var(--ui-radius)*1.5)] ring ring-[var(--ui-border)] divide-y divide-[var(--ui-border)] overflow-y-auto scroll-py-1 data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
22
- "arrow": "fill-[var(--ui-border)]",
21
+ "content": "min-w-32 bg-(--ui-bg) shadow-lg rounded-[calc(var(--ui-radius)*1.5)] ring ring-(--ui-border) divide-y divide-(--ui-border) overflow-y-auto scroll-py-1 data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
22
+ "arrow": "fill-(--ui-border)",
23
23
  "group": "p-1 isolate",
24
- "label": "w-full flex items-center font-semibold text-[var(--ui-text-highlighted)]",
25
- "separator": "-mx-1 my-1 h-px bg-[var(--ui-border)]",
24
+ "label": "w-full flex items-center font-semibold text-(--ui-text-highlighted)",
25
+ "separator": "-mx-1 my-1 h-px bg-(--ui-border)",
26
26
  "item": "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",
27
27
  "itemLeadingIcon": "shrink-0",
28
28
  "itemLeadingAvatar": "shrink-0",
@@ -32,7 +32,7 @@ export default {
32
32
  "itemTrailingKbds": "hidden lg:inline-flex items-center shrink-0",
33
33
  "itemTrailingKbdsSize": "",
34
34
  "itemLabel": "truncate",
35
- "itemLabelExternalIcon": "inline-block size-3 align-top text-[var(--ui-text-dimmed)]"
35
+ "itemLabelExternalIcon": "inline-block size-3 align-top text-(--ui-text-dimmed)"
36
36
  },
37
37
  "variants": {
38
38
  "color": {
@@ -46,16 +46,16 @@ export default {
46
46
  },
47
47
  "active": {
48
48
  "true": {
49
- "item": "text-[var(--ui-text-highlighted)] before:bg-[var(--ui-bg-elevated)]",
50
- "itemLeadingIcon": "text-[var(--ui-text)]"
49
+ "item": "text-(--ui-text-highlighted) before:bg-(--ui-bg-elevated)",
50
+ "itemLeadingIcon": "text-(--ui-text)"
51
51
  },
52
52
  "false": {
53
53
  "item": [
54
- "text-[var(--ui-text)] data-highlighted:text-[var(--ui-text-highlighted)] data-[state=open]:text-[var(--ui-text-highlighted)] data-highlighted:before:bg-[var(--ui-bg-elevated)]/50 data-[state=open]:before:bg-[var(--ui-bg-elevated)]/50",
54
+ "text-(--ui-text) data-highlighted:text-(--ui-text-highlighted) data-[state=open]:text-(--ui-text-highlighted) data-highlighted:before:bg-(--ui-bg-elevated)/50 data-[state=open]:before:bg-(--ui-bg-elevated)/50",
55
55
  "transition-colors before:transition-colors"
56
56
  ],
57
57
  "itemLeadingIcon": [
58
- "text-[var(--ui-text-dimmed)] group-data-highlighted:text-[var(--ui-text)] group-data-[state=open]:text-[var(--ui-text)]",
58
+ "text-(--ui-text-dimmed) group-data-highlighted:text-(--ui-text) group-data-[state=open]:text-(--ui-text)",
59
59
  "transition-colors"
60
60
  ]
61
61
  }
@@ -118,96 +118,96 @@ export default {
118
118
  "color": "primary" as typeof color[number],
119
119
  "active": false,
120
120
  "class": {
121
- "item": "text-[var(--ui-primary)] data-highlighted:text-[var(--ui-primary)] data-highlighted:before:bg-[var(--ui-primary)]/10 data-[state=open]:before:bg-[var(--ui-primary)]/10",
122
- "itemLeadingIcon": "text-[var(--ui-primary)]/75 group-data-highlighted:text-[var(--ui-primary)] group-data-[state=open]:text-[var(--ui-primary)]"
121
+ "item": "text-(--ui-primary) data-highlighted:text-(--ui-primary) data-highlighted:before:bg-(--ui-primary)/10 data-[state=open]:before:bg-(--ui-primary)/10",
122
+ "itemLeadingIcon": "text-(--ui-primary)/75 group-data-highlighted:text-(--ui-primary) group-data-[state=open]:text-(--ui-primary)"
123
123
  }
124
124
  },
125
125
  {
126
126
  "color": "secondary" as typeof color[number],
127
127
  "active": false,
128
128
  "class": {
129
- "item": "text-[var(--ui-secondary)] data-highlighted:text-[var(--ui-secondary)] data-highlighted:before:bg-[var(--ui-secondary)]/10 data-[state=open]:before:bg-[var(--ui-secondary)]/10",
130
- "itemLeadingIcon": "text-[var(--ui-secondary)]/75 group-data-highlighted:text-[var(--ui-secondary)] group-data-[state=open]:text-[var(--ui-secondary)]"
129
+ "item": "text-(--ui-secondary) data-highlighted:text-(--ui-secondary) data-highlighted:before:bg-(--ui-secondary)/10 data-[state=open]:before:bg-(--ui-secondary)/10",
130
+ "itemLeadingIcon": "text-(--ui-secondary)/75 group-data-highlighted:text-(--ui-secondary) group-data-[state=open]:text-(--ui-secondary)"
131
131
  }
132
132
  },
133
133
  {
134
134
  "color": "success" as typeof color[number],
135
135
  "active": false,
136
136
  "class": {
137
- "item": "text-[var(--ui-success)] data-highlighted:text-[var(--ui-success)] data-highlighted:before:bg-[var(--ui-success)]/10 data-[state=open]:before:bg-[var(--ui-success)]/10",
138
- "itemLeadingIcon": "text-[var(--ui-success)]/75 group-data-highlighted:text-[var(--ui-success)] group-data-[state=open]:text-[var(--ui-success)]"
137
+ "item": "text-(--ui-success) data-highlighted:text-(--ui-success) data-highlighted:before:bg-(--ui-success)/10 data-[state=open]:before:bg-(--ui-success)/10",
138
+ "itemLeadingIcon": "text-(--ui-success)/75 group-data-highlighted:text-(--ui-success) group-data-[state=open]:text-(--ui-success)"
139
139
  }
140
140
  },
141
141
  {
142
142
  "color": "info" as typeof color[number],
143
143
  "active": false,
144
144
  "class": {
145
- "item": "text-[var(--ui-info)] data-highlighted:text-[var(--ui-info)] data-highlighted:before:bg-[var(--ui-info)]/10 data-[state=open]:before:bg-[var(--ui-info)]/10",
146
- "itemLeadingIcon": "text-[var(--ui-info)]/75 group-data-highlighted:text-[var(--ui-info)] group-data-[state=open]:text-[var(--ui-info)]"
145
+ "item": "text-(--ui-info) data-highlighted:text-(--ui-info) data-highlighted:before:bg-(--ui-info)/10 data-[state=open]:before:bg-(--ui-info)/10",
146
+ "itemLeadingIcon": "text-(--ui-info)/75 group-data-highlighted:text-(--ui-info) group-data-[state=open]:text-(--ui-info)"
147
147
  }
148
148
  },
149
149
  {
150
150
  "color": "warning" as typeof color[number],
151
151
  "active": false,
152
152
  "class": {
153
- "item": "text-[var(--ui-warning)] data-highlighted:text-[var(--ui-warning)] data-highlighted:before:bg-[var(--ui-warning)]/10 data-[state=open]:before:bg-[var(--ui-warning)]/10",
154
- "itemLeadingIcon": "text-[var(--ui-warning)]/75 group-data-highlighted:text-[var(--ui-warning)] group-data-[state=open]:text-[var(--ui-warning)]"
153
+ "item": "text-(--ui-warning) data-highlighted:text-(--ui-warning) data-highlighted:before:bg-(--ui-warning)/10 data-[state=open]:before:bg-(--ui-warning)/10",
154
+ "itemLeadingIcon": "text-(--ui-warning)/75 group-data-highlighted:text-(--ui-warning) group-data-[state=open]:text-(--ui-warning)"
155
155
  }
156
156
  },
157
157
  {
158
158
  "color": "error" as typeof color[number],
159
159
  "active": false,
160
160
  "class": {
161
- "item": "text-[var(--ui-error)] data-highlighted:text-[var(--ui-error)] data-highlighted:before:bg-[var(--ui-error)]/10 data-[state=open]:before:bg-[var(--ui-error)]/10",
162
- "itemLeadingIcon": "text-[var(--ui-error)]/75 group-data-highlighted:text-[var(--ui-error)] group-data-[state=open]:text-[var(--ui-error)]"
161
+ "item": "text-(--ui-error) data-highlighted:text-(--ui-error) data-highlighted:before:bg-(--ui-error)/10 data-[state=open]:before:bg-(--ui-error)/10",
162
+ "itemLeadingIcon": "text-(--ui-error)/75 group-data-highlighted:text-(--ui-error) group-data-[state=open]:text-(--ui-error)"
163
163
  }
164
164
  },
165
165
  {
166
166
  "color": "primary" as typeof color[number],
167
167
  "active": true,
168
168
  "class": {
169
- "item": "text-[var(--ui-primary)] before:bg-[var(--ui-primary)]/10",
170
- "itemLeadingIcon": "text-[var(--ui-primary)]"
169
+ "item": "text-(--ui-primary) before:bg-(--ui-primary)/10",
170
+ "itemLeadingIcon": "text-(--ui-primary)"
171
171
  }
172
172
  },
173
173
  {
174
174
  "color": "secondary" as typeof color[number],
175
175
  "active": true,
176
176
  "class": {
177
- "item": "text-[var(--ui-secondary)] before:bg-[var(--ui-secondary)]/10",
178
- "itemLeadingIcon": "text-[var(--ui-secondary)]"
177
+ "item": "text-(--ui-secondary) before:bg-(--ui-secondary)/10",
178
+ "itemLeadingIcon": "text-(--ui-secondary)"
179
179
  }
180
180
  },
181
181
  {
182
182
  "color": "success" as typeof color[number],
183
183
  "active": true,
184
184
  "class": {
185
- "item": "text-[var(--ui-success)] before:bg-[var(--ui-success)]/10",
186
- "itemLeadingIcon": "text-[var(--ui-success)]"
185
+ "item": "text-(--ui-success) before:bg-(--ui-success)/10",
186
+ "itemLeadingIcon": "text-(--ui-success)"
187
187
  }
188
188
  },
189
189
  {
190
190
  "color": "info" as typeof color[number],
191
191
  "active": true,
192
192
  "class": {
193
- "item": "text-[var(--ui-info)] before:bg-[var(--ui-info)]/10",
194
- "itemLeadingIcon": "text-[var(--ui-info)]"
193
+ "item": "text-(--ui-info) before:bg-(--ui-info)/10",
194
+ "itemLeadingIcon": "text-(--ui-info)"
195
195
  }
196
196
  },
197
197
  {
198
198
  "color": "warning" as typeof color[number],
199
199
  "active": true,
200
200
  "class": {
201
- "item": "text-[var(--ui-warning)] before:bg-[var(--ui-warning)]/10",
202
- "itemLeadingIcon": "text-[var(--ui-warning)]"
201
+ "item": "text-(--ui-warning) before:bg-(--ui-warning)/10",
202
+ "itemLeadingIcon": "text-(--ui-warning)"
203
203
  }
204
204
  },
205
205
  {
206
206
  "color": "error" as typeof color[number],
207
207
  "active": true,
208
208
  "class": {
209
- "item": "text-[var(--ui-error)] before:bg-[var(--ui-error)]/10",
210
- "itemLeadingIcon": "text-[var(--ui-error)]"
209
+ "item": "text-(--ui-error) before:bg-(--ui-error)/10",
210
+ "itemLeadingIcon": "text-(--ui-error)"
211
211
  }
212
212
  }
213
213
  ],
package/.nuxt/ui/form-field.ts CHANGED
@@ -11,12 +11,12 @@ export default {
11
11
  "root": "",
12
12
  "wrapper": "",
13
13
  "labelWrapper": "flex content-center items-center justify-between",
14
- "label": "block font-medium text-[var(--ui-text)]",
14
+ "label": "block font-medium text-(--ui-text)",
15
15
  "container": "mt-1 relative",
16
- "description": "text-[var(--ui-text-muted)]",
17
- "error": "mt-2 text-[var(--ui-error)]",
18
- "hint": "text-[var(--ui-text-muted)]",
19
- "help": "mt-2 text-[var(--ui-text-muted)]"
16
+ "description": "text-(--ui-text-muted)",
17
+ "error": "mt-2 text-(--ui-error)",
18
+ "hint": "text-(--ui-text-muted)",
19
+ "help": "mt-2 text-(--ui-text-muted)"
20
20
  },
21
21
  "variants": {
22
22
  "size": {
@@ -38,7 +38,7 @@ export default {
38
38
  },
39
39
  "required": {
40
40
  "true": {
41
- "label": "after:content-['*'] after:ms-0.5 after:text-[var(--ui-error)]"
41
+ "label": "after:content-['*'] after:ms-0.5 after:text-(--ui-error)"
42
42
  }
43
43
  }
44
44
  },