@burdenoff/fe-libs 2026.624.1 → 2026.625.1

package/dist/chrome/HeaderBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderBar.d.ts","sourceRoot":"","sources":["../../src/chrome/HeaderBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;GAKG;AACH,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAC;IAEhB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B,2BAA2B;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,qGAAqG;IACrG,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,kGAAkG;IAClG,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAElC,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE7B,2BAA2B;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B,wBAAwB;IACxB,IAAI,CAAC,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IAEF,8BAA8B;IAC9B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,yDAAyD;IACzD,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,iCAAiC;IACjC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAE7B,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAE9B,iCAAiC;IACjC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,uCAAuC;IACvC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtC,yEAAyE;IACzE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAiPxC,CAAC"}
+{"version":3,"file":"HeaderBar.d.ts","sourceRoot":"","sources":["../../src/chrome/HeaderBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;GAKG;AACH,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAC;IAEhB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B,2BAA2B;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,qGAAqG;IACrG,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,kGAAkG;IAClG,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAElC,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE7B,2BAA2B;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B,wBAAwB;IACxB,IAAI,CAAC,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IAEF,8BAA8B;IAC9B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,yDAAyD;IACzD,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,iCAAiC;IACjC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAE7B,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAE9B,iCAAiC;IACjC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,uCAAuC;IACvC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtC,yEAAyE;IACzE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA6MxC,CAAC"}

package/dist/chrome/HeaderBar.js

@@ -1,69 +1,70 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { HeaderThemeSwitcher as e } from "./HeaderThemeSwitcher.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/chrome/HeaderBar.tsx
-var n = ({ logo: n, appName: r, onLogoClick: i, onMenuToggle: a, onSearchClick: o, searchPlaceholder: s = "Search...", searchShortcut: c = "⌘K", unreadNotifications: l = 0, onNotificationsClick: u, notificationCenter: d, colorMode: f = "light", onThemeToggle: p, user: m, onUserMenuClick: h, actions: g, contextSwitcher: _, productSwitcher: v, languageSwitcher: y, geographySwitcher: b, profileSwitcher: x, onKeyboardShortcutsClick: S, mobileOptimized: C = !0 }) => /* @__PURE__ */ t("header", {
+var r = ({ logo: r, appName: i, onLogoClick: a, onMenuToggle: o, onSearchClick: s, searchPlaceholder: c = "Search...", searchShortcut: l = "⌘K", unreadNotifications: u = 0, onNotificationsClick: d, notificationCenter: f, colorMode: p = "light", onThemeToggle: m, user: h, onUserMenuClick: g, actions: _, contextSwitcher: v, productSwitcher: y, languageSwitcher: b, geographySwitcher: x, profileSwitcher: S, onKeyboardShortcutsClick: C, mobileOptimized: w = !0 }) => /* @__PURE__ */ n("header", {
 	className: "relative z-[100] h-14 bg-[var(--color-surface-glass)] backdrop-blur-[var(--blur-glass)] border-b border-[var(--color-border-glass)] flex items-center px-3 md:px-card-padding justify-between",
-	children: [/* @__PURE__ */ t("div", {
+	children: [/* @__PURE__ */ n("div", {
 		className: "flex items-center gap-2 md:gap-control-gap",
-		children: [a && /* @__PURE__ */ e("button", {
+		children: [o && /* @__PURE__ */ t("button", {
 			type: "button",
-			onClick: a,
+			onClick: o,
 			className: "p-2 hover:bg-bg-sunken rounded-button text-text-primary transition-colors",
 			"aria-label": "Toggle sidebar",
-			children: /* @__PURE__ */ e("svg", {
+			children: /* @__PURE__ */ t("svg", {
 				className: "w-icon-md h-icon-md",
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ e("path", {
+				children: /* @__PURE__ */ t("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 2,
 					d: "M4 6h16M4 12h16M4 18h16"
 				})
 			})
-		}), n && /* @__PURE__ */ e("div", {
-			className: `w-8 h-8 bg-action-primary-bg rounded-md flex items-center justify-center ${i ? "cursor-pointer hover:opacity-80 transition-opacity" : ""}`,
-			onClick: i,
-			role: i ? "button" : void 0,
-			tabIndex: i ? 0 : void 0,
-			onKeyDown: i ? (e) => {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i());
+		}), r && /* @__PURE__ */ t("div", {
+			className: `w-8 h-8 bg-action-primary-bg rounded-md flex items-center justify-center ${a ? "cursor-pointer hover:opacity-80 transition-opacity" : ""}`,
+			onClick: a,
+			role: a ? "button" : void 0,
+			tabIndex: a ? 0 : void 0,
+			onKeyDown: a ? (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
 			} : void 0,
-			"aria-label": i ? "Go to home" : void 0,
-			children: typeof n == "string" ? /* @__PURE__ */ e("span", {
+			"aria-label": a ? "Go to home" : void 0,
+			children: typeof r == "string" ? /* @__PURE__ */ t("span", {
 				className: "text-action-primary-text font-bold text-sm",
-				children: n
-			}) : n
+				children: r
+			}) : r
 		})]
-	}), /* @__PURE__ */ t("div", {
+	}), /* @__PURE__ */ n("div", {
 		className: "flex items-center gap-1 md:gap-control-gap",
 		children: [
-			_,
-			v && /* @__PURE__ */ e("div", {
-				className: C ? "hidden md:block empty:hidden" : "empty:hidden",
-				children: v
-			}),
-			y && /* @__PURE__ */ e("div", {
-				className: C ? "hidden md:block empty:hidden" : "empty:hidden",
+			v,
+			y && /* @__PURE__ */ t("div", {
+				className: w ? "hidden md:block empty:hidden" : "empty:hidden",
 				children: y
 			}),
-			b && /* @__PURE__ */ e("div", {
-				className: C ? "hidden md:block empty:hidden" : "empty:hidden",
+			b && /* @__PURE__ */ t("div", {
+				className: w ? "hidden md:block empty:hidden" : "empty:hidden",
 				children: b
 			}),
-			(_ || v || y || b) && /* @__PURE__ */ e("div", { className: "hidden md:block h-6 w-px bg-border-subtle" }),
-			S && /* @__PURE__ */ e("button", {
+			x && /* @__PURE__ */ t("div", {
+				className: w ? "hidden md:block empty:hidden" : "empty:hidden",
+				children: x
+			}),
+			(v || y || b || x) && /* @__PURE__ */ t("div", { className: "hidden md:block h-6 w-px bg-border-subtle" }),
+			C && /* @__PURE__ */ t("button", {
 				type: "button",
-				onClick: S,
-				className: `p-2 hover:bg-bg-sunken rounded-button text-text-primary transition-colors ${C ? "hidden md:block" : ""}`,
+				onClick: C,
+				className: `p-2 hover:bg-bg-sunken rounded-button text-text-primary transition-colors ${w ? "hidden md:block" : ""}`,
 				"aria-label": "Keyboard shortcuts",
 				title: "Keyboard shortcuts (Ctrl+/ or Cmd+/)",
-				children: /* @__PURE__ */ e("svg", {
+				children: /* @__PURE__ */ t("svg", {
 					className: "w-icon-md h-icon-md",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ e("path", {
+					children: /* @__PURE__ */ t("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
@@ -71,18 +72,18 @@ var n = ({ logo: n, appName: r, onLogoClick: i, onMenuToggle: a, onSearchClick:
 					})
 				})
 			}),
-			o && /* @__PURE__ */ e("button", {
+			s && /* @__PURE__ */ t("button", {
 				type: "button",
-				onClick: o,
+				onClick: s,
 				className: "p-2 hover:bg-bg-sunken rounded-button text-text-primary transition-colors",
 				"aria-label": "Search",
-				title: `Search (${c})`,
-				children: /* @__PURE__ */ e("svg", {
+				title: `Search (${l})`,
+				children: /* @__PURE__ */ t("svg", {
 					className: "w-icon-md h-icon-md",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ e("path", {
+					children: /* @__PURE__ */ t("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
@@ -90,57 +91,29 @@ var n = ({ logo: n, appName: r, onLogoClick: i, onMenuToggle: a, onSearchClick:
 					})
 				})
 			}),
-			g,
-			d || (u ? /* @__PURE__ */ t("button", {
+			_,
+			f || (d ? /* @__PURE__ */ n("button", {
 				type: "button",
-				onClick: u,
+				onClick: d,
 				className: "relative p-2 hover:bg-bg-sunken rounded-button text-text-primary transition-colors",
 				"aria-label": "Notifications",
-				children: [/* @__PURE__ */ e("svg", {
+				children: [/* @__PURE__ */ t("svg", {
 					className: "w-icon-md h-icon-md",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ e("path", {
+					children: /* @__PURE__ */ t("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
 						d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
 					})
-				}), l > 0 && /* @__PURE__ */ e("span", { className: "absolute top-1 right-1 size-2 bg-status-error-bg rounded-full border border-bg-elevated" })]
+				}), u > 0 && /* @__PURE__ */ t("span", { className: "absolute top-1 right-1 size-2 bg-status-error-bg rounded-full border border-bg-elevated" })]
 			}) : null),
-			p && /* @__PURE__ */ e("button", {
-				type: "button",
-				onClick: p,
-				className: `p-2 hover:bg-bg-sunken rounded-button text-text-primary transition-colors ${C ? "hidden md:block" : ""}`,
-				"aria-label": "Toggle theme",
-				children: f === "light" ? /* @__PURE__ */ e("svg", {
-					className: "w-icon-md h-icon-md",
-					fill: "none",
-					stroke: "currentColor",
-					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ e("path", {
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						strokeWidth: 2,
-						d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
-					})
-				}) : /* @__PURE__ */ e("svg", {
-					className: "w-icon-md h-icon-md",
-					fill: "none",
-					stroke: "currentColor",
-					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ e("path", {
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						strokeWidth: 2,
-						d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
-					})
-				})
-			}),
-			x
+			m && /* @__PURE__ */ t(e, { mobileOptimized: w }),
+			S
 		]
 	})]
 });
 //#endregion
-export { n as HeaderBar };
+export { r as HeaderBar };

package/dist/chrome/HeaderThemeSwitcher.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Shared 6-theme switcher for the app-shell header. Rendered by HeaderBar so
+ * EVERY product shell exposes the full Boff UI theme picker (not just a binary
+ * light/dark toggle). Drives the fe-libs ThemeProvider directly via `setMode`.
+ */
+export declare function HeaderThemeSwitcher({ mobileOptimized }: {
+    mobileOptimized?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeaderThemeSwitcher.d.ts.map

package/dist/chrome/HeaderThemeSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderThemeSwitcher.d.ts","sourceRoot":"","sources":["../../src/chrome/HeaderThemeSwitcher.tsx"],"names":[],"mappings":"AAgCA;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,eAAsB,EAAE,EAAE;IAAE,eAAe,CAAC,EAAE,OAAO,CAAA;CAAE,2CAiD5F"}

package/dist/chrome/HeaderThemeSwitcher.js

@@ -0,0 +1,111 @@
+import { DropdownMenu as e, DropdownMenuContent as t, DropdownMenuItem as n, DropdownMenuLabel as r, DropdownMenuSeparator as i, DropdownMenuTrigger as a } from "../ui/dropdown-menu.js";
+import { useTheme as o } from "../shared/providers/shell/ThemeProvider.js";
+import { useExclusiveMenu as s } from "../shared/hooks/useExclusiveMenu.js";
+import { cn as c } from "../utils/cn.js";
+import "../utils/index.js";
+import { useCallback as l, useState as u } from "react";
+import { Check as d, Contrast as f, Monitor as p, Moon as m, Palette as h, Sun as g, Sunset as _, Trees as v, Waves as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/chrome/HeaderThemeSwitcher.tsx
+var S = {
+	light: g,
+	dark: m,
+	forest: v,
+	ocean: y,
+	sunset: _,
+	"high-contrast": f
+}, C = [
+	{
+		value: "light",
+		label: "Light"
+	},
+	{
+		value: "dark",
+		label: "Dark"
+	},
+	{
+		value: "forest",
+		label: "Forest"
+	},
+	{
+		value: "ocean",
+		label: "Ocean"
+	},
+	{
+		value: "sunset",
+		label: "Sunset"
+	},
+	{
+		value: "high-contrast",
+		label: "High contrast"
+	}
+];
+function w({ mobileOptimized: n = !0 }) {
+	let [d, f] = u(!1);
+	s("header-theme", d, l(() => f(!1), []));
+	let { mode: _, setMode: v, resolvedTheme: y } = o(), w = y === "dark" ? m : g, E = l((e) => v(e), [v]);
+	return /* @__PURE__ */ x(e, {
+		open: d,
+		onOpenChange: f,
+		children: [/* @__PURE__ */ b(a, {
+			asChild: !0,
+			children: /* @__PURE__ */ b("button", {
+				type: "button",
+				"aria-label": "Theme",
+				title: "Theme",
+				className: c("flex size-9 items-center justify-center rounded-button text-text-primary transition-colors", "hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", n ? "hidden md:flex" : ""),
+				children: /* @__PURE__ */ b(w, {
+					className: "size-5",
+					"aria-hidden": "true"
+				})
+			})
+		}), /* @__PURE__ */ x(t, {
+			align: "end",
+			className: "w-56",
+			children: [
+				/* @__PURE__ */ x(r, {
+					className: "flex items-center gap-2 text-text-secondary",
+					children: [/* @__PURE__ */ b(h, {
+						className: "size-4",
+						"aria-hidden": "true"
+					}), "Appearance"]
+				}),
+				/* @__PURE__ */ b(i, {}),
+				/* @__PURE__ */ b(T, {
+					active: _ === "system",
+					icon: p,
+					label: "System",
+					onSelect: () => E("system")
+				}),
+				C.map((e) => /* @__PURE__ */ b(T, {
+					active: _ === e.value,
+					icon: S[e.value],
+					label: e.label,
+					onSelect: () => E(e.value)
+				}, e.value))
+			]
+		})]
+	});
+}
+function T({ active: e, icon: t, label: r, onSelect: i }) {
+	return /* @__PURE__ */ x(n, {
+		onSelect: i,
+		className: c("gap-2", e && "bg-[var(--color-accent-soft)] text-text-primary"),
+		children: [
+			/* @__PURE__ */ b(t, {
+				className: "size-4 text-text-secondary",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ b("span", {
+				className: "flex-1",
+				children: r
+			}),
+			e && /* @__PURE__ */ b(d, {
+				className: "size-4 text-action-primary-bg",
+				"aria-hidden": "true"
+			})
+		]
+	});
+}
+//#endregion
+export { w as HeaderThemeSwitcher };

package/dist/chrome/SideNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavigation.d.ts","sourceRoot":"","sources":["../../src/chrome/SideNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAOtD,YAAY,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,kCAAkC;IAClC,KAAK,EAAE,OAAO,EAAE,CAAC;IAEjB,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAC;IAEpB,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yBAAyB;IACzB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,sEAAsE;IACtE,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEnC,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IAEtB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAErC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,eAAe,CAAC;CACvC;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAuNlD,CAAC"}
+{"version":3,"file":"SideNavigation.d.ts","sourceRoot":"","sources":["../../src/chrome/SideNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAOtD,YAAY,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,kCAAkC;IAClC,KAAK,EAAE,OAAO,EAAE,CAAC;IAEjB,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAC;IAEpB,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yBAAyB;IACzB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,sEAAsE;IACtE,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEnC,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IAEtB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAErC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,eAAe,CAAC;CACvC;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAwNlD,CAAC"}

package/dist/chrome/SideNavigation.js

@@ -39,7 +39,8 @@ var f = ({ items: f, currentPath: p, collapsed: m = !1, onItemClick: h, onToggle
 		"aria-label": "Close sidebar"
 	})] }), /* @__PURE__ */ d("aside", {
 		className: `
-          bg-bg-surface border-r border-border-subtle
+          bg-bg-canvas supports-[backdrop-filter]:bg-[var(--color-surface-glass)] supports-[backdrop-filter]:backdrop-blur-[var(--blur-glass)]
+          border-r border-border-seam
           transition-all duration-normal
           flex flex-col min-h-0
           fixed md:relative

package/dist/chrome/ThemePreferences.d.ts

@@ -0,0 +1,15 @@
+export interface ThemePreferencesProps {
+    className?: string;
+    /** Render the theme cards grid + custom theme editor (default true). */
+    showCustomThemes?: boolean;
+}
+/**
+ * Boff UI 2.0 "Theme Preferences" customizer.
+ *
+ * Presentation-only: every value is read from and written through {@link useTheme}.
+ * No raw colors are used in class names — only semantic token utilities. The single
+ * exception is the `value` of the `<input type="color">` inside the custom editor,
+ * which is data entry (a hex string), never a className.
+ */
+export declare function ThemePreferences({ className, showCustomThemes }: ThemePreferencesProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemePreferences.d.ts.map

package/dist/chrome/ThemePreferences.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePreferences.d.ts","sourceRoot":"","sources":["../../src/chrome/ThemePreferences.tsx"],"names":[],"mappings":"AAqBA,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAgCD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,gBAAuB,EAAE,EAAE,qBAAqB,2CAwZ7F"}