@burdenoff/fe-libs 2026.619.2 → 2026.623.2

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 (122) hide show
  1. package/dist/chrome/AccountSwitcher.js +8 -8
  2. package/dist/chrome/AppShellLayout.d.ts +4 -1
  3. package/dist/chrome/AppShellLayout.d.ts.map +1 -1
  4. package/dist/chrome/AppShellLayout.js +1 -1
  5. package/dist/chrome/AutoBreadcrumbs.d.ts.map +1 -1
  6. package/dist/chrome/AutoBreadcrumbs.js +6 -6
  7. package/dist/chrome/Breadcrumbs.js +3 -3
  8. package/dist/chrome/CommandPalette.js +15 -15
  9. package/dist/chrome/ContextSwitcher.js +1 -1
  10. package/dist/chrome/Footer.js +1 -1
  11. package/dist/chrome/FooterBar.js +2 -2
  12. package/dist/chrome/GlobalSearch.js +3 -3
  13. package/dist/chrome/HeaderBar.d.ts.map +1 -1
  14. package/dist/chrome/HeaderBar.js +6 -6
  15. package/dist/chrome/LanguagePickerSheet.js +1 -1
  16. package/dist/chrome/LanguageSwitcher.js +4 -4
  17. package/dist/chrome/NavLink.d.ts.map +1 -1
  18. package/dist/chrome/NavLink.js +5 -6
  19. package/dist/chrome/PageHeader.js +3 -3
  20. package/dist/chrome/PanelTabs.js +5 -5
  21. package/dist/chrome/PluginContextMenuTarget.js +2 -2
  22. package/dist/chrome/PluginFooterStrip.js +2 -2
  23. package/dist/chrome/PluginSettingsPage.js +3 -3
  24. package/dist/chrome/PluginWidgetGrid.js +1 -1
  25. package/dist/chrome/ProductPickerSheet.js +3 -3
  26. package/dist/chrome/ProductSwitcher.js +9 -9
  27. package/dist/chrome/ProfileSwitcher.d.ts.map +1 -1
  28. package/dist/chrome/ProfileSwitcher.js +11 -11
  29. package/dist/chrome/ShortcutHelpDialog.js +9 -9
  30. package/dist/chrome/SideNavigation.js +3 -3
  31. package/dist/chrome/Sidebar.js +8 -8
  32. package/dist/chrome/StatusBar.js +1 -1
  33. package/dist/chrome/Tabs.js +1 -1
  34. package/dist/chrome/contextSwitcher/OrganizationList.js +1 -1
  35. package/dist/chrome/contextSwitcher/ProjectList.js +1 -1
  36. package/dist/chrome/contextSwitcher/SearchInput.js +1 -1
  37. package/dist/chrome/contextSwitcher/TabButton.js +1 -1
  38. package/dist/chrome/contextSwitcher/TriggerButton.js +1 -1
  39. package/dist/chrome/contextSwitcher/WorkspaceList.js +1 -1
  40. package/dist/chrome/globalSearch/AdvancedFiltersPanel.js +29 -29
  41. package/dist/chrome/globalSearch/CategoryTabs.js +3 -3
  42. package/dist/chrome/globalSearch/ResultsList.js +8 -8
  43. package/dist/chrome/globalSearch/SearchInput.js +4 -4
  44. package/dist/chrome/globalSearch/SearchModeBar.js +3 -3
  45. package/dist/chrome/notificationCenter/BellButton.js +1 -1
  46. package/dist/chrome/notificationCenter/NotificationCardItem.js +5 -5
  47. package/dist/chrome/notificationCenter/NotificationFilters.js +5 -5
  48. package/dist/chrome/notificationCenter/NotificationFooter.js +1 -1
  49. package/dist/chrome/notificationCenter/NotificationHeader.js +2 -2
  50. package/dist/chrome/notificationCenter/NotificationList.js +2 -2
  51. package/dist/chrome/notificationCenter/NotificationPanel.d.ts.map +1 -1
  52. package/dist/chrome/notificationCenter/NotificationPanel.js +2 -2
  53. package/dist/chrome/notificationCenter/SkeletonCard.js +4 -4
  54. package/dist/chrome/notificationCenter/constants.js +5 -5
  55. package/dist/chrome/sideNavigation/CollapseToggle.js +1 -1
  56. package/dist/chrome/sideNavigation/MobileActionsBar.js +2 -2
  57. package/dist/chrome/sideNavigation/NavItemRenderer.d.ts.map +1 -1
  58. package/dist/chrome/sideNavigation/NavItemRenderer.js +23 -20
  59. package/dist/chrome/sideNavigation/SidebarHeader.js +1 -1
  60. package/dist/form/Checkbox.d.ts.map +1 -1
  61. package/dist/form/Checkbox.js +1 -1
  62. package/dist/form/FormDescription.js +1 -1
  63. package/dist/form/FormLabel.js +4 -4
  64. package/dist/form/FormMessage.js +1 -1
  65. package/dist/form/FormSection.d.ts.map +1 -1
  66. package/dist/form/FormSection.js +3 -3
  67. package/dist/form/Input.js +1 -1
  68. package/dist/form/Radio.d.ts.map +1 -1
  69. package/dist/form/Radio.js +2 -2
  70. package/dist/form/Select.d.ts.map +1 -1
  71. package/dist/form/Select.js +6 -6
  72. package/dist/form/Textarea.js +1 -1
  73. package/dist/shared/providers/shell/ThemeProvider.d.ts +20 -1
  74. package/dist/shared/providers/shell/ThemeProvider.d.ts.map +1 -1
  75. package/dist/shared/providers/shell/ThemeProvider.js +58 -47
  76. package/dist/storage/uploadBlob.d.ts.map +1 -1
  77. package/dist/ui/accordion.js +4 -4
  78. package/dist/ui/alert-dialog.js +3 -3
  79. package/dist/ui/badge.d.ts.map +1 -1
  80. package/dist/ui/badge.js +8 -8
  81. package/dist/ui/bottom-sheet.js +4 -4
  82. package/dist/ui/button.d.ts.map +1 -1
  83. package/dist/ui/button.js +8 -8
  84. package/dist/ui/card.d.ts.map +1 -1
  85. package/dist/ui/card.js +3 -3
  86. package/dist/ui/checkbox.js +1 -1
  87. package/dist/ui/command.d.ts.map +1 -1
  88. package/dist/ui/command.js +11 -11
  89. package/dist/ui/dialog.d.ts.map +1 -1
  90. package/dist/ui/dialog.js +5 -5
  91. package/dist/ui/dropdown-menu.d.ts.map +1 -1
  92. package/dist/ui/dropdown-menu.js +10 -10
  93. package/dist/ui/empty-state.d.ts.map +1 -1
  94. package/dist/ui/empty-state.js +3 -3
  95. package/dist/ui/input.js +1 -1
  96. package/dist/ui/label.js +1 -1
  97. package/dist/ui/optional-fields.d.ts.map +1 -1
  98. package/dist/ui/optional-fields.js +2 -2
  99. package/dist/ui/popover.js +1 -1
  100. package/dist/ui/responsive-table.js +2 -2
  101. package/dist/ui/scroll-area.js +2 -2
  102. package/dist/ui/select.d.ts.map +1 -1
  103. package/dist/ui/select.js +6 -6
  104. package/dist/ui/separator.js +1 -1
  105. package/dist/ui/sheet.js +3 -3
  106. package/dist/ui/skeleton.js +1 -1
  107. package/dist/ui/sonner.js +4 -4
  108. package/dist/ui/spinner.js +1 -1
  109. package/dist/ui/stepper.d.ts.map +1 -1
  110. package/dist/ui/stepper.js +6 -6
  111. package/dist/ui/switch.js +2 -2
  112. package/dist/ui/table.d.ts.map +1 -1
  113. package/dist/ui/table.js +7 -7
  114. package/dist/ui/tabs.js +2 -2
  115. package/dist/ui/textarea.js +1 -1
  116. package/dist/ui/tooltip.js +1 -1
  117. package/package.json +1 -1
  118. package/src/shared/tokens/build/foundation.css +31 -12
  119. package/src/shared/tokens/build/semantic.css +84 -24
  120. package/src/shared/tokens/build/tailwind.preset.js +13 -0
  121. package/src/shared/tokens/build/themes.css +304 -0
  122. package/src/shared/tokens/tokens.css +5 -0
