@nuxt/ui 3.1.2 → 3.1.3

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 (45) hide show
  1. package/.nuxt/ui/checkbox-group.ts +1 -1
  2. package/.nuxt/ui/context-menu.ts +2 -1
  3. package/.nuxt/ui/dropdown-menu.ts +2 -1
  4. package/.nuxt/ui/input-menu.ts +2 -2
  5. package/.nuxt/ui/navigation-menu.ts +43 -34
  6. package/.nuxt/ui/radio-group.ts +1 -1
  7. package/.nuxt/ui/select-menu.ts +2 -2
  8. package/.nuxt/ui/select.ts +2 -2
  9. package/.nuxt/ui/tooltip.ts +1 -1
  10. package/.nuxt/ui.css +4 -1
  11. package/dist/module.json +1 -1
  12. package/dist/module.mjs +2 -2
  13. package/dist/runtime/components/CommandPalette.vue +1 -1
  14. package/dist/runtime/components/ContextMenuContent.vue +58 -56
  15. package/dist/runtime/components/Drawer.vue +15 -1
  16. package/dist/runtime/components/DropdownMenuContent.vue +60 -58
  17. package/dist/runtime/components/Input.vue +1 -0
  18. package/dist/runtime/components/Input.vue.d.ts +7 -0
  19. package/dist/runtime/components/InputMenu.vue +3 -3
  20. package/dist/runtime/components/Modal.vue +2 -2
  21. package/dist/runtime/components/Modal.vue.d.ts +3 -0
  22. package/dist/runtime/components/NavigationMenu.vue +82 -24
  23. package/dist/runtime/components/NavigationMenu.vue.d.ts +30 -17
  24. package/dist/runtime/components/Popover.vue +4 -0
  25. package/dist/runtime/components/Popover.vue.d.ts +1 -0
  26. package/dist/runtime/components/Select.vue +3 -3
  27. package/dist/runtime/components/SelectMenu.vue +3 -3
  28. package/dist/runtime/components/Slideover.vue +9 -2
  29. package/dist/runtime/components/Slideover.vue.d.ts +3 -0
  30. package/dist/runtime/components/Textarea.vue +4 -1
  31. package/dist/runtime/components/Textarea.vue.d.ts +7 -1
  32. package/dist/runtime/locale/index.d.ts +6 -2
  33. package/dist/runtime/locale/index.js +6 -2
  34. package/dist/runtime/locale/ky.d.ts +3 -0
  35. package/dist/runtime/locale/ky.js +54 -0
  36. package/dist/runtime/locale/lt.d.ts +3 -0
  37. package/dist/runtime/locale/lt.js +54 -0
  38. package/dist/runtime/locale/mn.d.ts +3 -0
  39. package/dist/runtime/locale/mn.js +54 -0
  40. package/dist/runtime/locale/ms.d.ts +3 -0
  41. package/dist/runtime/locale/ms.js +54 -0
  42. package/dist/shared/{ui.BvUP-pSb.mjs → ui.Bix4DSU4.mjs} +51 -37
  43. package/dist/unplugin.mjs +1 -1
  44. package/dist/vite.mjs +1 -1
  45. package/package.json +19 -19
