@burdenoff/fe-libs 2026.819.2 → 2026.819.3

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;AAE3C,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,CA2NlD,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;AAE3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAMtD,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"}

package/dist/chrome/SideNavigation.js

@@ -3,18 +3,17 @@ import { useShellLabel as i } from "../shared/providers/shell/useShellLabel.js";
 import { NavItemRenderer as a } from "./sideNavigation/NavItemRenderer.js";
 import { SidebarHeader as o } from "./sideNavigation/SidebarHeader.js";
 import { MobileActionsBar as s } from "./sideNavigation/MobileActionsBar.js";
-import { CollapseToggle as c } from "./sideNavigation/CollapseToggle.js";
-import { useSideNavigationState as l } from "./sideNavigation/useSideNavigationState.js";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useSideNavigationState as c } from "./sideNavigation/useSideNavigationState.js";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/chrome/SideNavigation.tsx
-var p = ({ items: p, currentPath: m, collapsed: h = !1, onItemClick: g, onToggleCollapse: _, collapseLabel: v, header: y, footer: b, mobileActions: x, groupOrder: S, groupLabels: C, maxDepth: w = 4, contextSearchParams: T }) => {
-	let { expandedItems: E, toggleExpand: D, collapseAll: O } = l({
-		items: p,
-		currentPath: m,
-		collapsed: h,
-		onToggleCollapse: _
-	}), k = i(), A = v ?? k("nav.collapse", "Collapse"), j = p.filter((e) => e.visible !== !1), M = (() => {
-		if (h) return [{
+var f = ({ items: f, currentPath: p, collapsed: m = !1, onItemClick: h, onToggleCollapse: g, collapseLabel: _, header: v, footer: y, mobileActions: b, groupOrder: x, groupLabels: S, maxDepth: C = 4, contextSearchParams: w }) => {
+	let { expandedItems: T, toggleExpand: E, collapseAll: D } = c({
+		items: f,
+		currentPath: p,
+		collapsed: m,
+		onToggleCollapse: g
+	}), O = i(), k = _ ?? O("nav.collapse", "Collapse"), A = O("nav.expand", "Expand"), j = f.filter((e) => e.visible !== !1), M = (() => {
+		if (m) return [{
 			id: "__all__",
 			label: null,
 			items: j
@@ -24,21 +23,21 @@ var p = ({ items: p, currentPath: m, collapsed: h = !1, onItemClick: g, onToggle
 			let n = t.group ?? "__default__", r = e.get(n);
 			r ? r.push(t) : e.set(n, [t]);
 		}
-		return [...S ?? [], ...Array.from(e.keys()).filter((e) => !(S ?? []).includes(e))].filter((t) => (e.get(t)?.length ?? 0) > 0).map((t) => ({
+		return [...x ?? [], ...Array.from(e.keys()).filter((e) => !(x ?? []).includes(e))].filter((t) => (e.get(t)?.length ?? 0) > 0).map((t) => ({
 			id: t,
-			label: t === "__default__" ? null : C?.[t] ?? t,
+			label: t === "__default__" ? null : S?.[t] ?? t,
 			items: e.get(t) ?? []
 		}));
 	})();
-	return /* @__PURE__ */ f(u, { children: [!h && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ d(l, { children: [!m && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
 		className: "fixed inset-0 bg-bg-overlay z-[109] md:hidden",
 		"aria-hidden": "true"
-	}), /* @__PURE__ */ d("button", {
+	}), /* @__PURE__ */ u("button", {
 		type: "button",
 		className: "fixed inset-y-0 right-0 left-64 z-[112] md:hidden cursor-pointer",
-		onClick: _,
+		onClick: g,
 		"aria-label": "Close sidebar"
-	})] }), /* @__PURE__ */ f("aside", {
+	})] }), /* @__PURE__ */ d("aside", {
 		className: `
           bg-bg-canvas supports-[backdrop-filter]:bg-[var(--color-surface-glass)] supports-[backdrop-filter]:backdrop-blur-[var(--blur-glass)]
           border-r border-border-seam
@@ -49,28 +48,28 @@ var p = ({ items: p, currentPath: m, collapsed: h = !1, onItemClick: g, onToggle
           z-[110] md:z-auto
           md:h-full
           overflow-x-hidden
-          ${h ? "-translate-x-full md:translate-x-0" : "translate-x-0"}
+          ${m ? "-translate-x-full md:translate-x-0" : "translate-x-0"}
           w-64 md:w-auto
-          ${h ? "md:w-16" : "md:w-64"}
+          ${m ? "md:w-16" : "md:w-64"}
         `,
 		style: {
 			paddingTop: "env(safe-area-inset-top)",
 			paddingBottom: "env(safe-area-inset-bottom)"
 		},
 		children: [
-			!h && _ && /* @__PURE__ */ d("div", {
+			!m && g && /* @__PURE__ */ u("div", {
 				className: "md:hidden flex justify-end px-2 pt-2",
-				children: /* @__PURE__ */ d("button", {
+				children: /* @__PURE__ */ u("button", {
 					type: "button",
-					onClick: _,
+					onClick: g,
 					className: "p-2 rounded-button hover:bg-bg-sunken text-text-secondary hover:text-text-primary transition-colors",
 					"aria-label": "Close sidebar",
-					children: /* @__PURE__ */ d("svg", {
+					children: /* @__PURE__ */ u("svg", {
 						className: "size-5",
 						fill: "none",
 						stroke: "currentColor",
 						viewBox: "0 0 24 24",
-						children: /* @__PURE__ */ d("path", {
+						children: /* @__PURE__ */ u("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -79,59 +78,62 @@ var p = ({ items: p, currentPath: m, collapsed: h = !1, onItemClick: g, onToggle
 					})
 				})
 			}),
-			y && /* @__PURE__ */ d(o, {
-				header: y,
-				collapsed: h,
-				expandedCount: E.size,
-				onCollapseAll: O
+			(v || g) && /* @__PURE__ */ u(o, {
+				header: v,
+				collapsed: m,
+				expandedCount: T.size,
+				onCollapseAll: D,
+				onToggleCollapse: g,
+				collapseLabel: k,
+				expandLabel: A
 			}),
-			/* @__PURE__ */ d("nav", {
+			/* @__PURE__ */ u("nav", {
 				className: "scrollbar-slim scrollbar-hover-only flex-1 min-h-0 py-card-padding overflow-y-auto overflow-x-hidden",
-				children: /* @__PURE__ */ d(n, {
+				children: /* @__PURE__ */ u(n, {
 					delayDuration: 300,
-					children: /* @__PURE__ */ d("ul", {
+					children: /* @__PURE__ */ u("ul", {
 						className: "space-y-list-gap",
-						children: M.map((n, i) => /* @__PURE__ */ f("li", {
+						children: M.map((n, i) => /* @__PURE__ */ d("li", {
 							className: "list-none",
 							children: [
-								i > 0 && !h && /* @__PURE__ */ d("div", { className: "my-2 border-t border-border-subtle" }),
-								n.label && !h && /* @__PURE__ */ d("p", {
+								i > 0 && !m && /* @__PURE__ */ u("div", { className: "my-2 border-t border-border-subtle" }),
+								n.label && !m && /* @__PURE__ */ u("p", {
 									className: "px-3 pb-1.5 pt-0.5 text-[11px] font-medium uppercase tracking-wider text-text-muted",
 									children: n.label
 								}),
-								/* @__PURE__ */ d("ul", {
+								/* @__PURE__ */ u("ul", {
 									className: "space-y-list-gap",
-									children: n.items.map((n) => h ? /* @__PURE__ */ f(e, { children: [/* @__PURE__ */ d(r, {
+									children: n.items.map((n) => m ? /* @__PURE__ */ d(e, { children: [/* @__PURE__ */ u(r, {
 										asChild: !0,
-										children: /* @__PURE__ */ d(a, {
+										children: /* @__PURE__ */ u(a, {
 											item: n,
 											depth: 0,
-											maxDepth: w,
-											currentPath: m,
-											expandedItems: E,
-											toggleExpand: D,
-											onItemClick: g,
-											onToggleCollapse: _,
-											collapsed: h,
-											contextSearchParams: T
+											maxDepth: C,
+											currentPath: p,
+											expandedItems: T,
+											toggleExpand: E,
+											onItemClick: h,
+											onToggleCollapse: g,
+											collapsed: m,
+											contextSearchParams: w
 										})
-									}), /* @__PURE__ */ f(t, {
+									}), /* @__PURE__ */ d(t, {
 										side: "right",
-										children: [/* @__PURE__ */ d("p", { children: n.label }), n.badge !== void 0 && n.badge > 0 && /* @__PURE__ */ d("span", {
+										children: [/* @__PURE__ */ u("p", { children: n.label }), n.badge !== void 0 && n.badge > 0 && /* @__PURE__ */ u("span", {
 											className: "ml-2 text-xs bg-status-error-bg-subtle text-status-error-text px-2 py-0.5 rounded-full",
 											children: n.badge
 										})]
-									})] }, n.id) : /* @__PURE__ */ d(a, {
+									})] }, n.id) : /* @__PURE__ */ u(a, {
 										item: n,
 										depth: 0,
-										maxDepth: w,
-										currentPath: m,
-										expandedItems: E,
-										toggleExpand: D,
-										onItemClick: g,
-										onToggleCollapse: _,
-										collapsed: h,
-										contextSearchParams: T
+										maxDepth: C,
+										currentPath: p,
+										expandedItems: T,
+										toggleExpand: E,
+										onItemClick: h,
+										onToggleCollapse: g,
+										collapsed: m,
+										contextSearchParams: w
 									}, n.id))
 								})
 							]
@@ -139,22 +141,17 @@ var p = ({ items: p, currentPath: m, collapsed: h = !1, onItemClick: g, onToggle
 					})
 				})
 			}),
-			b && /* @__PURE__ */ d("div", {
-				className: `py-card-padding border-t border-border-subtle ${h ? "md:px-2" : "px-card-padding"}`,
-				children: b
+			y && /* @__PURE__ */ u("div", {
+				className: `py-card-padding border-t border-border-subtle ${m ? "md:px-2" : "px-card-padding"}`,
+				children: y
 			}),
-			x && x.length > 0 && /* @__PURE__ */ d(s, {
-				actions: x,
-				collapsed: h,
-				onToggleCollapse: _
-			}),
-			_ && /* @__PURE__ */ d(c, {
-				collapsed: h,
-				collapseLabel: A,
-				onToggleCollapse: _
+			b && b.length > 0 && /* @__PURE__ */ u(s, {
+				actions: b,
+				collapsed: m,
+				onToggleCollapse: g
 			})
 		]
 	})] });
 };
 //#endregion
-export { p as SideNavigation };
+export { f as SideNavigation };

package/dist/chrome/sideNavigation/SidebarHeader.d.ts

@@ -1,9 +1,14 @@
 import { FC, ReactNode } from 'react';
 interface SidebarHeaderProps {
-    header: ReactNode;
+    header?: ReactNode;
     collapsed: boolean;
     expandedCount: number;
     onCollapseAll: () => void;
+    /** Collapses/expands the whole sidebar. Omitted when the host pins it open. */
+    onToggleCollapse?: () => void;
+    /** Translated control labels. Now the button's tooltip rather than visible text. */
+    collapseLabel: string;
+    expandLabel: string;
 }
 export declare const SidebarHeader: FC<SidebarHeaderProps>;
 export {};

package/dist/chrome/sideNavigation/SidebarHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarHeader.d.ts","sourceRoot":"","sources":["../../../src/chrome/sideNavigation/SidebarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,UAAU,kBAAkB;IAC1B,MAAM,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA0BhD,CAAC"}
+{"version":3,"file":"SidebarHeader.d.ts","sourceRoot":"","sources":["../../../src/chrome/sideNavigation/SidebarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,UAAU,kBAAkB;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,oFAAoF;IACpF,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAmDhD,CAAC"}

package/dist/chrome/sideNavigation/SidebarHeader.js

@@ -1,29 +1,37 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { ChevronUp as e, PanelLeft as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/chrome/sideNavigation/SidebarHeader.tsx
-var n = ({ header: n, collapsed: r, expandedCount: i, onCollapseAll: a }) => /* @__PURE__ */ t("div", {
-	className: `py-card-padding border-b border-border-subtle ${r ? "md:px-2" : "px-card-padding"} relative`,
-	children: [/* @__PURE__ */ e("div", {
-		className: i > 0 && !r ? "mr-8" : "",
-		children: n
-	}), !r && i > 0 && /* @__PURE__ */ e("button", {
-		type: "button",
-		onClick: a,
-		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",
-		title: "Collapse all",
-		"aria-label": "Collapse all menu items",
-		children: /* @__PURE__ */ e("svg", {
-			className: "size-4",
-			fill: "none",
-			stroke: "currentColor",
-			viewBox: "0 0 24 24",
-			children: /* @__PURE__ */ e("path", {
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				strokeWidth: 2,
-				d: "M5 15l7-7 7 7"
-			})
+var i = ({ header: i, collapsed: a, expandedCount: o, onCollapseAll: s, onToggleCollapse: c, collapseLabel: l, expandLabel: u }) => {
+	let d = a ? u : l;
+	return /* @__PURE__ */ n("div", {
+		className: `py-card-padding border-b border-border-subtle ${a ? "md:px-2" : "px-card-padding"}`,
+		children: /* @__PURE__ */ r("div", {
+			className: `flex items-center gap-2 ${a ? "justify-center" : ""}`,
+			children: [
+				i && !a && /* @__PURE__ */ n("div", {
+					className: "min-w-0 flex-1",
+					children: i
+				}),
+				!a && o > 0 && /* @__PURE__ */ n("button", {
+					type: "button",
+					onClick: s,
+					className: "shrink-0 rounded-button p-1.5 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary",
+					title: "Collapse all",
+					"aria-label": "Collapse all menu items",
+					children: /* @__PURE__ */ n(e, { className: "size-4" })
+				}),
+				c && /* @__PURE__ */ n("button", {
+					type: "button",
+					onClick: c,
+					className: "hidden shrink-0 rounded-button p-1.5 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary md:block",
+					"aria-label": d,
+					"aria-expanded": !a,
+					title: d,
+					children: /* @__PURE__ */ n(t, { className: "size-5" })
+				})
+			]
 		})
-	})]
-});
+	});
+};
 //#endregion
-export { n as SidebarHeader };
+export { i as SidebarHeader };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/fe-libs",
-  "version": "2026.819.2",
+  "version": "2026.819.3",
   "description": "Burdenoff frontend primitives and domain libraries",
   "type": "module",
   "bin": {

package/dist/chrome/sideNavigation/CollapseToggle.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-interface CollapseToggleProps {
-    collapsed: boolean;
-    collapseLabel: string;
-    onToggleCollapse: () => void;
-}
-export declare const CollapseToggle: FC<CollapseToggleProps>;
-export {};
-//# sourceMappingURL=CollapseToggle.d.ts.map

package/dist/chrome/sideNavigation/CollapseToggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollapseToggle.d.ts","sourceRoot":"","sources":["../../../src/chrome/sideNavigation/CollapseToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,UAAU,mBAAmB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA4BlD,CAAC"}

package/dist/chrome/sideNavigation/CollapseToggle.js

@@ -1,29 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/chrome/sideNavigation/CollapseToggle.tsx
-var n = ({ collapsed: n, collapseLabel: r, onToggleCollapse: i }) => /* @__PURE__ */ e("div", {
-	className: `hidden md:block py-4 border-t border-border-subtle ${n ? "px-2" : "px-card-padding"}`,
-	children: /* @__PURE__ */ t("button", {
-		type: "button",
-		onClick: i,
-		className: `w-full flex items-center gap-3 py-2 rounded-button text-sm text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors ${n ? "justify-center px-2" : "px-3"}`,
-		"aria-label": n ? "Expand sidebar" : "Collapse sidebar",
-		title: n ? "Expand sidebar" : "Collapse sidebar",
-		children: [/* @__PURE__ */ e("svg", {
-			className: `w-icon-md h-icon-md transition-transform ${n ? "rotate-180" : ""}`,
-			fill: "none",
-			stroke: "currentColor",
-			viewBox: "0 0 24 24",
-			children: /* @__PURE__ */ e("path", {
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				strokeWidth: 2,
-				d: "M15 19l-7-7 7-7"
-			})
-		}), !n && /* @__PURE__ */ e("span", {
-			className: "text-body-sm font-medium",
-			children: r
-		})]
-	})
-});
-//#endregion
-export { n as CollapseToggle };