@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.
- package/dist/chrome/AccountSwitcher.js +8 -8
- package/dist/chrome/AppShellLayout.d.ts +4 -1
- package/dist/chrome/AppShellLayout.d.ts.map +1 -1
- package/dist/chrome/AppShellLayout.js +1 -1
- package/dist/chrome/AutoBreadcrumbs.d.ts.map +1 -1
- package/dist/chrome/AutoBreadcrumbs.js +6 -6
- package/dist/chrome/Breadcrumbs.js +3 -3
- package/dist/chrome/CommandPalette.js +15 -15
- package/dist/chrome/ContextSwitcher.js +1 -1
- package/dist/chrome/Footer.js +1 -1
- package/dist/chrome/FooterBar.js +2 -2
- package/dist/chrome/GlobalSearch.js +3 -3
- package/dist/chrome/HeaderBar.d.ts.map +1 -1
- package/dist/chrome/HeaderBar.js +6 -6
- package/dist/chrome/LanguagePickerSheet.js +1 -1
- package/dist/chrome/LanguageSwitcher.js +4 -4
- package/dist/chrome/NavLink.d.ts.map +1 -1
- package/dist/chrome/NavLink.js +5 -6
- package/dist/chrome/PageHeader.js +3 -3
- package/dist/chrome/PanelTabs.js +5 -5
- package/dist/chrome/PluginContextMenuTarget.js +2 -2
- package/dist/chrome/PluginFooterStrip.js +2 -2
- package/dist/chrome/PluginSettingsPage.js +3 -3
- package/dist/chrome/PluginWidgetGrid.js +1 -1
- package/dist/chrome/ProductPickerSheet.js +3 -3
- package/dist/chrome/ProductSwitcher.js +9 -9
- package/dist/chrome/ProfileSwitcher.d.ts.map +1 -1
- package/dist/chrome/ProfileSwitcher.js +11 -11
- package/dist/chrome/ShortcutHelpDialog.js +9 -9
- package/dist/chrome/SideNavigation.js +3 -3
- package/dist/chrome/Sidebar.js +8 -8
- package/dist/chrome/StatusBar.js +1 -1
- package/dist/chrome/Tabs.js +1 -1
- package/dist/chrome/contextSwitcher/OrganizationList.js +1 -1
- package/dist/chrome/contextSwitcher/ProjectList.js +1 -1
- package/dist/chrome/contextSwitcher/SearchInput.js +1 -1
- package/dist/chrome/contextSwitcher/TabButton.js +1 -1
- package/dist/chrome/contextSwitcher/TriggerButton.js +1 -1
- package/dist/chrome/contextSwitcher/WorkspaceList.js +1 -1
- package/dist/chrome/globalSearch/AdvancedFiltersPanel.js +29 -29
- package/dist/chrome/globalSearch/CategoryTabs.js +3 -3
- package/dist/chrome/globalSearch/ResultsList.js +8 -8
- package/dist/chrome/globalSearch/SearchInput.js +4 -4
- package/dist/chrome/globalSearch/SearchModeBar.js +3 -3
- package/dist/chrome/notificationCenter/BellButton.js +1 -1
- package/dist/chrome/notificationCenter/NotificationCardItem.js +5 -5
- package/dist/chrome/notificationCenter/NotificationFilters.js +5 -5
- package/dist/chrome/notificationCenter/NotificationFooter.js +1 -1
- package/dist/chrome/notificationCenter/NotificationHeader.js +2 -2
- package/dist/chrome/notificationCenter/NotificationList.js +2 -2
- package/dist/chrome/notificationCenter/NotificationPanel.d.ts.map +1 -1
- package/dist/chrome/notificationCenter/NotificationPanel.js +2 -2
- package/dist/chrome/notificationCenter/SkeletonCard.js +4 -4
- package/dist/chrome/notificationCenter/constants.js +5 -5
- package/dist/chrome/sideNavigation/CollapseToggle.js +1 -1
- package/dist/chrome/sideNavigation/MobileActionsBar.js +2 -2
- package/dist/chrome/sideNavigation/NavItemRenderer.d.ts.map +1 -1
- package/dist/chrome/sideNavigation/NavItemRenderer.js +23 -20
- package/dist/chrome/sideNavigation/SidebarHeader.js +1 -1
- package/dist/form/Checkbox.d.ts.map +1 -1
- package/dist/form/Checkbox.js +1 -1
- package/dist/form/FormDescription.js +1 -1
- package/dist/form/FormLabel.js +4 -4
- package/dist/form/FormMessage.js +1 -1
- package/dist/form/FormSection.d.ts.map +1 -1
- package/dist/form/FormSection.js +3 -3
- package/dist/form/Input.js +1 -1
- package/dist/form/Radio.d.ts.map +1 -1
- package/dist/form/Radio.js +2 -2
- package/dist/form/Select.d.ts.map +1 -1
- package/dist/form/Select.js +6 -6
- package/dist/form/Textarea.js +1 -1
- package/dist/shared/providers/shell/ThemeProvider.d.ts +20 -1
- package/dist/shared/providers/shell/ThemeProvider.d.ts.map +1 -1
- package/dist/shared/providers/shell/ThemeProvider.js +58 -47
- package/dist/storage/uploadBlob.d.ts.map +1 -1
- package/dist/ui/accordion.js +4 -4
- package/dist/ui/alert-dialog.js +3 -3
- package/dist/ui/badge.d.ts.map +1 -1
- package/dist/ui/badge.js +8 -8
- package/dist/ui/bottom-sheet.js +4 -4
- package/dist/ui/button.d.ts.map +1 -1
- package/dist/ui/button.js +8 -8
- package/dist/ui/card.d.ts.map +1 -1
- package/dist/ui/card.js +3 -3
- package/dist/ui/checkbox.js +1 -1
- package/dist/ui/command.d.ts.map +1 -1
- package/dist/ui/command.js +11 -11
- package/dist/ui/dialog.d.ts.map +1 -1
- package/dist/ui/dialog.js +5 -5
- package/dist/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/ui/dropdown-menu.js +10 -10
- package/dist/ui/empty-state.d.ts.map +1 -1
- package/dist/ui/empty-state.js +3 -3
- package/dist/ui/input.js +1 -1
- package/dist/ui/label.js +1 -1
- package/dist/ui/optional-fields.d.ts.map +1 -1
- package/dist/ui/optional-fields.js +2 -2
- package/dist/ui/popover.js +1 -1
- package/dist/ui/responsive-table.js +2 -2
- package/dist/ui/scroll-area.js +2 -2
- package/dist/ui/select.d.ts.map +1 -1
- package/dist/ui/select.js +6 -6
- package/dist/ui/separator.js +1 -1
- package/dist/ui/sheet.js +3 -3
- package/dist/ui/skeleton.js +1 -1
- package/dist/ui/sonner.js +4 -4
- package/dist/ui/spinner.js +1 -1
- package/dist/ui/stepper.d.ts.map +1 -1
- package/dist/ui/stepper.js +6 -6
- package/dist/ui/switch.js +2 -2
- package/dist/ui/table.d.ts.map +1 -1
- package/dist/ui/table.js +7 -7
- package/dist/ui/tabs.js +2 -2
- package/dist/ui/textarea.js +1 -1
- package/dist/ui/tooltip.js +1 -1
- package/package.json +1 -1
- package/src/shared/tokens/build/foundation.css +31 -12
- package/src/shared/tokens/build/semantic.css +84 -24
- package/src/shared/tokens/build/tailwind.preset.js +13 -0
- package/src/shared/tokens/build/themes.css +304 -0
- 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-
|
|
10
|
-
w-full flex items-center gap-
|
|
11
|
-
transition-
|
|
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-
|
|
14
|
-
${x
|
|
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
|
-
},
|
|
20
|
+
}, k = (e) => {
|
|
21
21
|
if (o(e)) return;
|
|
22
|
-
let t =
|
|
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
|
-
},
|
|
28
|
+
}, A = (e) => {
|
|
29
29
|
e.button === 0 && !e.ctrlKey && !e.metaKey && !e.shiftKey && e.preventDefault();
|
|
30
|
-
},
|
|
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-
|
|
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__ */
|
|
67
|
+
return /* @__PURE__ */ a("li", { children: [/* @__PURE__ */ a("div", {
|
|
68
68
|
className: "relative",
|
|
69
|
-
children:
|
|
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:
|
|
72
|
-
onMouseDown:
|
|
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:
|
|
79
|
+
children: j
|
|
77
80
|
}) : /* @__PURE__ */ i("button", {
|
|
78
81
|
type: "button",
|
|
79
|
-
onClick:
|
|
80
|
-
onMouseDown:
|
|
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:
|
|
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-
|
|
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,
|
|
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"}
|
package/dist/form/Checkbox.js
CHANGED
|
@@ -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-
|
|
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"),
|
package/dist/form/FormLabel.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
24
|
+
className: "ml-1 text-xs font-normal text-text-muted",
|
|
25
25
|
children: "(optional)"
|
|
26
26
|
})
|
|
27
27
|
]
|
package/dist/form/FormMessage.js
CHANGED
|
@@ -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-
|
|
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,
|
|
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"}
|
package/dist/form/FormSection.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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", {
|
package/dist/form/Input.js
CHANGED
|
@@ -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-
|
|
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
|
});
|
package/dist/form/Radio.d.ts.map
CHANGED
|
@@ -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,
|
|
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"}
|
package/dist/form/Radio.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D;;GAEG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC;;GAEG;AACH,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAE1C;;GAEG;AACH,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;AAEhG;;;;;;;;;;;GAWG;AACH,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,CAAA;CAAE,2CAqB5F;kBA1BQ,aAAa;;;AA6BtB;;GAEG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,GAAG;IACzE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;CAC1E,2CAUA;kBAhBQ,oBAAoB;;;AAmB7B;;GAEG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,GAAG;IAC3E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC;CAC5E,2CAUA;kBAhBQ,sBAAsB;;;AAmB/B;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CACxE,OAAO,eAAe,CAAC,OAAO,CAC/B;IACC,QAAQ,CAAC,EAAE,cAAc,GAAG,QAAQ,CAAC;CACtC;AAED;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,CAAA;CAAE,2CA6B5F;kBAnCQ,aAAa;;;AAsCtB;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAE5F;;;;;;;;;;;GAWG;AACH,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/form/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D;;GAEG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC;;GAEG;AACH,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAE1C;;GAEG;AACH,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;AAEhG;;;;;;;;;;;GAWG;AACH,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,CAAA;CAAE,2CAqB5F;kBA1BQ,aAAa;;;AA6BtB;;GAEG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,GAAG;IACzE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;CAC1E,2CAUA;kBAhBQ,oBAAoB;;;AAmB7B;;GAEG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,GAAG;IAC3E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC;CAC5E,2CAUA;kBAhBQ,sBAAsB;;;AAmB/B;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CACxE,OAAO,eAAe,CAAC,OAAO,CAC/B;IACC,QAAQ,CAAC,EAAE,cAAc,GAAG,QAAQ,CAAC;CACtC;AAED;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,CAAA;CAAE,2CA6B5F;kBAnCQ,aAAa;;;AAsCtB;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAE5F;;;;;;;;;;;GAWG;AACH,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,2CAWxF;kBAfQ,WAAW;;;AAkBpB;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAE1F;;;;;;;;;;GAUG;AACH,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,CAAA;CAAE,2CAoBtF;kBAzBQ,UAAU;;;AA4BnB;;GAEG;AACH,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,GAAG;IACpE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;CACrE,2CAQA;kBAdQ,eAAe;;;AAiBxB,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAC"}
|
package/dist/form/Select.js
CHANGED
|
@@ -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-
|
|
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
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
78
|
+
className: e("-mx-1 my-1 h-px bg-border-subtle", n),
|
|
79
79
|
...r
|
|
80
80
|
});
|
|
81
81
|
}
|
package/dist/form/Textarea.js
CHANGED
|
@@ -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-
|
|
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
|
-
|
|
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,
|
|
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 =
|
|
5
|
-
|
|
6
|
-
|
|
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 (
|
|
14
|
+
if (p === "system") {
|
|
9
15
|
let e = window.matchMedia("(prefers-color-scheme: dark)"), t = (e) => {
|
|
10
|
-
|
|
16
|
+
S(e.matches ? "dark" : "light");
|
|
11
17
|
};
|
|
12
|
-
return e.addEventListener("change", t),
|
|
13
|
-
} else
|
|
14
|
-
}, [
|
|
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",
|
|
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
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
26
|
+
x,
|
|
27
|
+
C,
|
|
28
|
+
h,
|
|
29
|
+
_,
|
|
30
|
+
y
|
|
22
31
|
]);
|
|
23
|
-
let
|
|
24
|
-
|
|
25
|
-
}, [
|
|
26
|
-
|
|
27
|
-
}, [
|
|
28
|
-
|
|
29
|
-
}, [
|
|
30
|
-
|
|
31
|
-
}, [
|
|
32
|
-
|
|
33
|
-
}, [
|
|
34
|
-
mode:
|
|
35
|
-
brand:
|
|
36
|
-
density:
|
|
37
|
-
typography:
|
|
38
|
-
resolvedTheme:
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
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
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
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(
|
|
58
|
-
value:
|
|
68
|
+
return /* @__PURE__ */ o(l.Provider, {
|
|
69
|
+
value: k,
|
|
59
70
|
children: e
|
|
60
71
|
});
|
|
61
72
|
}
|
|
62
|
-
function
|
|
63
|
-
let e = t(
|
|
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 {
|
|
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,
|
|
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"}
|
package/dist/ui/accordion.js
CHANGED
|
@@ -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("
|
|
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
|
|
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),
|
package/dist/ui/alert-dialog.js
CHANGED
|
@@ -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-
|
|
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
|
}
|
package/dist/ui/badge.d.ts.map
CHANGED
|
@@ -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;;
|
|
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-
|
|
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-
|
|
8
|
-
secondary: "border-
|
|
9
|
-
destructive: "border-
|
|
10
|
-
outline: "text-
|
|
11
|
-
success: "border-
|
|
12
|
-
warning: "border-
|
|
13
|
-
info: "border-
|
|
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
|
});
|