@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
@@ -6,28 +6,28 @@ function o(e) {
6
6
  return e.metaKey || e.ctrlKey || e.shiftKey || e.button !== 0;
7
7
  }
8
8
  var s = ({ item: c, depth: l, maxDepth: u, currentPath: d, expandedItems: f, toggleExpand: p, onItemClick: m, onToggleCollapse: h, collapsed: g, contextSearchParams: _ }) => {
9
- let v = c.children && c.children.length > 0 && l < u, y = f.has(c.id), b = n(c, d), x = t(c, d), S = l === 0 ? "w-icon-md h-icon-md" : "w-4 h-4", C = l === 0 ? "py-2" : "py-1.5", w = v ? g && l === 0 ? c.homePath || c.children?.[0]?.path || c.path : c.homePath || c.path : c.path, T = w && _ ? e(w, _) : w, E = `
10
- w-full flex items-center gap-icon-gap ${C} rounded-button
11
- transition-colors duration-200 ease-out
9
+ let v = c.children && c.children.length > 0 && l < u, y = f.has(c.id), b = n(c, d), x = t(c, d), S = l === 0 ? "w-icon-md h-icon-md" : "w-4 h-4", C = l === 0 ? "min-h-9 py-1.5" : "py-1.5", w = v ? g && l === 0 ? c.homePath || c.children?.[0]?.path || c.path : c.homePath || c.path : c.path, T = w && _ ? e(w, _) : w, E = `
10
+ w-full flex items-center gap-3 ${C} rounded-button text-sm
11
+ transition-all duration-200 ease-[var(--motion-easing-out)]
12
12
  active:scale-[0.98]
13
- ${g && l === 0 ? "md:px-2 md:justify-center" : "px-card-padding"}
14
- ${x && !v || x && v ? "bg-action-primary-bg text-action-primary-text shadow-sm" : b && !y && !v ? "bg-action-ghost-bg-hover text-text-primary" : b && v ? "text-text-primary" : "text-text-secondary hover:bg-action-ghost-bg-hover hover:text-text-primary"}
15
- `, D = (e) => {
13
+ ${g && l === 0 ? "md:px-2 md:justify-center" : "px-3"}
14
+ ${x || b && !y && !v ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : b && v ? "text-text-primary font-medium" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"}
15
+ `, D = x || b && !v, O = (e) => {
16
16
  let t = e.closest("nav"), n = t?.scrollTop;
17
17
  return () => {
18
18
  t && n !== void 0 && (t.scrollTop = n);
19
19
  };
20
- }, O = (e) => {
20
+ }, k = (e) => {
21
21
  if (o(e)) return;
22
- let t = D(e.currentTarget);
22
+ let t = O(e.currentTarget);
23
23
  if (e.preventDefault(), g && l === 0 && v) {
24
24
  m(c.homePath || c.children?.[0]?.path || c.path), requestAnimationFrame(t);
25
25
  return;
26
26
  }
27
27
  v ? (p(c.id), requestAnimationFrame(t)) : (m(c.path), window.innerWidth < 768 && h && !g && h(), requestAnimationFrame(t));
28
- }, k = (e) => {
28
+ }, A = (e) => {
29
29
  e.button === 0 && !e.ctrlKey && !e.metaKey && !e.shiftKey && e.preventDefault();
30
- }, A = /* @__PURE__ */ a(r, { children: [
30
+ }, j = /* @__PURE__ */ a(r, { children: [
31
31
  c.icon && /* @__PURE__ */ i("div", {
32
32
  className: `${S} flex-shrink-0 flex items-center justify-center [&>svg]:w-full [&>svg]:h-full [&>svg]:stroke-[1.75]`,
33
33
  children: typeof c.icon == "string" ? /* @__PURE__ */ i("svg", {
@@ -48,7 +48,7 @@ var s = ({ item: c, depth: l, maxDepth: u, currentPath: d, expandedItems: f, tog
48
48
  children: c.label
49
49
  }),
50
50
  c.badge !== void 0 && c.badge > 0 && /* @__PURE__ */ i("span", {
51
- className: `text-xs bg-status-error-bg text-status-error-text px-2 py-0.5 rounded-pill ${g && l === 0 ? "md:hidden" : ""}`,
51
+ className: `text-xs font-medium bg-status-error-bg-subtle text-status-error-text px-2 py-0.5 rounded-full tabular-nums ${g && l === 0 ? "md:hidden" : ""}`,
52
52
  children: c.badge
53
53
  }),
54
54
  v && !(g && l === 0) && /* @__PURE__ */ i("svg", {
@@ -64,25 +64,28 @@ var s = ({ item: c, depth: l, maxDepth: u, currentPath: d, expandedItems: f, tog
64
64
  })
65
65
  })
66
66
  ] });
67
- return /* @__PURE__ */ a("li", { children: [/* @__PURE__ */ i("div", {
67
+ return /* @__PURE__ */ a("li", { children: [/* @__PURE__ */ a("div", {
68
68
  className: "relative",
69
- children: w ? /* @__PURE__ */ i("a", {
69
+ children: [D && !(g && l === 0) && /* @__PURE__ */ i("span", {
70
+ "aria-hidden": "true",
71
+ className: "absolute left-0 top-1/2 -translate-y-1/2 h-5 w-0.5 rounded-full bg-action-primary-bg"
72
+ }), w ? /* @__PURE__ */ i("a", {
70
73
  href: T,
71
- onClick: O,
72
- onMouseDown: k,
74
+ onClick: k,
75
+ onMouseDown: A,
73
76
  className: E,
74
77
  "aria-label": c.label,
75
78
  "aria-expanded": v ? y : void 0,
76
- children: A
79
+ children: j
77
80
  }) : /* @__PURE__ */ i("button", {
78
81
  type: "button",
79
- onClick: O,
80
- onMouseDown: k,
82
+ onClick: k,
83
+ onMouseDown: A,
81
84
  className: E,
82
85
  "aria-label": c.label,
83
86
  "aria-expanded": v ? y : void 0,
84
- children: A
85
- })
87
+ children: j
88
+ })]
86
89
  }), v && y && !g && /* @__PURE__ */ i("ul", {
87
90
  className: "mt-1 ml-6 space-y-1 border-l border-border-subtle pl-3 animate-in fade-in-0 slide-in-from-top-2 duration-200",
88
91
  children: c.children.map((e) => /* @__PURE__ */ i(s, {
@@ -8,7 +8,7 @@ var n = ({ header: n, collapsed: r, expandedCount: i, onCollapseAll: a }) => /*
8
8
  }), !r && i > 0 && /* @__PURE__ */ e("button", {
9
9
  type: "button",
10
10
  onClick: a,
11
- className: "absolute top-1/2 -translate-y-1/2 right-3 p-1.5 rounded-button hover:bg-action-ghost-bg-hover text-text-secondary hover:text-text-primary transition-colors",
11
+ className: "absolute top-1/2 -translate-y-1/2 right-3 p-1.5 rounded-button hover:bg-bg-sunken text-text-secondary hover:text-text-primary transition-colors",
12
12
  title: "Collapse all",
13
13
  "aria-label": "Collapse all menu items",
14
14
  children: /* @__PURE__ */ e("svg", {
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAI9D;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAE1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAA;CAAE,2CAkBtF;yBAtBe,QAAQ"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAI9D;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAE1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAA;CAAE,2CAmBtF;yBAvBe,QAAQ"}
@@ -7,7 +7,7 @@ import * as r from "@radix-ui/react-checkbox";
7
7
  function i({ ref: i, className: a, ...o }) {
8
8
  return /* @__PURE__ */ n(r.Root, {
9
9
  ref: i,
10
- className: e("peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", a),
10
+ className: e("peer h-4 w-4 shrink-0 rounded-[4px] border border-border-default bg-bg-surface shadow-elevation-1 transition-colors duration-200", "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", "data-[state=checked]:border-action-primary-bg data-[state=checked]:bg-action-primary-bg data-[state=checked]:text-action-primary-text", "aria-[invalid=true]:border-status-error-border", a),
11
11
  ...o,
12
12
  children: /* @__PURE__ */ n(r.Indicator, {
13
13
  className: e("flex items-center justify-center text-current"),
@@ -8,7 +8,7 @@ function r({ ref: r, className: i, ...a }) {
8
8
  return /* @__PURE__ */ n("p", {
9
9
  ref: r,
10
10
  id: o,
11
- className: e("text-sm text-muted-foreground", i),
11
+ className: e("text-sm text-text-secondary", i),
12
12
  ...a
13
13
  });
14
14
  }
@@ -5,23 +5,23 @@ import { jsx as n, jsxs as r } from "react/jsx-runtime";
5
5
  import { cva as i } from "class-variance-authority";
6
6
  import * as a from "@radix-ui/react-label";
7
7
  //#region src/form/FormLabel.tsx
8
- var o = i("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
8
+ var o = i("text-sm font-medium leading-none text-text-primary peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
9
9
  function s({ ref: i, className: s, required: c, optional: l, children: u, ...d }) {
10
10
  let { error: f, formItemId: p } = t();
11
11
  return /* @__PURE__ */ r(a.Root, {
12
12
  ref: i,
13
- className: e(o(), f && "text-destructive", s),
13
+ className: e(o(), f && "text-status-error-text", s),
14
14
  htmlFor: p,
15
15
  ...d,
16
16
  children: [
17
17
  u,
18
18
  c && /* @__PURE__ */ n("span", {
19
- className: "ml-1 text-destructive",
19
+ className: "ml-1 text-status-error-text",
20
20
  "aria-label": "required",
21
21
  children: "*"
22
22
  }),
23
23
  l && !c && /* @__PURE__ */ n("span", {
24
- className: "ml-1 text-xs font-normal text-text-tertiary",
24
+ className: "ml-1 text-xs font-normal text-text-muted",
25
25
  children: "(optional)"
26
26
  })
27
27
  ]
@@ -8,7 +8,7 @@ function r({ ref: r, className: i, children: a, ...o }) {
8
8
  return l ? /* @__PURE__ */ n("p", {
9
9
  ref: r,
10
10
  id: c,
11
- className: e("text-sm font-medium text-destructive", i),
11
+ className: e("text-sm font-medium text-status-error-text", i),
12
12
  role: "alert",
13
13
  "aria-live": "polite",
14
14
  ...o,
@@ -1 +1 @@
1
- {"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../src/form/FormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,OAAO,EACP,WAAmB,EACnB,WAAkB,EAClB,SAAS,EACT,gBAAgB,EAChB,QAAQ,GACT,EAAE,gBAAgB,2CAwElB"}
1
+ {"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../src/form/FormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,OAAO,EACP,WAAmB,EACnB,WAAkB,EAClB,SAAS,EACT,gBAAgB,EAChB,QAAQ,GACT,EAAE,gBAAgB,2CA2ElB"}
@@ -7,7 +7,7 @@ import { jsx as r, jsxs as i } from "react/jsx-runtime";
7
7
  function a({ title: a, description: o, actions: s, collapsible: c = !1, defaultOpen: l = !0, className: u, contentClassName: d, children: f }) {
8
8
  if (!c) return /* @__PURE__ */ i("section", {
9
9
  "data-slot": "form-section",
10
- className: e("rounded-lg border border-border-default bg-bg-surface p-4 sm:p-6", u),
10
+ className: e("rounded-card border border-border-subtle bg-bg-surface shadow-elevation-1 p-5 sm:p-6", u),
11
11
  children: [/* @__PURE__ */ i("header", {
12
12
  className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
13
13
  children: [/* @__PURE__ */ i("div", {
@@ -34,7 +34,7 @@ function a({ title: a, description: o, actions: s, collapsible: c = !1, defaultO
34
34
  collapsible: !0,
35
35
  defaultValue: l ? p : void 0,
36
36
  "data-slot": "form-section",
37
- className: e("rounded-lg border border-border-default bg-bg-surface", u),
37
+ className: e("rounded-card border border-border-subtle bg-bg-surface shadow-elevation-1", u),
38
38
  children: /* @__PURE__ */ i(t.Item, {
39
39
  value: p,
40
40
  className: "border-b-0",
@@ -42,7 +42,7 @@ function a({ title: a, description: o, actions: s, collapsible: c = !1, defaultO
42
42
  className: "flex",
43
43
  children: /* @__PURE__ */ i(t.Trigger, {
44
44
  "data-slot": "form-section-trigger",
45
- className: e("group flex w-full items-center justify-between gap-3 px-4 py-3 text-left transition-colors sm:px-6", "hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/40", "rounded-lg min-h-11"),
45
+ className: e("group flex w-full items-center justify-between gap-3 px-4 py-3 text-left transition-colors sm:px-6", "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)]", "rounded-card min-h-11"),
46
46
  children: [/* @__PURE__ */ i("div", {
47
47
  className: "min-w-0",
48
48
  children: [/* @__PURE__ */ r("div", {
@@ -5,7 +5,7 @@ import { jsx as t } from "react/jsx-runtime";
5
5
  function n({ ref: n, className: r, type: i, ...a }) {
6
6
  return /* @__PURE__ */ t("input", {
7
7
  type: i,
8
- className: e("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors", "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-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "aria-[invalid=true]:border-destructive", r),
8
+ className: e("flex h-9 w-full rounded-input border border-border-default bg-bg-surface px-3 py-1 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),
9
9
  ref: n,
10
10
  ...a
11
11
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/form/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAInE;;GAEG;AACH,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,GAAG;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC;CACpE,2CAEA;kBARQ,UAAU;;;AAWnB;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC;AAElG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqFG;AACH,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAA;CAAE,2CAiB9F;kBArBQ,cAAc;;;AAwBvB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
1
+ {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/form/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAInE;;GAEG;AACH,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,GAAG;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC;CACpE,2CAEA;kBARQ,UAAU;;;AAWnB;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC;AAElG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqFG;AACH,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAA;CAAE,2CAkB9F;kBAtBQ,cAAc;;;AAyBvB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
@@ -15,11 +15,11 @@ i.displayName = r.Root.displayName;
15
15
  function a({ ref: i, className: a, ...o }) {
16
16
  return /* @__PURE__ */ n(r.Item, {
17
17
  ref: i,
18
- className: e("aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", a),
18
+ className: e("aspect-square h-4 w-4 rounded-full border border-border-default bg-bg-surface text-action-primary-bg shadow-elevation-1 transition-colors duration-200", "focus:outline-none focus-visible:border-border-focus focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]", "disabled:cursor-not-allowed disabled:opacity-50", "data-[state=checked]:border-action-primary-bg", a),
19
19
  ...o,
20
20
  children: /* @__PURE__ */ n(r.Indicator, {
21
21
  className: "flex items-center justify-center",
22
- children: /* @__PURE__ */ n(t, { className: "size-3.5 fill-primary" })
22
+ children: /* @__PURE__ */ n(t, { className: "size-2 fill-action-primary-bg text-action-primary-bg" })
23
23
  })
24
24
  });
25
25
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/form/Select.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/form/Select.tsx"],"names":[],"mappings":"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"}
@@ -8,11 +8,11 @@ var s = o.Root, c = o.Group, l = o.Value;
8
8
  function u({ ref: t, className: r, children: s, ...c }) {
9
9
  return /* @__PURE__ */ a(o.Trigger, {
10
10
  ref: t,
11
- className: e("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm", "placeholder:text-muted-foreground", "focus:outline-none focus:ring-1 focus:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "aria-[invalid=true]:border-destructive", "[&>span]:line-clamp-1", r),
11
+ className: e("flex h-9 w-full items-center justify-between whitespace-nowrap 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),
12
12
  ...c,
13
13
  children: [s, /* @__PURE__ */ i(o.Icon, {
14
14
  asChild: !0,
15
- children: /* @__PURE__ */ i(n, { className: "size-4 opacity-50" })
15
+ children: /* @__PURE__ */ i(n, { className: "size-4 text-text-muted" })
16
16
  })]
17
17
  });
18
18
  }
@@ -38,7 +38,7 @@ f.displayName = o.ScrollDownButton.displayName;
38
38
  function p({ ref: t, className: n, children: r, position: s = "popper", ...c }) {
39
39
  return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ a(o.Content, {
40
40
  ref: t,
41
- 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),
41
+ 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),
42
42
  position: s,
43
43
  ...c,
44
44
  children: [
@@ -55,7 +55,7 @@ p.displayName = o.Content.displayName;
55
55
  function m({ ref: t, className: n, ...r }) {
56
56
  return /* @__PURE__ */ i(o.Label, {
57
57
  ref: t,
58
- className: e("px-2 py-1.5 text-sm font-semibold", n),
58
+ className: e("px-2 py-1.5 text-xs font-medium uppercase tracking-wide text-text-muted", n),
59
59
  ...r
60
60
  });
61
61
  }
@@ -63,7 +63,7 @@ m.displayName = o.Label.displayName;
63
63
  function h({ ref: n, className: r, children: s, ...c }) {
64
64
  return /* @__PURE__ */ a(o.Item, {
65
65
  ref: n,
66
- className: e("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none", "focus:bg-accent focus:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", r),
66
+ className: e("relative flex w-full cursor-default select-none items-center rounded-button py-1.5 pl-2 pr-8 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),
67
67
  ...c,
68
68
  children: [/* @__PURE__ */ i("span", {
69
69
  className: "absolute right-2 flex size-3.5 items-center justify-center",
@@ -75,7 +75,7 @@ h.displayName = o.Item.displayName;
75
75
  function g({ ref: t, className: n, ...r }) {
76
76
  return /* @__PURE__ */ i(o.Separator, {
77
77
  ref: t,
78
- className: e("-mx-1 my-1 h-px bg-muted", n),
78
+ className: e("-mx-1 my-1 h-px bg-border-subtle", n),
79
79
  ...r
80
80
  });
81
81
  }
@@ -4,7 +4,7 @@ import { jsx as t } from "react/jsx-runtime";
4
4
  //#region src/form/Textarea.tsx
5
5
  function n({ ref: n, className: r, ...i }) {
6
6
  return /* @__PURE__ */ t("textarea", {
7
- className: e("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "aria-[invalid=true]:border-destructive", "resize-y", r),
7
+ className: e("flex min-h-[60px] w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors duration-200", "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", "resize-y", r),
8
8
  ref: n,
9
9
  ...i
10
10
  });
@@ -1,14 +1,33 @@
1
1
  import { ReactNode } from 'react';
2
- export type ThemeMode = 'light' | 'dark' | 'system';
2
+ /**
3
+ * Boff UI theme axis. `mode` is the user's stored choice and may be any of the
4
+ * six concrete Boff UI themes or `system` (which resolves to light/dark from the
5
+ * OS preference). The light/dark *family* is exposed separately as
6
+ * `resolvedTheme` (used by color-scheme, the native status bar, and the
7
+ * `colorMode` alias), while `resolvedThemeName` is the concrete theme written to
8
+ * `data-theme` on the document root.
9
+ */
10
+ export type ThemeMode = 'light' | 'dark' | 'forest' | 'ocean' | 'sunset' | 'high-contrast' | 'system';
11
+ export type ThemeName = Exclude<ThemeMode, 'system'>;
3
12
  export type Brand = 'workspaces' | 'fluidgrids' | 'bigconsole' | 'botlit' | 'vibecontrols' | 'healthybowl' | 'default';
4
13
  export type Density = 'compact' | 'comfortable' | 'spacious';
5
14
  export type Typography = 'default' | 'large' | 'small';
15
+ /** Metadata for the theme picker / Appearance settings UI. */
16
+ export interface ThemeOption {
17
+ value: ThemeName;
18
+ label: string;
19
+ family: 'light' | 'dark';
20
+ }
21
+ export declare const THEME_OPTIONS: ReadonlyArray<ThemeOption>;
6
22
  export interface ThemeContextValue {
7
23
  mode: ThemeMode;
8
24
  brand: Brand;
9
25
  density: Density;
10
26
  typography: Typography;
27
+ /** light/dark family of the active theme */
11
28
  resolvedTheme: 'light' | 'dark';
29
+ /** concrete theme written to data-theme (light|dark|forest|ocean|sunset|high-contrast) */
30
+ resolvedThemeName: ThemeName;
12
31
  setMode: (mode: ThemeMode) => void;
13
32
  setBrand: (brand: Brand) => void;
14
33
  setDensity: (density: Density) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/shared/providers/shell/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AACpD,MAAM,MAAM,KAAK,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,cAAc,GACd,aAAa,GACb,SAAS,CAAC;AACd,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAEhD,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,WAAsB,EACtB,YAAwB,EACxB,cAA8B,EAC9B,iBAA6B,EAC7B,UAA8B,GAC/B,EAAE,kBAAkB,2CAkIpB;AAED,wBAAgB,QAAQ,sBAMvB"}
1
+ {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/shared/providers/shell/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf;;;;;;;GAOG;AACH,MAAM,MAAM,SAAS,GACjB,OAAO,GACP,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,eAAe,GACf,QAAQ,CAAC;AACb,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AACrD,MAAM,MAAM,KAAK,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,cAAc,GACd,aAAa,GACb,SAAS,CAAC;AACd,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAYvD,8DAA8D;AAC9D,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AACD,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,WAAW,CAOpD,CAAC;AAIF,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,4CAA4C;IAC5C,aAAa,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,0FAA0F;IAC1F,iBAAiB,EAAE,SAAS,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAEhD,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,WAAsB,EACtB,YAAwB,EACxB,cAA8B,EAC9B,iBAA6B,EAC7B,UAA8B,GAC/B,EAAE,kBAAkB,2CA2IpB;AAED,wBAAgB,QAAQ,sBAMvB"}
@@ -1,68 +1,79 @@
1
1
  import { createContext as e, use as t, useCallback as n, useEffect as r, useMemo as i, useState as a } from "react";
2
2
  import { jsx as o } from "react/jsx-runtime";
3
3
  //#region src/shared/providers/shell/ThemeProvider.tsx
4
- var s = e(null);
5
- function c({ children: e, defaultMode: t = "system", defaultBrand: c = "default", defaultDensity: l = "comfortable", defaultTypography: u = "default", storageKey: d = "burdenoff-theme" }) {
6
- let [f, p] = a(() => typeof window > "u" ? t : localStorage.getItem(`${d}-mode`) || t), [m, h] = a(() => typeof window > "u" ? c : localStorage.getItem(`${d}-brand`) || c), [g, _] = a(() => typeof window > "u" ? l : localStorage.getItem(`${d}-density`) || l), [v, y] = a(() => typeof window > "u" ? u : localStorage.getItem(`${d}-typography`) || u), [b, x] = a(() => f === "system" ? typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : f);
4
+ var s = new Set([
5
+ "dark",
6
+ "forest",
7
+ "ocean",
8
+ "sunset",
9
+ "high-contrast"
10
+ ]), c = (e) => s.has(e) ? "dark" : "light", l = e(null);
11
+ function u({ children: e, defaultMode: t = "system", defaultBrand: s = "default", defaultDensity: u = "comfortable", defaultTypography: d = "default", storageKey: f = "burdenoff-theme" }) {
12
+ let [p, m] = a(() => typeof window > "u" ? t : localStorage.getItem(`${f}-mode`) || t), [h, g] = a(() => typeof window > "u" ? s : localStorage.getItem(`${f}-brand`) || s), [_, v] = a(() => typeof window > "u" ? u : localStorage.getItem(`${f}-density`) || u), [y, b] = a(() => typeof window > "u" ? d : localStorage.getItem(`${f}-typography`) || d), [x, S] = a(() => p === "system" ? typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : p);
7
13
  r(() => {
8
- if (f === "system") {
14
+ if (p === "system") {
9
15
  let e = window.matchMedia("(prefers-color-scheme: dark)"), t = (e) => {
10
- x(e.matches ? "dark" : "light");
16
+ S(e.matches ? "dark" : "light");
11
17
  };
12
- return e.addEventListener("change", t), x(e.matches ? "dark" : "light"), () => e.removeEventListener("change", t);
13
- } else x(f);
14
- }, [f]), r(() => {
18
+ return e.addEventListener("change", t), S(e.matches ? "dark" : "light"), () => e.removeEventListener("change", t);
19
+ } else S(p);
20
+ }, [p]);
21
+ let C = c(x);
22
+ r(() => {
15
23
  let e = document.documentElement;
16
- e.setAttribute("data-theme", b), e.setAttribute("data-brand", m), e.setAttribute("data-density", g), e.setAttribute("data-typography", v), b === "dark" ? e.classList.add("dark") : e.classList.remove("dark");
24
+ e.setAttribute("data-theme", x), e.setAttribute("data-brand", h), e.setAttribute("data-density", _), e.setAttribute("data-typography", y), C === "dark" ? e.classList.add("dark") : e.classList.remove("dark");
17
25
  }, [
18
- b,
19
- m,
20
- g,
21
- v
26
+ x,
27
+ C,
28
+ h,
29
+ _,
30
+ y
22
31
  ]);
23
- let S = n((e) => {
24
- p(e), localStorage.setItem(`${d}-mode`, e);
25
- }, [d]), C = n((e) => {
26
- h(e), localStorage.setItem(`${d}-brand`, e);
27
- }, [d]), w = n((e) => {
28
- _(e), localStorage.setItem(`${d}-density`, e);
29
- }, [d]), T = n((e) => {
30
- y(e), localStorage.setItem(`${d}-typography`, e);
31
- }, [d]), E = n(() => {
32
- S(b === "light" ? "dark" : "light");
33
- }, [b, S]), D = i(() => ({
34
- mode: f,
35
- brand: m,
36
- density: g,
37
- typography: v,
38
- resolvedTheme: b,
39
- setMode: S,
40
- setBrand: C,
41
- setDensity: w,
42
- setTypography: T,
43
- colorMode: b,
44
- toggleColorMode: E
32
+ let w = n((e) => {
33
+ m(e), localStorage.setItem(`${f}-mode`, e);
34
+ }, [f]), T = n((e) => {
35
+ g(e), localStorage.setItem(`${f}-brand`, e);
36
+ }, [f]), E = n((e) => {
37
+ v(e), localStorage.setItem(`${f}-density`, e);
38
+ }, [f]), D = n((e) => {
39
+ b(e), localStorage.setItem(`${f}-typography`, e);
40
+ }, [f]), O = n(() => {
41
+ w(C === "light" ? "dark" : "light");
42
+ }, [C, w]), k = i(() => ({
43
+ mode: p,
44
+ brand: h,
45
+ density: _,
46
+ typography: y,
47
+ resolvedTheme: C,
48
+ resolvedThemeName: x,
49
+ setMode: w,
50
+ setBrand: T,
51
+ setDensity: E,
52
+ setTypography: D,
53
+ colorMode: C,
54
+ toggleColorMode: O
45
55
  }), [
46
- f,
47
- m,
48
- g,
49
- v,
50
- b,
51
- S,
56
+ p,
57
+ h,
58
+ _,
59
+ y,
52
60
  C,
61
+ x,
53
62
  w,
54
63
  T,
55
- E
64
+ E,
65
+ D,
66
+ O
56
67
  ]);
57
- return /* @__PURE__ */ o(s.Provider, {
58
- value: D,
68
+ return /* @__PURE__ */ o(l.Provider, {
69
+ value: k,
59
70
  children: e
60
71
  });
61
72
  }
62
- function l() {
63
- let e = t(s);
73
+ function d() {
74
+ let e = t(l);
64
75
  if (!e) throw Error("useTheme must be used within a ThemeProvider");
65
76
  return e;
66
77
  }
67
78
  //#endregion
68
- export { c as ThemeProvider, l as useTheme };
79
+ export { u as ThemeProvider, d as useTheme };
@@ -1 +1 @@
1
- {"version":3,"file":"uploadBlob.d.ts","sourceRoot":"","sources":["../../src/storage/uploadBlob.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAyBxD;;;GAGG;AACH,eAAO,MAAM,wBAAwB,UAKpC,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,YAAY,CAAC;IACrB,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AA6CD,wBAAsB,iBAAiB,CACrC,MAAM,EAAE,gBAAgB,GACvB,OAAO,CAAC,YAAY,CAAC,CAsIvB"}
1
+ {"version":3,"file":"uploadBlob.d.ts","sourceRoot":"","sources":["../../src/storage/uploadBlob.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAyBxD;;;GAGG;AACH,eAAO,MAAM,wBAAwB,UAKpC,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,YAAY,CAAC;IACrB,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AA6CD,wBAAsB,iBAAiB,CAAC,MAAM,EAAE,gBAAgB,GAAG,OAAO,CAAC,YAAY,CAAC,CA8HvF"}
@@ -13,7 +13,7 @@ function a({ ...e }) {
13
13
  function o({ className: n, ...i }) {
14
14
  return /* @__PURE__ */ r(t.Item, {
15
15
  "data-slot": "accordion-item",
16
- className: e("border-b last:border-b-0", n),
16
+ className: e("border-b border-border-subtle last:border-b-0", n),
17
17
  ...i
18
18
  });
19
19
  }
@@ -22,16 +22,16 @@ function s({ className: a, children: o, ...s }) {
22
22
  className: "flex",
23
23
  children: /* @__PURE__ */ i(t.Trigger, {
24
24
  "data-slot": "accordion-trigger",
25
- className: e("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", a),
25
+ className: e("flex flex-1 items-start justify-between gap-4 rounded-button py-4 text-left text-sm font-medium text-text-primary outline-none transition-all hover:text-text-link focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", a),
26
26
  ...s,
27
- children: [o, /* @__PURE__ */ r(n, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })]
27
+ children: [o, /* @__PURE__ */ r(n, { className: "text-text-muted pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })]
28
28
  })
29
29
  });
30
30
  }
31
31
  function c({ className: n, children: i, ...a }) {
32
32
  return /* @__PURE__ */ r(t.Content, {
33
33
  "data-slot": "accordion-content",
34
- className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
34
+ className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm text-text-secondary",
35
35
  ...a,
36
36
  children: /* @__PURE__ */ r("div", {
37
37
  className: e("pt-0 pb-4", n),
@@ -26,14 +26,14 @@ function s({ ...e }) {
26
26
  function c({ className: t, ...r }) {
27
27
  return /* @__PURE__ */ n(i.Overlay, {
28
28
  "data-slot": "alert-dialog-overlay",
29
- 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),
29
+ 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),
30
30
  ...r
31
31
  });
32
32
  }
33
33
  function l({ className: t, ...a }) {
34
34
  return /* @__PURE__ */ r(s, { children: [/* @__PURE__ */ n(c, {}), /* @__PURE__ */ n(i.Content, {
35
35
  "data-slot": "alert-dialog-content",
36
- 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 sm:max-w-lg", t),
36
+ 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 sm:max-w-lg", t),
37
37
  ...a
38
38
  })] });
39
39
  }
@@ -54,7 +54,7 @@ function d({ className: t, ...r }) {
54
54
  function f({ className: t, ...r }) {
55
55
  return /* @__PURE__ */ n(i.Title, {
56
56
  "data-slot": "alert-dialog-title",
57
- className: e("text-lg font-semibold", t),
57
+ className: e("text-lg font-semibold tracking-tight text-text-primary", t),
58
58
  ...r
59
59
  });
60
60
  }
@@ -1 +1 @@
1
- {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,QAAA,MAAM,aAAa;;8EAoBlB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAE/E,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAE1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,QAAA,MAAM,aAAa;;8EAqBlB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAE/E,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAE1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
package/dist/ui/badge.js CHANGED
@@ -2,15 +2,15 @@ import { cn as e } from "../shared-utils.js";
2
2
  import { jsx as t } from "react/jsx-runtime";
3
3
  import { cva as n } from "class-variance-authority";
4
4
  //#region src/ui/badge.tsx
5
- var r = n("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
5
+ var r = n("inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-xs font-medium transition-colors focus:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)] [&_svg]:size-3 [&_svg]:shrink-0", {
6
6
  variants: { variant: {
7
- default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
8
- secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
9
- destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
10
- outline: "text-foreground",
11
- success: "border-transparent bg-status-success-bg-subtle text-status-success-text",
12
- warning: "border-transparent bg-status-warning-bg-subtle text-status-warning-text",
13
- info: "border-transparent bg-status-info-bg-subtle text-status-info-text"
7
+ default: "border-transparent bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover",
8
+ secondary: "border-border-subtle bg-bg-sunken text-text-secondary",
9
+ destructive: "border-status-error-border bg-status-error-bg-subtle text-status-error-text",
10
+ outline: "border-border-default text-text-secondary",
11
+ success: "border-status-success-border bg-status-success-bg-subtle text-status-success-text",
12
+ warning: "border-status-warning-border bg-status-warning-bg-subtle text-status-warning-text",
13
+ info: "border-status-info-border bg-status-info-bg-subtle text-status-info-text"
14
14
  } },
15
15
  defaultVariants: { variant: "default" }
16
16
  });