@burdenoff/fe-libs 2026.805.2 → 2026.805.3

package/dist/chrome/PersonaSurfaceControls.js

@@ -1,11 +1,12 @@
 import { useShellUi as e } from "../shared/providers/shell/ShellUiProvider.js";
 import { useSafePersonaSurface as t } from "../shared/providers/shell/PersonaSurfaceProvider.js";
-import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
-import { Check as o, ChevronsUpDown as s, Eye as c, Plus as l, Search as u, SlidersHorizontal as d, X as ee } from "lucide-react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { createPortal as h } from "react-dom";
+import { useShellLabel as n } from "../shared/providers/shell/useShellLabel.js";
+import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
+import { Check as s, ChevronsUpDown as c, Eye as l, Plus as u, Search as d, SlidersHorizontal as f, X as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { createPortal as _ } from "react-dom";
 //#region src/chrome/PersonaSurfaceControls.tsx
-function te(e, t) {
+function ee(e, t) {
 	let { surfaces: n, availableSurfaceIds: r, resolvedSurfaceId: i } = e, a = (e) => e === "everything" ? t : n.find((t) => t.id === e)?.label ?? e, o = [...r];
 	return o.sort((e, t) => {
 		let n = (e) => e === i ? 0 : e === "everything" ? 2 : 1;
@@ -16,15 +17,15 @@ function te(e, t) {
 		isResolved: e === i
 	}));
 }
-var g = 300;
-function _({ everythingLabel: e, onOpenCustomize: d }) {
-	let _ = t(), [v, y] = a(!1), [b, x] = a(""), [S, C] = a(null), w = i(null), T = i(null), E = i(null), D = i(null), O = n(() => {
-		y(!1), x("");
-	}, []), k = n(() => {
-		let e = T.current?.getBoundingClientRect();
+var v = 300;
+function y({ everythingLabel: e, onOpenCustomize: n }) {
+	let f = t(), [y, b] = o(!1), [x, S] = o(""), [C, w] = o(null), T = a(null), E = a(null), D = a(null), O = a(null), k = r(() => {
+		b(!1), S("");
+	}, []), A = r(() => {
+		let e = E.current?.getBoundingClientRect();
 		if (!e) return;
-		let t = window.innerWidth, n = Math.min(Math.max(e.width, g), t - 16), r = Math.min(Math.max(8, e.left), t - n - 8);
-		C((t) => {
+		let t = window.innerWidth, n = Math.min(Math.max(e.width, v), t - 16), r = Math.min(Math.max(8, e.left), t - n - 8);
+		w((t) => {
 			let i = window.innerHeight - e.top + 8;
 			return t && t.left === r && t.bottom === i && t.width === n ? t : {
 				left: r,
@@ -33,234 +34,234 @@ function _({ everythingLabel: e, onOpenCustomize: d }) {
 			};
 		});
 	}, []);
-	if (r(() => {
-		if (!v) {
-			C(null);
+	if (i(() => {
+		if (!y) {
+			w(null);
 			return;
 		}
-		k(), window.addEventListener("resize", k), window.addEventListener("scroll", k, !0);
-		let e = typeof ResizeObserver < "u" && T.current ? new ResizeObserver(k) : null;
-		return e && T.current && e.observe(T.current), () => {
-			window.removeEventListener("resize", k), window.removeEventListener("scroll", k, !0), e?.disconnect();
+		A(), window.addEventListener("resize", A), window.addEventListener("scroll", A, !0);
+		let e = typeof ResizeObserver < "u" && E.current ? new ResizeObserver(A) : null;
+		return e && E.current && e.observe(E.current), () => {
+			window.removeEventListener("resize", A), window.removeEventListener("scroll", A, !0), e?.disconnect();
 		};
-	}, [v, k]), r(() => {
-		if (!v) return;
+	}, [y, A]), i(() => {
+		if (!y) return;
 		let e = (e) => {
 			let t = e.target;
-			!w.current?.contains(t) && !E.current?.contains(t) && O();
+			!T.current?.contains(t) && !D.current?.contains(t) && k();
 		};
 		return document.addEventListener("mousedown", e), document.addEventListener("touchstart", e), () => {
 			document.removeEventListener("mousedown", e), document.removeEventListener("touchstart", e);
 		};
-	}, [v, O]), r(() => {
-		v && D.current?.focus();
-	}, [v]), !_) return null;
-	let { activeSurfaceId: A, surfaces: j, resolvedSurfaceId: M, setSurfaceId: N, canSimulate: P, simulation: F, startSimulation: I, stopSimulation: L, simulatableRoles: R, simulatableRolesLoading: z, loadSimulatableRoles: B, customViews: V, canManageViews: H } = _, U = te(_, e), W = b.trim().toLowerCase(), G = W ? U.filter((e) => e.label.toLowerCase().includes(W)) : U, K = W ? V.filter((e) => e.name.toLowerCase().includes(W)) : V, q = W ? R.filter((e) => e.name.toLowerCase().includes(W)) : R, J = F ? F.roleName : U.find((e) => e.id === A)?.label ?? j.find((e) => e.id === A)?.label ?? V.find((e) => e.id === A)?.name ?? e, Y = () => {
-		if (v) {
-			O();
+	}, [y, k]), i(() => {
+		y && O.current?.focus();
+	}, [y]), !f) return null;
+	let { activeSurfaceId: j, surfaces: te, resolvedSurfaceId: M, setSurfaceId: N, canSimulate: P, simulation: F, startSimulation: I, stopSimulation: L, simulatableRoles: R, simulatableRolesLoading: z, loadSimulatableRoles: B, customViews: V, canManageViews: H } = f, U = ee(f, e), W = x.trim().toLowerCase(), G = W ? U.filter((e) => e.label.toLowerCase().includes(W)) : U, K = W ? V.filter((e) => e.name.toLowerCase().includes(W)) : V, q = W ? R.filter((e) => e.name.toLowerCase().includes(W)) : R, J = F ? F.roleName : U.find((e) => e.id === j)?.label ?? te.find((e) => e.id === j)?.label ?? V.find((e) => e.id === j)?.name ?? e, Y = () => {
+		if (y) {
+			k();
 			return;
 		}
-		P && B(), y(!0);
+		P && B(), b(!0);
 	}, X = (e) => {
-		e.key === "Escape" && v && (e.preventDefault(), e.stopPropagation(), O());
+		e.key === "Escape" && y && (e.preventDefault(), e.stopPropagation(), k());
 	}, Z = (e) => {
-		F && L(), N(e === M ? null : e), O();
+		F && L(), N(e === M ? null : e), k();
 	}, Q = "flex w-full min-h-9 items-center gap-2 rounded-button px-2.5 py-1.5 text-left text-body-sm text-text-primary hover:bg-bg-sunken transition-colors", $ = "px-2.5 pb-1 pt-2.5 text-[11px] font-medium uppercase tracking-wider text-text-muted";
-	return /* @__PURE__ */ m("div", {
-		ref: w,
+	return /* @__PURE__ */ g("div", {
+		ref: T,
 		className: "relative min-w-0 flex-1",
 		onKeyDown: X,
-		children: [v && S && typeof document < "u" && h(/* @__PURE__ */ m("div", {
-			ref: E,
+		children: [y && C && typeof document < "u" && _(/* @__PURE__ */ g("div", {
+			ref: D,
 			style: {
-				left: S.left,
-				bottom: S.bottom,
-				width: S.width
+				left: C.left,
+				bottom: C.bottom,
+				width: C.width
 			},
 			className: "fixed z-[130] flex max-h-80 flex-col overflow-hidden rounded-card border border-border-subtle bg-bg-canvas shadow-lg",
 			role: "listbox",
 			"data-testid": "persona-view-panel",
 			onKeyDown: X,
-			children: [/* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ g("div", {
 				className: "flex items-center gap-2 border-b border-border-subtle px-2.5 py-2",
-				children: [/* @__PURE__ */ p(u, { className: "size-4 flex-shrink-0 text-text-muted" }), /* @__PURE__ */ p("input", {
-					ref: D,
-					value: b,
-					onChange: (e) => x(e.target.value),
+				children: [/* @__PURE__ */ h(d, { className: "size-4 flex-shrink-0 text-text-muted" }), /* @__PURE__ */ h("input", {
+					ref: O,
+					value: x,
+					onChange: (e) => S(e.target.value),
 					placeholder: "Search views & roles",
 					className: "w-full bg-transparent text-body-sm text-text-primary outline-none placeholder:text-text-muted",
 					"data-testid": "persona-view-search"
 				})]
-			}), /* @__PURE__ */ m("div", {
+			}), /* @__PURE__ */ g("div", {
 				className: "overflow-y-auto py-1",
 				children: [
-					G.length > 0 && /* @__PURE__ */ p("p", {
+					G.length > 0 && /* @__PURE__ */ h("p", {
 						className: $,
 						children: "Views"
 					}),
 					G.map((e) => {
-						let t = !F && e.id === A;
-						return /* @__PURE__ */ m("button", {
+						let t = !F && e.id === j;
+						return /* @__PURE__ */ g("button", {
 							type: "button",
 							onClick: () => Z(e.id),
 							className: Q,
 							"data-testid": `persona-view-${e.id}`,
 							children: [
-								/* @__PURE__ */ p(o, { className: `size-4 flex-shrink-0 ${t ? "text-text-primary" : "invisible"}` }),
-								/* @__PURE__ */ p("span", {
+								/* @__PURE__ */ h(s, { className: `size-4 flex-shrink-0 ${t ? "text-text-primary" : "invisible"}` }),
+								/* @__PURE__ */ h("span", {
 									className: "truncate",
 									children: e.label
 								}),
-								e.isResolved && /* @__PURE__ */ p("span", {
+								e.isResolved && /* @__PURE__ */ h("span", {
 									className: "ml-auto flex-shrink-0 rounded-full bg-bg-sunken px-2 py-0.5 text-[11px] text-text-secondary",
 									children: "Your role"
 								})
 							]
 						}, e.id);
 					}),
-					(K.length > 0 || H && !W) && /* @__PURE__ */ m(f, { children: [
-						/* @__PURE__ */ p("p", {
+					(K.length > 0 || H && !W) && /* @__PURE__ */ g(m, { children: [
+						/* @__PURE__ */ h("p", {
 							className: $,
 							children: "My views"
 						}),
 						K.map((e) => {
-							let t = !F && e.id === A;
-							return /* @__PURE__ */ m("button", {
+							let t = !F && e.id === j;
+							return /* @__PURE__ */ g("button", {
 								type: "button",
 								onClick: () => Z(e.id),
 								className: Q,
 								"data-testid": `persona-view-${e.id}`,
-								children: [/* @__PURE__ */ p(o, { className: `size-4 flex-shrink-0 ${t ? "text-text-primary" : "invisible"}` }), /* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ h(s, { className: `size-4 flex-shrink-0 ${t ? "text-text-primary" : "invisible"}` }), /* @__PURE__ */ h("span", {
 									className: "truncate",
 									children: e.name
 								})]
 							}, e.id);
 						}),
-						H && !W && /* @__PURE__ */ m("button", {
+						H && !W && /* @__PURE__ */ g("button", {
 							type: "button",
 							onClick: () => {
-								O(), d();
+								k(), n();
 							},
 							className: `${Q} text-text-secondary`,
 							"data-testid": "persona-view-create",
-							children: [/* @__PURE__ */ p(l, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ p("span", { children: "New view from current…" })]
+							children: [/* @__PURE__ */ h(u, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ h("span", { children: "New view from current…" })]
 						})
 					] }),
-					P && /* @__PURE__ */ m(f, { children: [
-						/* @__PURE__ */ p("p", {
+					P && /* @__PURE__ */ g(m, { children: [
+						/* @__PURE__ */ h("p", {
 							className: $,
 							children: "Preview a role"
 						}),
-						F && /* @__PURE__ */ m("button", {
+						F && /* @__PURE__ */ g("button", {
 							type: "button",
 							onClick: () => {
-								L(), O();
+								L(), k();
 							},
 							className: `${Q} text-status-warning-text`,
 							"data-testid": "persona-view-exit-preview",
-							children: [/* @__PURE__ */ p(ee, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ p("span", { children: "Exit preview" })]
+							children: [/* @__PURE__ */ h(p, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ h("span", { children: "Exit preview" })]
 						}),
-						z && /* @__PURE__ */ p("p", {
+						z && /* @__PURE__ */ h("p", {
 							className: "px-2.5 py-1.5 text-body-sm text-text-muted",
 							children: "Loading roles…"
 						}),
 						q.map((e) => {
 							let t = F?.roleId === e.id;
-							return /* @__PURE__ */ m("button", {
+							return /* @__PURE__ */ g("button", {
 								type: "button",
 								onClick: () => {
-									I(e), O();
+									I(e), k();
 								},
 								className: Q,
 								"data-testid": `persona-preview-${e.id}`,
 								children: [
-									/* @__PURE__ */ p(c, { className: `size-4 flex-shrink-0 ${t ? "text-status-warning-text" : "text-text-muted"}` }),
-									/* @__PURE__ */ p("span", {
+									/* @__PURE__ */ h(l, { className: `size-4 flex-shrink-0 ${t ? "text-status-warning-text" : "text-text-muted"}` }),
+									/* @__PURE__ */ h("span", {
 										className: "truncate",
 										children: e.name
 									}),
-									t && /* @__PURE__ */ p(o, { className: "ml-auto size-4 flex-shrink-0" })
+									t && /* @__PURE__ */ h(s, { className: "ml-auto size-4 flex-shrink-0" })
 								]
 							}, e.id);
 						}),
-						!z && q.length === 0 && W && /* @__PURE__ */ p("p", {
+						!z && q.length === 0 && W && /* @__PURE__ */ h("p", {
 							className: "px-2.5 py-1.5 text-body-sm text-text-muted",
 							children: "No matching roles"
 						})
 					] }),
-					G.length === 0 && (!P || q.length === 0) && W && /* @__PURE__ */ p("p", {
+					G.length === 0 && (!P || q.length === 0) && W && /* @__PURE__ */ h("p", {
 						className: "px-2.5 py-1.5 text-body-sm text-text-muted",
 						children: "No matches"
 					})
 				]
 			})]
-		}), document.body), /* @__PURE__ */ m("button", {
-			ref: T,
+		}), document.body), /* @__PURE__ */ g("button", {
+			ref: E,
 			type: "button",
 			onClick: Y,
-			"aria-expanded": v,
+			"aria-expanded": y,
 			"aria-haspopup": "listbox",
 			className: `flex w-full min-h-9 items-center gap-2 rounded-button border px-2.5 py-1.5 text-body-sm transition-colors ${F ? "border-status-warning-text/40 bg-status-warning-bg-subtle text-text-primary" : "border-border-subtle bg-bg-canvas text-text-primary hover:bg-bg-sunken"}`,
 			"data-testid": "persona-view-trigger",
 			children: [
-				F ? /* @__PURE__ */ p(c, { className: "size-4 flex-shrink-0 text-status-warning-text" }) : /* @__PURE__ */ p(o, { className: "size-4 flex-shrink-0 text-text-muted" }),
-				/* @__PURE__ */ p("span", {
+				F ? /* @__PURE__ */ h(l, { className: "size-4 flex-shrink-0 text-status-warning-text" }) : /* @__PURE__ */ h(s, { className: "size-4 flex-shrink-0 text-text-muted" }),
+				/* @__PURE__ */ h("span", {
 					className: "min-w-0 flex-1 truncate text-left",
 					children: F ? `Preview: ${J}` : J
 				}),
-				/* @__PURE__ */ p(s, { className: "size-4 flex-shrink-0 text-text-muted" })
+				/* @__PURE__ */ h(c, { className: "size-4 flex-shrink-0 text-text-muted" })
 			]
 		})]
 	});
 }
-function v({ everythingLabel: n = "Everything", customizeLabel: r = "Customize menu" }) {
-	let i = t(), { sidebarCollapsed: a, toggleSidebar: o } = e();
-	if (!i) return null;
-	let { setCustomizeOpen: s } = i, c = () => {
-		typeof window < "u" && window.innerWidth < 768 && !a && o(), s(!0);
-	}, l = /* @__PURE__ */ p("button", {
+function b({ everythingLabel: r, customizeLabel: i }) {
+	let a = t(), { sidebarCollapsed: o, toggleSidebar: s } = e(), c = n(), l = r ?? c("nav.everything", "Everything"), u = i ?? c("nav.customizeMenu", "Customize menu");
+	if (!a) return null;
+	let { setCustomizeOpen: d } = a, p = () => {
+		typeof window < "u" && window.innerWidth < 768 && !o && s(), d(!0);
+	}, m = /* @__PURE__ */ h("button", {
 		type: "button",
-		onClick: c,
+		onClick: p,
 		className: "p-2 rounded-button text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors flex-shrink-0",
-		"aria-label": r,
-		title: r,
+		"aria-label": u,
+		title: u,
 		"data-testid": "persona-customize-trigger",
-		children: /* @__PURE__ */ p(d, { className: "size-4" })
+		children: /* @__PURE__ */ h(f, { className: "size-4" })
 	});
-	return a ? /* @__PURE__ */ p("div", {
+	return o ? /* @__PURE__ */ h("div", {
 		className: "hidden md:flex justify-center",
 		"data-testid": "persona-controls-collapsed",
-		children: l
-	}) : /* @__PURE__ */ m("div", {
+		children: m
+	}) : /* @__PURE__ */ g("div", {
 		className: "flex items-center gap-1",
 		"data-testid": "persona-controls",
-		children: [/* @__PURE__ */ p(_, {
-			everythingLabel: n,
-			onOpenCustomize: c
-		}), l]
+		children: [/* @__PURE__ */ h(y, {
+			everythingLabel: l,
+			onOpenCustomize: p
+		}), m]
 	});
 }
-function y() {
+function x() {
 	let e = t();
-	return e?.simulation ? /* @__PURE__ */ m("div", {
+	return e?.simulation ? /* @__PURE__ */ g("div", {
 		className: "fixed bottom-4 left-1/2 z-[120] -translate-x-1/2 flex max-w-[calc(100vw-2rem)] items-center gap-2 rounded-full border border-border-subtle bg-bg-canvas px-4 py-2 shadow-lg",
 		style: { marginBottom: "env(safe-area-inset-bottom)" },
 		role: "status",
 		"data-testid": "persona-simulation-pill",
 		children: [
-			/* @__PURE__ */ p(c, { className: "size-4 flex-shrink-0 text-status-warning-text" }),
-			/* @__PURE__ */ m("span", {
+			/* @__PURE__ */ h(l, { className: "size-4 flex-shrink-0 text-status-warning-text" }),
+			/* @__PURE__ */ g("span", {
 				className: "truncate text-body-sm text-text-primary",
 				children: [
 					"Viewing as ",
-					/* @__PURE__ */ p("span", {
+					/* @__PURE__ */ h("span", {
 						className: "font-semibold",
 						children: e.simulation.roleName
 					}),
 					" (simulated)"
 				]
 			}),
-			/* @__PURE__ */ p("button", {
+			/* @__PURE__ */ h("button", {
 				type: "button",
 				onClick: e.stopSimulation,
 				className: "rounded-full px-2 py-0.5 text-body-sm font-medium text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors",
@@ -271,4 +272,4 @@ function y() {
 	}) : null;
 }
 //#endregion
-export { y as PersonaSimulationPill, v as PersonaSurfaceControls };
+export { x as PersonaSimulationPill, b as PersonaSurfaceControls };

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

@@ -1 +1 @@
-{"version":3,"file":"ProductSideNav.d.ts","sourceRoot":"","sources":["../../src/chrome/ProductSideNav.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAgBpD,MAAM,WAAW,mBAAmB;IAClC,mFAAmF;IACnF,IAAI,EAAE,SAAS,CAAC;IAChB,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,+BAA+B;IAC/B,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,0DAA0D;IAC1D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAiC,EACjC,aAA0B,GAC3B,EAAE,mBAAmB,2CAiHrB"}
+{"version":3,"file":"ProductSideNav.d.ts","sourceRoot":"","sources":["../../src/chrome/ProductSideNav.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAgBpD,MAAM,WAAW,mBAAmB;IAClC,mFAAmF;IACnF,IAAI,EAAE,SAAS,CAAC;IAChB,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,+BAA+B;IAC/B,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,0DAA0D;IAC1D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa,GACd,EAAE,mBAAmB,2CAoHrB"}

package/dist/chrome/ProductSideNav.js

@@ -3,87 +3,88 @@ import { hasMatchingPermission as t, useSafePermissions as n } from "../shared/p
 import { useShellUi as r } from "../shared/providers/shell/ShellUiProvider.js";
 import { useSafePersonaSurface as i } from "../shared/providers/shell/PersonaSurfaceProvider.js";
 import { appendContextToPath as a, useCurrentContextSearchParams as o } from "../shared/hooks/useCurrentContextSearchParams.js";
-import { applyNavVisibility as s } from "./sideNavigation/navVisibility.js";
-import { SideNavigation as c } from "./SideNavigation.js";
-import { NavCustomizeDialog as l } from "./NavCustomizeDialog.js";
-import { PersonaSimulationPill as u, PersonaSurfaceControls as d } from "./PersonaSurfaceControls.js";
-import { useMemo as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { useLocation as g, useNavigate as _ } from "react-router";
+import { useShellLabel as s } from "../shared/providers/shell/useShellLabel.js";
+import { applyNavVisibility as c } from "./sideNavigation/navVisibility.js";
+import { SideNavigation as l } from "./SideNavigation.js";
+import { NavCustomizeDialog as u } from "./NavCustomizeDialog.js";
+import { PersonaSimulationPill as d, PersonaSurfaceControls as f } from "./PersonaSurfaceControls.js";
+import { useMemo as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useLocation as _, useNavigate as v } from "react-router";
 //#region src/chrome/ProductSideNav.tsx
-function v({ logo: v, appName: y, groupOrder: b, groupLabels: x, mobileActions: S, customHeader: C, homeAriaLabel: w = "Go to dashboard", collapseLabel: T = "Collapse" }) {
-	let E = _(), D = g(), { sidebarCollapsed: O, toggleSidebar: k } = r(), A = o(), j = e((e) => e.items), M = n(), N = i(), P = N?.simulation ?? null, F = M?.hasPermission, I = !!M && !M.isLoading && !M.error, L = f(() => {
-		if (P) {
-			let e = P.permissionStrings;
+function y({ logo: y, appName: b, groupOrder: x, groupLabels: S, mobileActions: C, customHeader: w, homeAriaLabel: T, collapseLabel: E }) {
+	let D = s(), O = T ?? D("nav.goToDashboard", "Go to dashboard"), k = E ?? D("nav.collapse", "Collapse"), A = v(), j = _(), { sidebarCollapsed: M, toggleSidebar: N } = r(), P = o(), F = e((e) => e.items), I = n(), L = i(), R = L?.simulation ?? null, z = I?.hasPermission, B = !!I && !I.isLoading && !I.error, V = p(() => {
+		if (R) {
+			let e = R.permissionStrings;
 			return (n) => t(e, n);
 		}
-		if (I && F) return F;
+		if (B && z) return z;
 	}, [
-		P,
-		I,
-		F
-	]), R = N?.activeSurface ?? null, z = N?.overrides, B = f(() => {
-		let { items: e } = s(j.filter((e) => e.visible !== !1).sort((e, t) => (e.order ?? 999) - (t.order ?? 999)), {
-			hasPermission: L,
-			surfaceVisibleItems: R ? R.visibleItems : null,
-			labelOverrides: R?.labelOverrides,
-			overrides: P ? {} : z
+		R,
+		B,
+		z
+	]), H = L?.activeSurface ?? null, U = L?.overrides, W = p(() => {
+		let { items: e } = c(F.filter((e) => e.visible !== !1).sort((e, t) => (e.order ?? 999) - (t.order ?? 999)), {
+			hasPermission: V,
+			surfaceVisibleItems: H ? H.visibleItems : null,
+			labelOverrides: H?.labelOverrides,
+			overrides: R ? {} : U
 		});
 		return e;
 	}, [
-		j,
-		L,
-		R,
-		z,
-		P
-	]), V = (e) => {
-		E(a(e, A));
-	}, H = () => {
-		E(a("/", A));
-	}, U = /* @__PURE__ */ h("div", {
+		F,
+		V,
+		H,
+		U,
+		R
+	]), G = (e) => {
+		A(a(e, P));
+	}, K = () => {
+		A(a("/", P));
+	}, q = /* @__PURE__ */ g("div", {
 		className: "flex items-center gap-icon-gap cursor-pointer",
-		onClick: H,
+		onClick: K,
 		role: "button",
 		tabIndex: 0,
 		onKeyDown: (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), H());
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), K());
 		},
-		"aria-label": w,
-		children: [typeof v == "string" ? /* @__PURE__ */ m("div", {
+		"aria-label": O,
+		children: [typeof y == "string" ? /* @__PURE__ */ h("div", {
 			className: "size-8 bg-action-primary-bg rounded-md flex items-center justify-center flex-shrink-0",
-			children: /* @__PURE__ */ m("span", {
+			children: /* @__PURE__ */ h("span", {
 				className: "text-action-primary-text font-bold text-sm",
-				children: v
+				children: y
 			})
-		}) : /* @__PURE__ */ m("div", {
+		}) : /* @__PURE__ */ h("div", {
 			className: "size-8 flex items-center justify-center flex-shrink-0",
-			children: v
-		}), !O && /* @__PURE__ */ m("h1", {
-			className: "text-heading-h4 font-semibold text-text-primary",
 			children: y
+		}), !M && /* @__PURE__ */ h("h1", {
+			className: "text-heading-h4 font-semibold text-text-primary",
+			children: b
 		})]
 	});
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ g("div", {
 		"data-tour": "sidenav",
 		className: "h-full",
-		children: [/* @__PURE__ */ m(c, {
-			items: B,
-			currentPath: D.pathname,
-			collapsed: O,
-			groupOrder: b,
-			groupLabels: x,
-			onItemClick: V,
-			onToggleCollapse: k,
-			collapseLabel: T,
-			mobileActions: S,
-			header: C ?? U,
-			footer: N ? /* @__PURE__ */ m(d, {}) : void 0,
-			contextSearchParams: A
-		}, N ? `${R?.id ?? "everything"}:${P?.roleId ?? ""}` : void 0), N && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(l, {
-			groupLabels: x,
-			groupOrder: b
-		}), /* @__PURE__ */ m(u, {})] })]
+		children: [/* @__PURE__ */ h(l, {
+			items: W,
+			currentPath: j.pathname,
+			collapsed: M,
+			groupOrder: x,
+			groupLabels: S,
+			onItemClick: G,
+			onToggleCollapse: N,
+			collapseLabel: k,
+			mobileActions: C,
+			header: w ?? q,
+			footer: L ? /* @__PURE__ */ h(f, {}) : void 0,
+			contextSearchParams: P
+		}, L ? `${H?.id ?? "everything"}:${R?.roleId ?? ""}` : void 0), L && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(u, {
+			groupLabels: S,
+			groupOrder: x
+		}), /* @__PURE__ */ h(d, {})] })]
 	});
 }
 //#endregion
-export { v as ProductSideNav };
+export { y as ProductSideNav };

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

@@ -1 +1 @@
-{"version":3,"file":"ProductSwitcher.d.ts","sourceRoot":"","sources":["../../src/chrome/ProductSwitcher.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAUhC,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,CAAC,EAAE;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GAAG,MAAM,GAAG,SAAS,CAKrB;AA0CD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,EACzF,QAAQ,EAAE,CAAC,EAAE,EACb,KAAK,EAAE,MAAM,GACZ,CAAC,EAAE,CASL;AAED;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,OAAO,EAAE,EACnB,gBAAgB,CAAC,EAAE,MAAM,GACxB,OAAO,GAAG,SAAS,CAOrB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA6MpD,CAAC"}
+{"version":3,"file":"ProductSwitcher.d.ts","sourceRoot":"","sources":["../../src/chrome/ProductSwitcher.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAWhC,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,CAAC,EAAE;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GAAG,MAAM,GAAG,SAAS,CAKrB;AA0CD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,EACzF,QAAQ,EAAE,CAAC,EAAE,EACb,KAAK,EAAE,MAAM,GACZ,CAAC,EAAE,CASL;AAED;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,OAAO,EAAE,EACnB,gBAAgB,CAAC,EAAE,MAAM,GACxB,OAAO,GAAG,SAAS,CAOrB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAgNpD,CAAC"}