@@ -25,7 +25,7 @@ function s(e) {
25
25
  function c({ className: t, ...r }) {
26
26
  return /* @__PURE__ */ n(i.Overlay, {
27
27
  "data-slot": "bottom-sheet-overlay",
28
- className: e("fixed inset-0 z-[110] bg-bg-overlay", "data-[state=open]:animate-in data-[state=open]:fade-in-0", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0", t),
28
+ className: e("fixed inset-0 z-[110] bg-bg-overlay backdrop-blur-sm", "data-[state=open]:animate-in data-[state=open]:fade-in-0", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0", t),
29
29
  ...r
30
30
  });
31
31
  }
@@ -34,11 +34,11 @@ function l({ className: a, children: o, showHandle: s = !0, showCloseButton: l =
34
34
  "data-slot": "bottom-sheet-portal",
35
35
  children: [/* @__PURE__ */ n(c, {}), /* @__PURE__ */ r(i.Content, {
36
36
  "data-slot": "bottom-sheet-content",
37
- className: e("fixed inset-x-0 bottom-0 z-[120] flex max-h-[90vh] flex-col gap-3", "bg-bg-surface text-text-primary border-t border-border-default", "rounded-t-2xl shadow-lg", "pb-[max(env(safe-area-inset-bottom),1rem)]", "data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom data-[state=open]:duration-300", "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=closed]:duration-200", "focus:outline-none", a),
37
+ className: e("fixed inset-x-0 bottom-0 z-[120] flex max-h-[90vh] flex-col gap-3", "bg-bg-elevated text-text-primary border-t border-border-subtle", "rounded-t-2xl shadow-[var(--shadow-elevation-4)]", "pb-[max(env(safe-area-inset-bottom),1rem)]", "data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom data-[state=open]:duration-300", "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=closed]:duration-200", "focus:outline-none", a),
38
38
  ...u,
39
39
  children: [
40
40
  s ? /* @__PURE__ */ n("div", {
41
- className: "mx-auto mt-2 h-1.5 w-12 shrink-0 rounded-full bg-border-default",
41
+ className: "mx-auto mt-2 h-1.5 w-12 shrink-0 rounded-full bg-border-strong",
42
42
  "aria-hidden": "true"
43
43
  }) : null,
44
44
  /* @__PURE__ */ n("div", {
@@ -47,7 +47,7 @@ function l({ className: a, children: o, showHandle: s = !0, showCloseButton: l =
47
47
  }),
48
48
  l ? /* @__PURE__ */ r(i.Close, {
49
49
  "data-slot": "bottom-sheet-close-x",
50
- className: "absolute top-3 right-3 rounded-md p-2 text-text-secondary opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40",
50
+ className: "absolute top-3 right-3 rounded-button p-2 text-text-muted opacity-80 transition-all hover:bg-action-ghost-bgHover hover:text-text-primary hover:opacity-100 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]",
51
51
  children: [/* @__PURE__ */ n(t, { className: "size-4" }), /* @__PURE__ */ n("span", {
52
52
  className: "sr-only",
53
53
  children: "Close"
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA8BnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GACtD,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,WAAW,2CAYb;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA+BnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GACtD,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,WAAW,2CAYb;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
package/dist/ui/button.js CHANGED
@@ -4,20 +4,20 @@ import { jsx as t } from "react/jsx-runtime";
4
4
  import { Slot as n } from "@radix-ui/react-slot";
5
5
  import { cva as r } from "class-variance-authority";
6
6
  //#region src/ui/button.tsx
7
- var i = r("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all active:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
7
+ var i = r("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-button text-sm font-medium transition-all duration-200 ease-[var(--motion-easing-out)] active:scale-[0.98] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)] aria-invalid:ring-action-danger-bg/30 aria-invalid:border-action-danger-border", {
8
8
  variants: {
9
9
  variant: {
10
- default: "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover",
11
- destructive: "bg-action-danger-bg text-action-danger-text hover:bg-action-danger-bgHover focus-visible:ring-action-danger-bg/30",
12
- outline: "border border-border-default bg-bg-surface text-text-primary shadow-xs hover:bg-action-secondary-bg hover:text-text-primary",
13
- secondary: "bg-action-secondary-bg text-action-secondary-text hover:bg-action-secondary-bgHover",
10
+ default: "bg-action-primary-bg text-action-primary-text shadow-elevation-1 hover:bg-action-primary-bgHover active:bg-action-primary-bgActive",
11
+ destructive: "bg-action-danger-bg text-action-danger-text shadow-elevation-1 hover:bg-action-danger-bgHover active:bg-action-danger-bgActive focus-visible:ring-action-danger-bg/40",
12
+ outline: "border border-border-default bg-bg-surface text-text-primary hover:bg-action-secondary-bg hover:border-border-strong hover:text-text-primary",
13
+ secondary: "bg-action-secondary-bg text-action-secondary-text hover:bg-action-secondary-bgHover active:bg-action-secondary-bgActive",
14
14
  ghost: "bg-transparent text-text-primary hover:bg-action-ghost-bgHover hover:text-text-primary",
15
- link: "text-text-link underline-offset-4 hover:underline"
15
+ link: "text-text-link underline-offset-4 hover:underline hover:text-text-linkHover"
16
16
  },
17
17
  size: {
18
18
  default: "h-9 px-4 py-2 has-[>svg]:px-3",
19
- sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
20
- lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
19
+ sm: "h-8 rounded-button gap-1.5 px-3 has-[>svg]:px-2.5",
20
+ lg: "h-10 rounded-button px-6 has-[>svg]:px-4",
21
21
  icon: "size-9",
22
22
  "icon-sm": "size-8",
23
23
  "icon-lg": "size-10"
@@ -1 +1 @@
1
- {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAWtE;AACD,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAEtE;AACD,iBAAS,SAAS,CAAC,EACjB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,kBAAkB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAA;CAAE,2CAQ9E;AACD,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,oBAAoB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;CAAE,2CAElF;AACD,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAEtE;AACD,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAEtE;AACD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAWtE;AACD,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAEtE;AACD,iBAAS,SAAS,CAAC,EACjB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,kBAAkB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAA;CAAE,2CAW9E;AACD,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,oBAAoB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;CAAE,2CAElF;AACD,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAEtE;AACD,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAEtE;AACD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
package/dist/ui/card.js CHANGED
@@ -4,7 +4,7 @@ import { jsx as t } from "react/jsx-runtime";
4
4
  function n({ ref: n, className: r, ...i }) {
5
5
  return /* @__PURE__ */ t("div", {
6
6
  ref: n,
7
- className: e("rounded-lg border bg-card text-card-foreground shadow-sm transition-all duration-200 ease-out hover:shadow-md hover:border-border-default/80", r),
7
+ className: e("rounded-card border border-border-subtle bg-bg-surface text-text-primary shadow-elevation-1 transition-all duration-200 ease-[var(--motion-easing-out)] hover:border-border-strong hover:shadow-elevation-2", r),
8
8
  ...i
9
9
  });
10
10
  }
@@ -18,14 +18,14 @@ function r({ ref: n, className: r, ...i }) {
18
18
  function i({ ref: n, className: r, ...i }) {
19
19
  return /* @__PURE__ */ t("h3", {
20
20
  ref: n,
21
- className: e("text-2xl font-semibold leading-none tracking-tight", r),
21
+ className: e("text-lg font-semibold leading-tight tracking-tight text-text-primary", r),
22
22
  ...i
23
23
  });
24
24
  }
25
25
  function a({ ref: n, className: r, ...i }) {
26
26
  return /* @__PURE__ */ t("p", {
27
27
  ref: n,
28
- className: e("text-sm text-muted-foreground", r),
28
+ className: e("text-sm text-text-secondary", r),
29
29
  ...i
30
30
  });
31
31
  }
@@ -7,7 +7,7 @@ import * as r from "@radix-ui/react-checkbox";
7
7
  function i({ className: i, ...a }) {
8
8
  return /* @__PURE__ */ n(r.Root, {
9
9
  "data-slot": "checkbox",
10
- className: e("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", i),
10
+ className: e("peer size-4 shrink-0 rounded-[4px] border border-border-default bg-bg-surface shadow-elevation-1 outline-none transition-colors duration-200 data-[state=checked]:border-action-primary-bg data-[state=checked]:bg-action-primary-bg data-[state=checked]:text-action-primary-text focus-visible:border-border-focus focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)] aria-invalid:border-status-error-border disabled:cursor-not-allowed disabled:opacity-50", i),
11
11
  ...a,
12
12
  children: /* @__PURE__ */ n(r.Indicator, {
13
13
  "data-slot": "checkbox-indicator",
@@ -1 +1 @@
1
- {"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../src/ui/command.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAInD,OAAO,EAAE,MAAM,EAA+D,MAAM,UAAU,CAAC;AAE/F,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,2CAWtF;AAED,iBAAS,aAAa,CAAC,EACrB,KAAyB,EACzB,WAA8C,EAC9C,QAAQ,EACR,SAAS,EACT,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,2CAiBA;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAcrD;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAQ/F;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAQtF;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAWrD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,2CAQzD;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAW/F;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAQ7E;AAED,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,CAAC"}
1
+ {"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../src/ui/command.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAInD,OAAO,EAAE,MAAM,EAA+D,MAAM,UAAU,CAAC;AAE/F,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,2CAWtF;AAED,iBAAS,aAAa,CAAC,EACrB,KAAyB,EACzB,WAA8C,EAC9C,QAAQ,EACR,SAAS,EACT,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,2CAiBA;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAiBrD;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAQ/F;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAQtF;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAWrD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,2CAQzD;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAW/F;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAQ7E;AAED,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,CAAC"}
@@ -8,7 +8,7 @@ import { Command as l } from "cmdk";
8
8
  function u({ className: t, ...n }) {
9
9
  return /* @__PURE__ */ s(l, {
10
10
  "data-slot": "command",
11
- className: e("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", t),
11
+ className: e("bg-bg-elevated text-text-primary flex h-full w-full flex-col overflow-hidden rounded-card", t),
12
12
  ...n
13
13
  });
14
14
  }
@@ -19,10 +19,10 @@ function d({ title: o = "Command Palette", description: l = "Search for a comman
19
19
  className: "sr-only",
20
20
  children: [/* @__PURE__ */ s(a, { children: o }), /* @__PURE__ */ s(r, { children: l })]
21
21
  }), /* @__PURE__ */ s(n, {
22
- className: e("overflow-hidden p-0", f),
22
+ className: e("overflow-hidden p-0 shadow-[var(--shadow-elevation-5)]", f),
23
23
  showCloseButton: p,
24
24
  children: /* @__PURE__ */ s(u, {
25
- className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
25
+ className: "[&_[cmdk-group-heading]]:text-text-muted **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
26
26
  children: d
27
27
  })
28
28
  })]
@@ -31,10 +31,10 @@ function d({ title: o = "Command Palette", description: l = "Search for a comman
31
31
  function f({ className: t, ...n }) {
32
32
  return /* @__PURE__ */ c("div", {
33
33
  "data-slot": "command-input-wrapper",
34
- className: "flex h-9 items-center gap-2 border-b px-3",
35
- children: [/* @__PURE__ */ s(o, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ s(l.Input, {
34
+ className: "flex h-9 items-center gap-2 border-b border-border-subtle px-3",
35
+ children: [/* @__PURE__ */ s(o, { className: "size-4 shrink-0 text-text-muted" }), /* @__PURE__ */ s(l.Input, {
36
36
  "data-slot": "command-input",
37
- className: e("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", t),
37
+ className: e("placeholder:text-text-placeholder flex h-10 w-full rounded-input bg-transparent py-3 text-sm text-text-primary outline-hidden disabled:cursor-not-allowed disabled:opacity-50", t),
38
38
  ...n
39
39
  })]
40
40
  });
@@ -49,35 +49,35 @@ function p({ className: t, ...n }) {
49
49
  function m({ ...e }) {
50
50
  return /* @__PURE__ */ s(l.Empty, {
51
51
  "data-slot": "command-empty",
52
- className: "py-6 text-center text-sm",
52
+ className: "py-6 text-center text-sm text-text-secondary",
53
53
  ...e
54
54
  });
55
55
  }
56
56
  function h({ className: t, ...n }) {
57
57
  return /* @__PURE__ */ s(l.Group, {
58
58
  "data-slot": "command-group",
59
- className: e("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", t),
59
+ className: e("text-text-primary [&_[cmdk-group-heading]]:text-text-muted overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wide", t),
60
60
  ...n
61
61
  });
62
62
  }
63
63
  function g({ className: t, ...n }) {
64
64
  return /* @__PURE__ */ s(l.Separator, {
65
65
  "data-slot": "command-separator",
66
- className: e("bg-border -mx-1 h-px", t),
66
+ className: e("bg-border-subtle -mx-1 h-px", t),
67
67
  ...n
68
68
  });
69
69
  }
70
70
  function _({ className: t, ...n }) {
71
71
  return /* @__PURE__ */ s(l.Item, {
72
72
  "data-slot": "command-item",
73
- className: e("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
73
+ className: e("data-[selected=true]:bg-[var(--color-accent-soft)] data-[selected=true]:text-text-primary [&_svg:not([class*='text-'])]:text-text-muted relative flex cursor-default items-center gap-2 rounded-button px-2 py-1.5 text-sm text-text-primary outline-hidden select-none transition-colors data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
74
74
  ...n
75
75
  });
76
76
  }
77
77
  function v({ className: t, ...n }) {
78
78
  return /* @__PURE__ */ s("span", {
79
79
  "data-slot": "command-shortcut",
80
- className: e("text-muted-foreground ml-auto text-xs tracking-widest", t),
80
+ className: e("text-text-muted ml-auto text-xs tracking-widest", t),
81
81
  ...n
82
82
  });
83
83
  }
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAE9E;AAED,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAExF;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAEtF;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpF;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,2CAyBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQ/F;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC"}
1
+ {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAE9E;AAED,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAExF;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAEtF;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpF;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,2CAyBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAW/F;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC"}
package/dist/ui/dialog.js CHANGED
@@ -32,7 +32,7 @@ function c({ ...e }) {
32
32
  function l({ className: t, ...r }) {
33
33
  return /* @__PURE__ */ n(i.Overlay, {
34
34
  "data-slot": "dialog-overlay",
35
- className: e("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-bg-overlay", t),
35
+ className: e("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-bg-overlay backdrop-blur-sm", t),
36
36
  ...r
37
37
  });
38
38
  }
@@ -41,11 +41,11 @@ function u({ className: a, children: o, showCloseButton: c = !0, ...u }) {
41
41
  "data-slot": "dialog-portal",
42
42
  children: [/* @__PURE__ */ n(l, {}), /* @__PURE__ */ r(i.Content, {
43
43
  "data-slot": "dialog-content",
44
- className: e("bg-bg-surface text-text-primary border-border-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg", a),
44
+ className: e("bg-bg-elevated text-text-primary border-border-subtle data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-card border p-6 shadow-[var(--shadow-elevation-4)] duration-200 outline-none sm:max-w-lg", a),
45
45
  ...u,
46
46
  children: [o, c && /* @__PURE__ */ r(i.Close, {
47
47
  "data-slot": "dialog-close",
48
- className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
48
+ className: "absolute top-4 right-4 rounded-button p-1 text-text-muted opacity-80 transition-all hover:bg-action-ghost-bgHover hover:text-text-primary hover:opacity-100 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)] disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
49
49
  children: [/* @__PURE__ */ n(t, {}), /* @__PURE__ */ n("span", {
50
50
  className: "sr-only",
51
51
  children: "Close"
@@ -71,14 +71,14 @@ function f({ className: t, ...r }) {
71
71
  function p({ className: t, ...r }) {
72
72
  return /* @__PURE__ */ n(i.Title, {
73
73
  "data-slot": "dialog-title",
74
- className: e("text-lg leading-none font-semibold", t),
74
+ className: e("text-lg leading-none font-semibold tracking-tight text-text-primary", t),
75
75
  ...r
76
76
  });
77
77
  }
78
78
  function m({ className: t, ...r }) {
79
79
  return /* @__PURE__ */ n(i.Description, {
80
80
  "data-slot": "dialog-description",
81
- className: e("text-muted-foreground text-sm", t),
81
+ className: e("text-text-secondary text-sm", t),
82
82
  ...r
83
83
  });
84
84
  }
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown-menu.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown-menu.tsx"],"names":[],"mappings":"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"}
@@ -7,16 +7,16 @@ var s = o.Root, c = o.Trigger, l = o.Group, u = o.Portal, d = o.Sub, f = o.Radio
7
7
  function p({ ref: t, className: r, inset: s, children: c, ...l }) {
8
8
  return /* @__PURE__ */ a(o.SubTrigger, {
9
9
  ref: t,
10
- className: e("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent", s && "pl-8", r),
10
+ className: e("flex cursor-default select-none items-center rounded-button px-2 py-1.5 text-sm text-text-primary outline-none transition-colors focus:bg-[var(--color-accent-soft)] data-[state=open]:bg-[var(--color-accent-soft)]", s && "pl-8", r),
11
11
  ...l,
12
- children: [c, /* @__PURE__ */ i(n, { className: "ml-auto size-4" })]
12
+ children: [c, /* @__PURE__ */ i(n, { className: "ml-auto size-4 text-text-muted" })]
13
13
  });
14
14
  }
15
15
  p.displayName = o.SubTrigger.displayName;
16
16
  function m({ ref: t, className: n, ...r }) {
17
17
  return /* @__PURE__ */ i(o.SubContent, {
18
18
  ref: t,
19
- className: e("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", n),
19
+ className: e("z-50 min-w-[8rem] overflow-hidden rounded-card border border-border-subtle bg-bg-elevated p-1 text-text-primary shadow-elevation-3 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", n),
20
20
  ...r
21
21
  });
22
22
  }
@@ -25,7 +25,7 @@ function h({ ref: t, className: n, sideOffset: r = 4, ...a }) {
25
25
  return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ i(o.Content, {
26
26
  ref: t,
27
27
  sideOffset: r,
28
- className: e("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", n),
28
+ className: e("z-50 min-w-[8rem] overflow-hidden rounded-card border border-border-subtle bg-bg-elevated p-1 text-text-primary shadow-elevation-3 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", n),
29
29
  ...a
30
30
  }) });
31
31
  }
@@ -33,7 +33,7 @@ h.displayName = o.Content.displayName;
33
33
  function g({ ref: t, className: n, inset: r, ...a }) {
34
34
  return /* @__PURE__ */ i(o.Item, {
35
35
  ref: t,
36
- className: e("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", r && "pl-8", n),
36
+ className: e("relative flex cursor-default select-none items-center rounded-button px-2 py-1.5 text-sm text-text-primary outline-none transition-colors focus:bg-[var(--color-accent-soft)] focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50", r && "pl-8", n),
37
37
  ...a
38
38
  });
39
39
  }
@@ -41,7 +41,7 @@ g.displayName = o.Item.displayName;
41
41
  function _({ ref: n, className: r, children: s, checked: c, ...l }) {
42
42
  return /* @__PURE__ */ a(o.CheckboxItem, {
43
43
  ref: n,
44
- className: e("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", r),
44
+ className: e("relative flex cursor-default select-none items-center rounded-button py-1.5 pl-8 pr-2 text-sm text-text-primary outline-none transition-colors focus:bg-[var(--color-accent-soft)] focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50", r),
45
45
  checked: c,
46
46
  ...l,
47
47
  children: [/* @__PURE__ */ i("span", {
@@ -54,7 +54,7 @@ _.displayName = o.CheckboxItem.displayName;
54
54
  function v({ ref: t, className: n, children: s, ...c }) {
55
55
  return /* @__PURE__ */ a(o.RadioItem, {
56
56
  ref: t,
57
- className: e("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", n),
57
+ className: e("relative flex cursor-default select-none items-center rounded-button py-1.5 pl-8 pr-2 text-sm text-text-primary outline-none transition-colors focus:bg-[var(--color-accent-soft)] focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50", n),
58
58
  ...c,
59
59
  children: [/* @__PURE__ */ i("span", {
60
60
  className: "absolute left-2 flex size-3.5 items-center justify-center",
@@ -66,7 +66,7 @@ v.displayName = o.RadioItem.displayName;
66
66
  function y({ ref: t, className: n, inset: r, ...a }) {
67
67
  return /* @__PURE__ */ i(o.Label, {
68
68
  ref: t,
69
- className: e("px-2 py-1.5 text-sm font-semibold", r && "pl-8", n),
69
+ className: e("px-2 py-1.5 text-xs font-medium uppercase tracking-wide text-text-muted", r && "pl-8", n),
70
70
  ...a
71
71
  });
72
72
  }
@@ -74,13 +74,13 @@ y.displayName = o.Label.displayName;
74
74
  function b({ ref: t, className: n, ...r }) {
75
75
  return /* @__PURE__ */ i(o.Separator, {
76
76
  ref: t,
77
- className: e("-mx-1 my-1 h-px bg-muted", n),
77
+ className: e("-mx-1 my-1 h-px bg-border-subtle", n),
78
78
  ...r
79
79
  });
80
80
  }
81
81
  b.displayName = o.Separator.displayName;
82
82
  var x = ({ className: t, ...n }) => /* @__PURE__ */ i("span", {
83
- className: e("ml-auto text-xs tracking-widest opacity-60", t),
83
+ className: e("ml-auto text-xs tracking-widest text-text-muted", t),
84
84
  ...n
85
85
  });
86
86
  x.displayName = "DropdownMenuShortcut";
@@ -1 +1 @@
1
- {"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/ui/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yEAAyE;AACzE,wBAAgB,UAAU,CAAC,EACzB,IAA8E,EAC9E,KAAK,EACL,WAAW,EACX,MAAM,EACN,eAAe,EACf,OAAe,EACf,SAAS,GACV,EAAE,eAAe,2CAgCjB"}
1
+ {"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/ui/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yEAAyE;AACzE,wBAAgB,UAAU,CAAC,EACzB,IAAiF,EACjF,KAAK,EACL,WAAW,EACX,MAAM,EACN,eAAe,EACf,OAAe,EACf,SAAS,GACV,EAAE,eAAe,2CAgCjB"}
@@ -4,7 +4,7 @@ import { InboxIcon as t } from "lucide-react";
4
4
  import { jsx as n, jsxs as r } from "react/jsx-runtime";
5
5
  //#region src/ui/empty-state.tsx
6
6
  function i({ icon: i = /* @__PURE__ */ n(t, {
7
- className: "size-8 text-text-secondary",
7
+ className: "size-6 text-action-primary-bg",
8
8
  "aria-hidden": "true"
9
9
  }), title: a, description: o, action: s, secondaryAction: c, compact: l = !1, className: u }) {
10
10
  return /* @__PURE__ */ r("div", {
@@ -12,11 +12,11 @@ function i({ icon: i = /* @__PURE__ */ n(t, {
12
12
  className: e("flex flex-col items-center justify-center text-center", l ? "py-6 px-4" : "py-12 px-4", u),
13
13
  children: [
14
14
  i === null ? null : /* @__PURE__ */ n("div", {
15
- className: e("rounded-full bg-bg-sunken flex items-center justify-center", l ? "size-12 mb-3" : "size-16 mb-4"),
15
+ className: e("flex items-center justify-center rounded-full bg-[var(--color-accent-soft)]", l ? "size-12 mb-3" : "size-14 mb-4"),
16
16
  children: i
17
17
  }),
18
18
  /* @__PURE__ */ n("h3", {
19
- className: "text-lg font-semibold text-text-primary mb-1",
19
+ className: "text-base font-semibold text-text-primary mb-1",
20
20
  children: a
21
21
  }),
22
22
  o ? /* @__PURE__ */ n("p", {
package/dist/ui/input.js CHANGED
@@ -4,7 +4,7 @@ import { jsx as t } from "react/jsx-runtime";
4
4
  function n({ ref: n, className: r, type: i, ...a }) {
5
5
  return /* @__PURE__ */ t("input", {
6
6
  type: i,
7
- className: e("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", r),
7
+ className: e("flex h-10 w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors duration-200 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-text-primary placeholder:text-text-placeholder focus-visible:border-border-focus focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)] disabled:cursor-not-allowed disabled:opacity-50 aria-[invalid=true]:border-status-error-border", r),
8
8
  ref: n,
9
9
  ...a
10
10
  });
package/dist/ui/label.js CHANGED
@@ -3,7 +3,7 @@ import { jsx as t } from "react/jsx-runtime";
3
3
  import { cva as n } from "class-variance-authority";
4
4
  import * as r from "@radix-ui/react-label";
5
5
  //#region src/ui/label.tsx
6
- var i = n("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
6
+ var i = n("text-sm font-medium leading-none text-text-primary peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
7
7
  function a({ ref: n, className: a, ...o }) {
8
8
  return /* @__PURE__ */ t(r.Root, {
9
9
  ref: n,
@@ -1 +1 @@
1
- {"version":3,"file":"optional-fields.d.ts","sourceRoot":"","sources":["../../src/ui/optional-fields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAA2B,EAC3B,WAAW,EACX,WAAmB,EACnB,IAAkF,EAClF,SAAS,EACT,gBAAgB,EAChB,QAAQ,GACT,EAAE,mBAAmB,2CAgDrB"}
1
+ {"version":3,"file":"optional-fields.d.ts","sourceRoot":"","sources":["../../src/ui/optional-fields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAA2B,EAC3B,WAAW,EACX,WAAmB,EACnB,IAAkF,EAClF,SAAS,EACT,gBAAgB,EAChB,QAAQ,GACT,EAAE,mBAAmB,2CAmDrB"}
@@ -14,7 +14,7 @@ function o({ title: o = "Advanced settings", description: s, defaultOpen: c = !1
14
14
  collapsible: !0,
15
15
  defaultValue: c ? p : void 0,
16
16
  "data-slot": "optional-fields",
17
- className: e("rounded-lg border border-border-default bg-bg-surface", u),
17
+ className: e("rounded-card border border-border-subtle bg-bg-surface shadow-elevation-1", u),
18
18
  children: /* @__PURE__ */ a(t.Item, {
19
19
  value: p,
20
20
  className: "border-b-0",
@@ -22,7 +22,7 @@ function o({ title: o = "Advanced settings", description: s, defaultOpen: c = !1
22
22
  className: "flex",
23
23
  children: /* @__PURE__ */ a(t.Trigger, {
24
24
  "data-slot": "optional-fields-trigger",
25
- className: e("group flex w-full items-center justify-between gap-3 rounded-lg px-4 py-3 text-left transition-colors", "hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/40", "min-h-11"),
25
+ className: e("group flex w-full items-center justify-between gap-3 rounded-card px-4 py-3 text-left transition-colors", "hover:bg-bg-sunken focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]", "min-h-11"),
26
26
  children: [/* @__PURE__ */ a("div", {
27
27
  className: "flex items-center gap-3 min-w-0",
28
28
  children: [l, /* @__PURE__ */ a("div", {
@@ -21,7 +21,7 @@ function a({ className: r, align: i = "center", sideOffset: a = 4, ...o }) {
21
21
  "data-slot": "popover-content",
22
22
  align: i,
23
23
  sideOffset: a,
24
- className: e("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", r),
24
+ className: e("bg-bg-elevated text-text-primary border-border-subtle data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-card border p-4 shadow-elevation-3 outline-hidden", r),
25
25
  ...o
26
26
  }) });
27
27
  }
@@ -17,7 +17,7 @@ function u({ columns: u, data: d, rowKey: f, className: p, onRowClick: m, rowAct
17
17
  let r = u.find((e) => e.priority === "primary"), i = u.filter((e) => e.priority !== "primary" && e.priority !== "hidden-on-mobile");
18
18
  return /* @__PURE__ */ l("div", {
19
19
  role: "listitem",
20
- className: e("rounded-lg border border-border-default bg-bg-surface p-4 transition-colors", m && "cursor-pointer active:bg-bg-sunken focus-visible:bg-bg-sunken min-h-11"),
20
+ className: e("rounded-card border border-border-subtle bg-bg-surface p-4 shadow-elevation-1 transition-all duration-200", m && "cursor-pointer hover:border-border-strong hover:shadow-elevation-2 active:bg-bg-sunken focus-visible:bg-bg-sunken focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] min-h-11"),
21
21
  tabIndex: m ? 0 : void 0,
22
22
  onClick: m ? () => m(t, n) : void 0,
23
23
  onKeyDown: m ? (e) => {
@@ -33,7 +33,7 @@ function u({ columns: u, data: d, rowKey: f, className: p, onRowClick: m, rowAct
33
33
  children: i.map((e) => /* @__PURE__ */ l("div", {
34
34
  className: "flex flex-col gap-0.5",
35
35
  children: [/* @__PURE__ */ c("dt", {
36
- className: "text-xs uppercase tracking-wide text-text-tertiary",
36
+ className: "text-xs font-medium uppercase tracking-wide text-text-muted",
37
37
  children: e.mobileLabel ?? e.header
38
38
  }), /* @__PURE__ */ c("dd", {
39
39
  className: "text-sm text-text-primary",
@@ -12,7 +12,7 @@ function i({ className: i, children: o, ...s }) {
12
12
  children: [
13
13
  /* @__PURE__ */ t(r.Viewport, {
14
14
  "data-slot": "scroll-area-viewport",
15
- className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
15
+ className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]",
16
16
  children: o
17
17
  }),
18
18
  /* @__PURE__ */ t(a, {}),
@@ -28,7 +28,7 @@ function a({ className: n, orientation: i = "vertical", ...a }) {
28
28
  ...a,
29
29
  children: /* @__PURE__ */ t(r.ScrollAreaThumb, {
30
30
  "data-slot": "scroll-area-thumb",
31
- className: "bg-border relative flex-1 rounded-full"
31
+ className: "bg-border-strong relative flex-1 rounded-full"
32
32
  })
33
33
  });
34
34
  }
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAIvE,QAAA,MAAM,MAAM,iDAAuB,CAAC;AAEpC,QAAA,MAAM,WAAW,6HAAwB,CAAC;AAE1C,QAAA,MAAM,WAAW,8HAAwB,CAAC;AAE1C,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAC5D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7D,2CAgBA;kBAvBQ,aAAa;;;AA0BtB,iBAAS,oBAAoB,CAAC,EAC5B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,GAAG;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;CACpE,2CAUA;kBAhBQ,oBAAoB;;;AAmB7B,iBAAS,sBAAsB,CAAC,EAC9B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,GAAG;IACrE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACtE,2CAUA;kBAhBQ,sBAAsB;;;AAmB/B,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAC5D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7D,2CA4BA;kBApCQ,aAAa;;;AAuCtB,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG;IAC1D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;CAC3D,2CAQA;kBAdQ,WAAW;;;AAiBpB,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACzD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;CAC1D,2CAmBA;kBA1BQ,UAAU;;;AA6BnB,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,GAAG;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;CAC/D,2CAQA;kBAdQ,eAAe;;;AAiBxB,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAIvE,QAAA,MAAM,MAAM,iDAAuB,CAAC;AAEpC,QAAA,MAAM,WAAW,6HAAwB,CAAC;AAE1C,QAAA,MAAM,WAAW,8HAAwB,CAAC;AAE1C,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAC5D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7D,2CAgBA;kBAvBQ,aAAa;;;AA0BtB,iBAAS,oBAAoB,CAAC,EAC5B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,GAAG;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;CACpE,2CAUA;kBAhBQ,oBAAoB;;;AAmB7B,iBAAS,sBAAsB,CAAC,EAC9B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,GAAG;IACrE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACtE,2CAUA;kBAhBQ,sBAAsB;;;AAmB/B,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAC5D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7D,2CA4BA;kBApCQ,aAAa;;;AAuCtB,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG;IAC1D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;CAC3D,2CAWA;kBAjBQ,WAAW;;;AAoBpB,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACzD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;CAC1D,2CAmBA;kBA1BQ,UAAU;;;AA6BnB,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,GAAG;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;CAC/D,2CAQA;kBAdQ,eAAe;;;AAiBxB,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}
package/dist/ui/select.js CHANGED
@@ -7,11 +7,11 @@ var s = o.Root, c = o.Group, l = o.Value;
7
7
  function u({ ref: t, className: r, children: s, ...c }) {
8
8
  return /* @__PURE__ */ a(o.Trigger, {
9
9
  ref: t,
10
- className: e("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", r),
10
+ className: e("flex h-10 w-full items-center justify-between rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors duration-200 data-[placeholder]:text-text-placeholder focus:border-border-focus focus:outline-none focus:shadow-[var(--shadow-focus)] focus:ring-1 focus:ring-[var(--color-focus-ring)] disabled:cursor-not-allowed disabled:opacity-50 aria-[invalid=true]:border-status-error-border [&>span]:line-clamp-1", r),
11
11
  ...c,
12
12
  children: [s, /* @__PURE__ */ i(o.Icon, {
13
13
  asChild: !0,
14
- children: /* @__PURE__ */ i(n, { className: "size-4 opacity-50" })
14
+ children: /* @__PURE__ */ i(n, { className: "size-4 text-text-muted" })
15
15
  })]
16
16
  });
17
17
  }
@@ -37,7 +37,7 @@ f.displayName = o.ScrollDownButton.displayName;
37
37
  function p({ ref: t, className: n, children: r, position: s = "popper", ...c }) {
38
38
  return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ a(o.Content, {
39
39
  ref: t,
40
- className: e("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", s === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", n),
40
+ className: e("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-card border border-border-subtle bg-bg-elevated text-text-primary shadow-elevation-3 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", s === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", n),
41
41
  position: s,
42
42
  ...c,
43
43
  children: [
@@ -54,7 +54,7 @@ p.displayName = o.Content.displayName;
54
54
  function m({ ref: t, className: n, ...r }) {
55
55
  return /* @__PURE__ */ i(o.Label, {
56
56
  ref: t,
57
- className: e("py-1.5 pl-8 pr-2 text-sm font-semibold", n),
57
+ className: e("py-1.5 pl-8 pr-2 text-xs font-medium uppercase tracking-wide text-text-muted", n),
58
58
  ...r
59
59
  });
60
60
  }
@@ -62,7 +62,7 @@ m.displayName = o.Label.displayName;
62
62
  function h({ ref: n, className: r, children: s, ...c }) {
63
63
  return /* @__PURE__ */ a(o.Item, {
64
64
  ref: n,
65
- className: e("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", r),
65
+ className: e("relative flex w-full cursor-default select-none items-center rounded-button py-1.5 pl-8 pr-2 text-sm text-text-primary outline-none transition-colors focus:bg-[var(--color-accent-soft)] focus:text-text-primary data-[state=checked]:bg-[var(--color-accent-soft)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50", r),
66
66
  ...c,
67
67
  children: [/* @__PURE__ */ i("span", {
68
68
  className: "absolute left-2 flex size-3.5 items-center justify-center",
@@ -74,7 +74,7 @@ h.displayName = o.Item.displayName;
74
74
  function g({ ref: t, className: n, ...r }) {
75
75
  return /* @__PURE__ */ i(o.Separator, {
76
76
  ref: t,
77
- className: e("-mx-1 my-1 h-px bg-muted", n),
77
+ className: e("-mx-1 my-1 h-px bg-border-subtle", n),
78
78
  ...r
79
79
  });
80
80
  }
@@ -8,7 +8,7 @@ function r({ className: r, orientation: i = "horizontal", decorative: a = !0, ..
8
8
  "data-slot": "separator",
9
9
  decorative: a,
10
10
  orientation: i,
11
- className: e("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", r),
11
+ className: e("bg-border-subtle shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", r),
12
12
  ...o
13
13
  });
14
14
  }
package/dist/ui/sheet.js CHANGED
@@ -31,17 +31,17 @@ function c({ ...e }) {
31
31
  function l({ className: t, ...r }) {
32
32
  return /* @__PURE__ */ n(i.Overlay, {
33
33
  "data-slot": "sheet-overlay",
34
- className: e("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-[110] bg-bg-overlay", t),
34
+ className: e("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-[110] bg-bg-overlay backdrop-blur-sm", t),
35
35
  ...r
36
36
  });
37
37
  }
38
38
  function u({ className: a, children: o, side: s = "right", ...u }) {
39
39
  return /* @__PURE__ */ r(c, { children: [/* @__PURE__ */ n(l, {}), /* @__PURE__ */ r(i.Content, {
40
40
  "data-slot": "sheet-content",
41
- className: e("bg-bg-surface text-text-primary border-border-default data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-[120] flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", s === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", s === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", s === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", s === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", a),
41
+ className: e("bg-bg-elevated text-text-primary border-border-subtle data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-[120] flex flex-col gap-4 shadow-[var(--shadow-elevation-4)] transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", s === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", s === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", s === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", s === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", a),
42
42
  ...u,
43
43
  children: [o, /* @__PURE__ */ r(i.Close, {
44
- className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
44
+ className: "absolute top-4 right-4 rounded-button p-1 text-text-muted opacity-80 transition-all hover:bg-action-ghost-bgHover hover:text-text-primary hover:opacity-100 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)] disabled:pointer-events-none",
45
45
  children: [/* @__PURE__ */ n(t, { className: "size-4" }), /* @__PURE__ */ n("span", {
46
46
  className: "sr-only",
47
47
  children: "Close"