@@ -0,0 +1,54 @@
1
+ import { defineLocale } from "../composables/defineLocale.js";
2
+ export default defineLocale({
3
+ name: "\u041A\u044B\u0440\u0433\u044B\u0437\u0447\u0430",
4
+ code: "ky",
5
+ messages: {
6
+ inputMenu: {
7
+ noMatch: "\u042D\u0447 \u043D\u0435\u0440\u0441\u0435 \u0442\u0430\u0431\u044B\u043B\u0433\u0430\u043D \u0436\u043E\u043A",
8
+ noData: "\u041C\u0430\u0430\u043B\u044B\u043C\u0430\u0442 \u0436\u043E\u043A",
9
+ create: '"{label}" \u0436\u0430\u0441\u043E\u043E'
10
+ },
11
+ calendar: {
12
+ prevYear: "\u0410\u043B\u0434\u044B\u04A3\u043A\u044B \u0436\u044B\u043B",
13
+ nextYear: "\u041A\u0438\u0439\u0438\u043D\u043A\u0438 \u0436\u044B\u043B",
14
+ prevMonth: "\u0410\u043B\u0434\u044B\u04A3\u043A\u044B \u0430\u0439",
15
+ nextMonth: "\u041A\u0438\u0439\u0438\u043D\u043A\u0438 \u0430\u0439"
16
+ },
17
+ inputNumber: {
18
+ increment: "\u041A\u043E\u0448\u0443\u0443",
19
+ decrement: "\u0410\u0437\u0430\u0439\u0442\u0443\u0443"
20
+ },
21
+ commandPalette: {
22
+ placeholder: "\u0411\u0443\u0439\u0440\u0443\u043A \u043A\u0438\u0440\u0433\u0438\u0437\u0438\u04A3\u0438\u0437 \u0436\u0435 \u0438\u0437\u0434\u04E9\u04E9\u2026",
23
+ noMatch: "\u042D\u0447 \u043D\u0435\u0440\u0441\u0435 \u0442\u0430\u0431\u044B\u043B\u0433\u0430\u043D \u0436\u043E\u043A",
24
+ noData: "\u041C\u0430\u0430\u043B\u044B\u043C\u0430\u0442 \u0436\u043E\u043A",
25
+ close: "\u0416\u0430\u0431\u0443\u0443"
26
+ },
27
+ selectMenu: {
28
+ noMatch: "\u0421\u04AF\u0439\u043B\u04E9\u0448\u043A\u04E9\u043D \u043C\u0430\u0430\u043B\u044B\u043C\u0430\u0442\u0442\u0430\u0440 \u0436\u043E\u043A",
29
+ noData: "\u041C\u0430\u0430\u043B\u044B\u043C\u0430\u0442 \u0436\u043E\u043A",
30
+ create: '"{label}" \u0436\u0430\u0441\u043E\u043E',
31
+ search: "\u0418\u0437\u0434\u04E9\u04E9..."
32
+ },
33
+ toast: {
34
+ close: "\u0416\u0430\u0431\u0443\u0443"
35
+ },
36
+ carousel: {
37
+ prev: "\u0410\u043B\u0434\u044B\u04A3\u043A\u044B",
38
+ next: "\u041A\u0438\u0439\u0438\u043D\u043A\u0438",
39
+ goto: "{slide} \u0441\u043B\u0430\u0439\u0434\u0433\u0430 \u04E9\u0442\u04AF\u04AF"
40
+ },
41
+ modal: {
42
+ close: "\u0416\u0430\u0431\u0443\u0443"
43
+ },
44
+ slideover: {
45
+ close: "\u0416\u0430\u0431\u0443\u0443"
46
+ },
47
+ alert: {
48
+ close: "\u0416\u0430\u0431\u0443\u0443"
49
+ },
50
+ table: {
51
+ noData: "\u041C\u0430\u0430\u043B\u044B\u043C\u0430\u0442 \u0436\u043E\u043A"
52
+ }
53
+ }
54
+ });
@@ -0,0 +1,3 @@
1
+ import type { Messages } from '../types';
2
+ declare const _default: import("../types").Locale<Messages>;
3
+ export default _default;
@@ -0,0 +1,54 @@
1
+ import { defineLocale } from "../composables/defineLocale.js";
2
+ export default defineLocale({
3
+ name: "Lietuvi\u0173",
4
+ code: "lt",
5
+ messages: {
6
+ inputMenu: {
7
+ noMatch: "N\u0117ra atitinkan\u010Di\u0173 duomen\u0173",
8
+ noData: "N\u0117ra duomen\u0173",
9
+ create: "Sukurti \u201E{label}\u201C"
10
+ },
11
+ calendar: {
12
+ prevYear: "Ankstesni metai",
13
+ nextYear: "Kiti metai",
14
+ prevMonth: "Ankstesnis m\u0117nuo",
15
+ nextMonth: "Kitas m\u0117nuo"
16
+ },
17
+ inputNumber: {
18
+ increment: "Padidinti",
19
+ decrement: "Suma\u017Einti"
20
+ },
21
+ commandPalette: {
22
+ placeholder: "\u012Eveskite komand\u0105 arba ie\u0161kokite...",
23
+ noMatch: "N\u0117ra atitinkan\u010Di\u0173 duomen\u0173",
24
+ noData: "N\u0117ra duomen\u0173",
25
+ close: "U\u017Edaryti"
26
+ },
27
+ selectMenu: {
28
+ noMatch: "N\u0117ra atitinkan\u010Di\u0173 duomen\u0173",
29
+ noData: "N\u0117ra duomen\u0173",
30
+ create: "Sukurti \u201E{label}\u201C",
31
+ search: "Ie\u0161koti..."
32
+ },
33
+ toast: {
34
+ close: "U\u017Edaryti"
35
+ },
36
+ carousel: {
37
+ prev: "Atgal",
38
+ next: "Pirmyn",
39
+ goto: "Eiti \u012F skaidr\u0119 {slide}"
40
+ },
41
+ modal: {
42
+ close: "U\u017Edaryti"
43
+ },
44
+ slideover: {
45
+ close: "U\u017Edaryti"
46
+ },
47
+ alert: {
48
+ close: "U\u017Edaryti"
49
+ },
50
+ table: {
51
+ noData: "N\u0117ra duomen\u0173"
52
+ }
53
+ }
54
+ });
@@ -0,0 +1,3 @@
1
+ import type { Messages } from '../types';
2
+ declare const _default: import("../types").Locale<Messages>;
3
+ export default _default;
@@ -0,0 +1,54 @@
1
+ import { defineLocale } from "../composables/defineLocale.js";
2
+ export default defineLocale({
3
+ name: "\u041C\u043E\u043D\u0433\u043E\u043B",
4
+ code: "mn",
5
+ messages: {
6
+ inputMenu: {
7
+ noMatch: "\u0422\u043E\u0445\u0438\u0440\u043E\u0445 \u043C\u044D\u0434\u044D\u044D\u043B\u044D\u043B \u043E\u043B\u0434\u0441\u043E\u043D\u0433\u04AF\u0439",
8
+ noData: "\u041C\u044D\u0434\u044D\u044D\u043B\u044D\u043B \u0431\u0430\u0439\u0445\u0433\u04AF\u0439",
9
+ create: '"{label}" \u04AF\u04AF\u0441\u0433\u044D\u0445'
10
+ },
11
+ calendar: {
12
+ prevYear: "\u04E8\u043C\u043D\u04E9\u0445 \u0436\u0438\u043B",
13
+ nextYear: "\u0414\u0430\u0440\u0430\u0430 \u0436\u0438\u043B",
14
+ prevMonth: "\u04E8\u043C\u043D\u04E9\u0445 \u0441\u0430\u0440",
15
+ nextMonth: "\u0414\u0430\u0440\u0430\u0430 \u0441\u0430\u0440"
16
+ },
17
+ inputNumber: {
18
+ increment: "\u041D\u044D\u043C\u044D\u0445",
19
+ decrement: "\u0425\u0430\u0441\u0430\u0445"
20
+ },
21
+ commandPalette: {
22
+ placeholder: "\u041A\u043E\u043C\u043C\u0430\u043D\u0434 \u0431\u0438\u0447\u0438\u0445 \u044D\u0441\u0432\u044D\u043B \u0445\u0430\u0439\u043B\u0442 \u0445\u0438\u0439\u0445...",
23
+ noMatch: "\u0422\u043E\u0445\u0438\u0440\u043E\u0445 \u043C\u044D\u0434\u044D\u044D\u043B\u044D\u043B \u043E\u043B\u0434\u0441\u043E\u043D\u0433\u04AF\u0439",
24
+ noData: "\u041C\u044D\u0434\u044D\u044D\u043B\u044D\u043B \u0431\u0430\u0439\u0445\u0433\u04AF\u0439",
25
+ close: "\u0425\u0430\u0430\u0445"
26
+ },
27
+ selectMenu: {
28
+ noMatch: "\u0422\u043E\u0445\u0438\u0440\u043E\u0445 \u043C\u044D\u0434\u044D\u044D\u043B\u044D\u043B \u043E\u043B\u0434\u0441\u043E\u043D\u0433\u04AF\u0439",
29
+ noData: "\u041C\u044D\u0434\u044D\u044D\u043B\u044D\u043B \u0431\u0430\u0439\u0445\u0433\u04AF\u0439",
30
+ create: '"{label}" \u04AF\u04AF\u0441\u0433\u044D\u0445',
31
+ search: "\u0425\u0430\u0439\u0445..."
32
+ },
33
+ toast: {
34
+ close: "\u0425\u0430\u0430\u0445"
35
+ },
36
+ carousel: {
37
+ prev: "\u04E8\u043C\u043D\u04E9\u0445",
38
+ next: "\u0414\u0430\u0440\u0430\u0430\u0445",
39
+ goto: "{slide}-\u0440 \u0445\u0443\u0443\u0434\u0441\u0430\u043D\u0434 \u0448\u0438\u043B\u0436\u0438\u0445"
40
+ },
41
+ modal: {
42
+ close: "\u0425\u0430\u0430\u0445"
43
+ },
44
+ slideover: {
45
+ close: "\u0425\u0430\u0430\u0445"
46
+ },
47
+ alert: {
48
+ close: "\u0425\u0430\u0430\u0445"
49
+ },
50
+ table: {
51
+ noData: "\u041C\u044D\u0434\u044D\u044D\u043B\u044D\u043B \u0431\u0430\u0439\u0445\u0433\u04AF\u0439"
52
+ }
53
+ }
54
+ });
@@ -0,0 +1,3 @@
1
+ import type { Messages } from '../types';
2
+ declare const _default: import("../types").Locale<Messages>;
3
+ export default _default;
@@ -0,0 +1,54 @@
1
+ import { defineLocale } from "../composables/defineLocale.js";
2
+ export default defineLocale({
3
+ name: "Melayu",
4
+ code: "ms",
5
+ messages: {
6
+ inputMenu: {
7
+ noMatch: "Tiada data yang sepadan",
8
+ noData: "Tiada data",
9
+ create: 'Cipta "{label}"'
10
+ },
11
+ calendar: {
12
+ prevYear: "Tahun sebelum",
13
+ nextYear: "Tahun seterusnya",
14
+ prevMonth: "Bulan sebelum",
15
+ nextMonth: "Bulan seterusnya"
16
+ },
17
+ inputNumber: {
18
+ increment: "Naikkan",
19
+ decrement: "Kurangkan"
20
+ },
21
+ commandPalette: {
22
+ placeholder: "Taip arahan atau carian...",
23
+ noMatch: "Tiada data yang sepadan",
24
+ noData: "Tiada data",
25
+ close: "Tutup"
26
+ },
27
+ selectMenu: {
28
+ noMatch: "Tiada data yang sepadan",
29
+ noData: "Tiada data",
30
+ create: 'Cipta "{label}"',
31
+ search: "Cari..."
32
+ },
33
+ toast: {
34
+ close: "Tutup"
35
+ },
36
+ carousel: {
37
+ prev: "Sebelum",
38
+ next: "Seterusnya",
39
+ goto: "Pergi ke slaid {slide}"
40
+ },
41
+ modal: {
42
+ close: "Tutup"
43
+ },
44
+ slideover: {
45
+ close: "Tutup"
46
+ },
47
+ alert: {
48
+ close: "Tutup"
49
+ },
50
+ table: {
51
+ noData: "Tiada data"
52
+ }
53
+ }
54
+ });
@@ -21,7 +21,7 @@ const icons = {
21
21
  external: "i-lucide-arrow-up-right",
22
22
  folder: "i-lucide-folder",
23
23
  folderOpen: "i-lucide-folder-open",
24
- loading: "i-lucide-refresh-cw",
24
+ loading: "i-lucide-loader-circle",
25
25
  minus: "i-lucide-minus",
26
26
  plus: "i-lucide-plus",
27
27
  search: "i-lucide-search"
@@ -930,7 +930,7 @@ const checkboxGroup = (options) => ({
930
930
  orientation: "horizontal",
931
931
  variant: "table",
932
932
  class: {
933
- item: "first-of-type:rounded-l-lg last-of-type:rounded-r-lg",
933
+ item: "first-of-type:rounded-s-lg last-of-type:rounded-e-lg",
934
934
  fieldset: "gap-0 -space-x-px"
935
935
  }
936
936
  },
@@ -1127,7 +1127,8 @@ const container = {
1127
1127
 
1128
1128
  const contextMenu = (options) => ({
1129
1129
  slots: {
1130
- content: "min-w-32 bg-default shadow-lg rounded-md ring ring-default divide-y divide-default overflow-y-auto scroll-py-1 data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-context-menu-content-transform-origin)",
1130
+ content: "min-w-32 bg-default shadow-lg rounded-md ring ring-default overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-context-menu-content-transform-origin) flex flex-col",
1131
+ viewport: "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1",
1131
1132
  group: "p-1 isolate",
1132
1133
  label: "w-full flex items-center font-semibold text-highlighted",
1133
1134
  separator: "-mx-1 my-1 h-px bg-border",
@@ -1332,7 +1333,8 @@ const drawer = (options) => ({
1332
1333
 
1333
1334
  const dropdownMenu = (options) => ({
1334
1335
  slots: {
1335
- content: "min-w-32 bg-default shadow-lg rounded-md ring ring-default divide-y divide-default overflow-y-auto scroll-py-1 data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-dropdown-menu-content-transform-origin)",
1336
+ content: "min-w-32 bg-default shadow-lg rounded-md ring ring-default overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-dropdown-menu-content-transform-origin) flex flex-col",
1337
+ viewport: "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1",
1336
1338
  arrow: "fill-default",
1337
1339
  group: "p-1 isolate",
1338
1340
  label: "w-full flex items-center font-semibold text-highlighted",
@@ -1636,8 +1638,8 @@ const inputMenu = (options) => {
1636
1638
  base: () => ["rounded-md", options.theme.transitions && "transition-colors"],
1637
1639
  trailing: "group absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75",
1638
1640
  arrow: "fill-default",
1639
- content: "max-h-60 w-(--reka-combobox-trigger-width) bg-default shadow-lg rounded-md ring ring-default overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-combobox-content-transform-origin) pointer-events-auto",
1640
- viewport: "divide-y divide-default scroll-py-1",
1641
+ content: "max-h-60 w-(--reka-combobox-trigger-width) bg-default shadow-lg rounded-md ring ring-default overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-combobox-content-transform-origin) pointer-events-auto flex flex-col",
1642
+ viewport: "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1",
1641
1643
  group: "p-1 isolate",
1642
1644
  empty: "py-2 text-center text-sm text-muted",
1643
1645
  label: "font-semibold text-highlighted",
@@ -1928,24 +1930,25 @@ const navigationMenu = (options) => ({
1928
1930
  linkLeadingIcon: "shrink-0 size-5",
1929
1931
  linkLeadingAvatar: "shrink-0",
1930
1932
  linkLeadingAvatarSize: "2xs",
1931
- linkTrailing: "ms-auto inline-flex gap-1.5 items-center",
1933
+ linkTrailing: "group ms-auto inline-flex gap-1.5 items-center",
1932
1934
  linkTrailingBadge: "shrink-0",
1933
1935
  linkTrailingBadgeSize: "sm",
1934
1936
  linkTrailingIcon: "size-5 transform shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200",
1935
1937
  linkLabel: "truncate",
1936
1938
  linkLabelExternalIcon: "inline-block size-3 align-top text-dimmed",
1937
- childList: "",
1939
+ childList: "isolate",
1940
+ childLabel: "text-xs text-highlighted",
1938
1941
  childItem: "",
1939
- childLink: "group size-full px-3 py-2 rounded-md flex items-start gap-2 text-start",
1940
- childLinkWrapper: "flex flex-col items-start",
1942
+ childLink: "group relative size-full flex items-start text-start text-sm before:absolute before:z-[-1] before:rounded-md focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2",
1943
+ childLinkWrapper: "min-w-0",
1941
1944
  childLinkIcon: "size-5 shrink-0",
1942
- childLinkLabel: "font-semibold text-sm relative inline-flex",
1945
+ childLinkLabel: "truncate",
1943
1946
  childLinkLabelExternalIcon: "inline-block size-3 align-top text-dimmed",
1944
- childLinkDescription: "text-sm text-muted",
1947
+ childLinkDescription: "text-muted",
1945
1948
  separator: "px-2 h-px bg-border",
1946
1949
  viewportWrapper: "absolute top-full left-0 flex w-full",
1947
1950
  viewport: "relative overflow-hidden bg-default shadow-lg rounded-md ring ring-default h-(--reka-navigation-menu-viewport-height) w-full transition-[width,height,left] duration-200 origin-[top_center] data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] z-[1]",
1948
- content: "absolute top-0 left-0 w-full",
1951
+ content: "",
1949
1952
  indicator: "absolute data-[state=visible]:animate-[fade-in_100ms_ease-out] data-[state=hidden]:animate-[fade-out_100ms_ease-in] data-[state=hidden]:opacity-0 bottom-0 z-[2] w-(--reka-navigation-menu-indicator-size) translate-x-(--reka-navigation-menu-indicator-position) flex h-2.5 items-end justify-center overflow-hidden transition-[translate,width] duration-200",
1950
1953
  arrow: "relative top-[50%] size-2.5 rotate-45 border border-default bg-default z-[1] rounded-xs"
1951
1954
  },
@@ -1953,11 +1956,11 @@ const navigationMenu = (options) => ({
1953
1956
  color: {
1954
1957
  ...Object.fromEntries((options.theme.colors || []).map((color) => [color, {
1955
1958
  link: `focus-visible:before:ring-${color}`,
1956
- childLink: `focus-visible:outline-${color}`
1959
+ childLink: `focus-visible:before:ring-${color}`
1957
1960
  }])),
1958
1961
  neutral: {
1959
1962
  link: "focus-visible:before:ring-inverted",
1960
- childLink: "focus-visible:outline-inverted"
1963
+ childLink: "focus-visible:before:ring-inverted"
1961
1964
  }
1962
1965
  },
1963
1966
  highlightColor: {
@@ -1974,11 +1977,16 @@ const navigationMenu = (options) => ({
1974
1977
  list: "flex items-center",
1975
1978
  item: "py-2",
1976
1979
  link: "px-2.5 py-1.5 before:inset-x-px before:inset-y-0",
1977
- childList: "grid p-2"
1980
+ childList: "grid p-2",
1981
+ childLink: "px-3 py-2 gap-2 before:inset-x-px before:inset-y-0",
1982
+ childLinkLabel: "font-medium",
1983
+ content: "absolute top-0 left-0 w-full"
1978
1984
  },
1979
1985
  vertical: {
1980
1986
  root: "flex-col",
1981
- link: "flex-row px-2.5 py-1.5 before:inset-y-px before:inset-x-0"
1987
+ link: "flex-row px-2.5 py-1.5 before:inset-y-px before:inset-x-0",
1988
+ childLabel: "px-1.5 py-0.5",
1989
+ childLink: "p-1.5 gap-1.5 before:inset-y-px before:inset-x-0"
1982
1990
  }
1983
1991
  },
1984
1992
  contentOrientation: {
@@ -1992,13 +2000,13 @@ const navigationMenu = (options) => ({
1992
2000
  },
1993
2001
  active: {
1994
2002
  true: {
1995
- childLink: "bg-elevated text-highlighted",
2003
+ childLink: "before:bg-elevated text-highlighted",
1996
2004
  childLinkIcon: "text-default"
1997
2005
  },
1998
2006
  false: {
1999
2007
  link: "text-muted",
2000
2008
  linkLeadingIcon: "text-dimmed",
2001
- childLink: ["hover:bg-elevated/50 text-default hover:text-highlighted", options.theme.transitions && "transition-colors"],
2009
+ childLink: ["hover:before:bg-elevated/50 text-default hover:text-highlighted", options.theme.transitions && "transition-colors before:transition-colors"],
2002
2010
  childLinkIcon: ["text-dimmed group-hover:text-default", options.theme.transitions && "transition-colors"]
2003
2011
  }
2004
2012
  },
@@ -2030,6 +2038,21 @@ const navigationMenu = (options) => ({
2030
2038
  childList: "gap-1",
2031
2039
  content: "w-60"
2032
2040
  }
2041
+ }, {
2042
+ orientation: "vertical",
2043
+ collapsed: false,
2044
+ class: {
2045
+ childList: "ms-5 border-s border-default",
2046
+ childItem: "ps-1.5 -ms-px",
2047
+ content: "data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden"
2048
+ }
2049
+ }, {
2050
+ orientation: "vertical",
2051
+ collapsed: true,
2052
+ class: {
2053
+ link: "px-1.5",
2054
+ content: "shadow-sm rounded-sm min-h-6 p-1"
2055
+ }
2033
2056
  }, {
2034
2057
  orientation: "horizontal",
2035
2058
  highlight: true,
@@ -2104,6 +2127,7 @@ const navigationMenu = (options) => ({
2104
2127
  variant: "pill",
2105
2128
  active: true,
2106
2129
  highlight: true,
2130
+ disabled: false,
2107
2131
  class: {
2108
2132
  link: ["hover:before:bg-elevated/50", options.theme.transitions && "before:transition-colors"]
2109
2133
  }
@@ -2156,19 +2180,6 @@ const navigationMenu = (options) => ({
2156
2180
  class: {
2157
2181
  link: "after:bg-inverted"
2158
2182
  }
2159
- }, {
2160
- orientation: "vertical",
2161
- collapsed: false,
2162
- class: {
2163
- childList: "ms-5 border-s border-default",
2164
- childItem: "ps-1.5 -ms-px"
2165
- }
2166
- }, {
2167
- orientation: "vertical",
2168
- collapsed: true,
2169
- class: {
2170
- link: "px-1.5"
2171
- }
2172
2183
  }],
2173
2184
  defaultVariants: {
2174
2185
  color: "primary",
@@ -2595,7 +2606,7 @@ const radioGroup = (options) => ({
2595
2606
  orientation: "horizontal",
2596
2607
  variant: "table",
2597
2608
  class: {
2598
- item: "first-of-type:rounded-l-lg last-of-type:rounded-r-lg",
2609
+ item: "first-of-type:rounded-s-lg last-of-type:rounded-e-lg",
2599
2610
  fieldset: "gap-0 -space-x-px"
2600
2611
  }
2601
2612
  },
@@ -2660,8 +2671,8 @@ const select = (options) => {
2660
2671
  value: "truncate pointer-events-none",
2661
2672
  placeholder: "truncate text-dimmed",
2662
2673
  arrow: "fill-default",
2663
- content: "max-h-60 w-(--reka-select-trigger-width) bg-default shadow-lg rounded-md ring ring-default overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-select-content-transform-origin) pointer-events-auto",
2664
- viewport: "divide-y divide-default scroll-py-1",
2674
+ content: "max-h-60 w-(--reka-select-trigger-width) bg-default shadow-lg rounded-md ring ring-default overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-select-content-transform-origin) pointer-events-auto flex flex-col",
2675
+ viewport: "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1",
2665
2676
  group: "p-1 isolate",
2666
2677
  empty: "py-2 text-center text-sm text-muted",
2667
2678
  label: "font-semibold text-highlighted",
@@ -3587,7 +3598,7 @@ const toaster = {
3587
3598
 
3588
3599
  const tooltip = {
3589
3600
  slots: {
3590
- content: "flex items-center gap-1 bg-default text-highlighted shadow-sm rounded-sm ring ring-default h-6 px-2 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-tooltip-content-transform-origin) pointer-events-auto",
3601
+ content: "flex items-center gap-1 bg-default text-highlighted shadow-sm rounded-sm ring ring-default h-6 px-2.5 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-tooltip-content-transform-origin) pointer-events-auto",
3591
3602
  arrow: "fill-default",
3592
3603
  text: "truncate",
3593
3604
  kbds: `hidden lg:inline-flex items-center shrink-0 gap-0.5 before:content-['\xB7'] before:me-0.5`,
@@ -3769,7 +3780,7 @@ function getTemplates(options, uiConfig) {
3769
3780
  write: true,
3770
3781
  getContents: () => `@source "./ui";
3771
3782
 
3772
- @theme default inline {
3783
+ @theme static {
3773
3784
  --color-old-neutral-50: ${colors.neutral[50]};
3774
3785
  --color-old-neutral-100: ${colors.neutral[100]};
3775
3786
  --color-old-neutral-200: ${colors.neutral[200]};
@@ -3781,6 +3792,9 @@ function getTemplates(options, uiConfig) {
3781
3792
  --color-old-neutral-800: ${colors.neutral[800]};
3782
3793
  --color-old-neutral-900: ${colors.neutral[900]};
3783
3794
  --color-old-neutral-950: ${colors.neutral[950]};
3795
+ }
3796
+
3797
+ @theme default inline {
3784
3798
  ${[...(options.theme?.colors || []).filter((color) => !colors[color]), "neutral"].map((color) => [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950].map((shade) => `--color-${color}-${shade}: var(--ui-color-${color}-${shade});`).join("\n ")).join("\n ")}
3785
3799
  ${options.theme?.colors?.map((color) => `--color-${color}: var(--ui-${color});`).join("\n ")}
3786
3800
  --radius-xs: calc(var(--ui-radius) * 0.5);
package/dist/unplugin.mjs CHANGED
@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
3
3
  import { createUnplugin } from 'unplugin';
4
4
  import { defu } from 'defu';
5
5
  import tailwind from '@tailwindcss/vite';
6
- import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultUiConfig } from './shared/ui.BvUP-pSb.mjs';
6
+ import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultUiConfig } from './shared/ui.Bix4DSU4.mjs';
7
7
  import { globSync } from 'tinyglobby';
8
8
  import { genSafeVariableName } from 'knitwork';
9
9
  import MagicString from 'magic-string';
package/dist/vite.mjs CHANGED
@@ -4,7 +4,7 @@ import 'pathe';
4
4
  import 'unplugin';
5
5
  import 'defu';
6
6
  import '@tailwindcss/vite';
7
- import './shared/ui.BvUP-pSb.mjs';
7
+ import './shared/ui.Bix4DSU4.mjs';
8
8
  import '../dist/runtime/utils/index.js';
9
9
  import 'scule';
10
10
  import '@nuxt/kit';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@nuxt/ui",
3
3
  "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
4
- "version": "3.1.2",
4
+ "version": "3.1.3",
5
5
  "packageManager": "pnpm@10.11.0",
6
6
  "repository": {
7
7
  "type": "git",
@@ -112,19 +112,19 @@
112
112
  "release": "release-it"
113
113
  },
114
114
  "dependencies": {
115
- "@iconify/vue": "^4.3.0",
116
- "@internationalized/date": "^3.8.0",
117
- "@internationalized/number": "^3.6.1",
115
+ "@iconify/vue": "^5.0.0",
116
+ "@internationalized/date": "^3.8.1",
117
+ "@internationalized/number": "^3.6.2",
118
118
  "@nuxt/fonts": "^0.11.4",
119
- "@nuxt/icon": "^1.12.0",
120
- "@nuxt/kit": "^3.17.3",
121
- "@nuxt/schema": "^3.17.3",
119
+ "@nuxt/icon": "^1.13.0",
120
+ "@nuxt/kit": "^3.17.4",
121
+ "@nuxt/schema": "^3.17.4",
122
122
  "@nuxtjs/color-mode": "^3.5.2",
123
123
  "@standard-schema/spec": "^1.0.0",
124
- "@tailwindcss/postcss": "^4.1.6",
125
- "@tailwindcss/vite": "^4.1.6",
124
+ "@tailwindcss/postcss": "^4.1.7",
125
+ "@tailwindcss/vite": "^4.1.7",
126
126
  "@tanstack/vue-table": "^8.21.3",
127
- "@unhead/vue": "^2.0.8",
127
+ "@unhead/vue": "^2.0.10",
128
128
  "@vueuse/core": "^13.2.0",
129
129
  "@vueuse/integrations": "^13.2.0",
130
130
  "colortranslator": "^4.1.0",
@@ -147,26 +147,26 @@
147
147
  "reka-ui": "^2.2.1",
148
148
  "scule": "^1.3.0",
149
149
  "tailwind-variants": "^1.0.0",
150
- "tailwindcss": "^4.1.6",
151
- "tinyglobby": "^0.2.13",
150
+ "tailwindcss": "^4.1.7",
151
+ "tinyglobby": "^0.2.14",
152
152
  "unplugin": "^2.3.4",
153
- "unplugin-auto-import": "^19.2.0",
154
- "unplugin-vue-components": "^28.5.0",
153
+ "unplugin-auto-import": "^19.3.0",
154
+ "unplugin-vue-components": "^28.7.0",
155
155
  "vaul-vue": "^0.4.1",
156
156
  "vue-component-type-helpers": "^2.2.10"
157
157
  },
158
158
  "devDependencies": {
159
- "@nuxt/eslint-config": "^1.3.1",
159
+ "@nuxt/eslint-config": "^1.4.1",
160
160
  "@nuxt/module-builder": "^1.0.1",
161
- "@nuxt/test-utils": "^3.18.0",
161
+ "@nuxt/test-utils": "^3.19.1",
162
162
  "@release-it/conventional-changelog": "^10.0.1",
163
163
  "@vue/test-utils": "^2.4.6",
164
164
  "embla-carousel": "^8.6.0",
165
- "eslint": "^9.26.0",
165
+ "eslint": "^9.27.0",
166
166
  "happy-dom": "^17.4.7",
167
- "nuxt": "^3.17.3",
167
+ "nuxt": "^3.17.4",
168
168
  "release-it": "^19.0.2",
169
- "vitest": "^3.1.3",
169
+ "vitest": "^3.1.4",
170
170
  "vitest-environment-nuxt": "^1.0.1",
171
171
  "vue-tsc": "^2.2.10"
172
172
  },