@burdenoff/fe-libs 2026.1027.3 → 2026.1027.5

package/dist/chrome/MobileTabBar.d.ts

@@ -1,7 +1,14 @@
+import { ReactNode } from 'react';
 import { MobileActionItem } from './HeaderBar';
 export interface MobileTabBarProps {
-    /** Product name — used for the tab bar's accessible label. */
+    /** Product name — used for the tab bar's accessible label and, with `logo`, the More sheet's brand header. */
     appName: string;
+    /**
+     * Brand mark shown with `appName` at the top of the More sheet (same
+     * `logo` prop shape as `ProductSideNav`: a short string or an SVG/img
+     * node). Omit to keep the sheet's plain "More" title.
+     */
+    logo?: ReactNode;
     /** Nav group ordering for the More sheet (same as ProductSideNav). */
     groupOrder?: string[];
     /** Nav group display labels for the More sheet (same as ProductSideNav). */
@@ -20,6 +27,6 @@ export interface MobileTabBarProps {
     hideWhenKeyboardOpen?: boolean;
     className?: string;
 }
-export declare function MobileTabBar({ appName, groupOrder, groupLabels, maxTabs, moreLabel, mobileActions, hideWhenKeyboardOpen, className, }: MobileTabBarProps): import('react/jsx-runtime').JSX.Element;
+export declare function MobileTabBar({ appName, logo, groupOrder, groupLabels, maxTabs, moreLabel, mobileActions, hideWhenKeyboardOpen, className, }: MobileTabBarProps): import('react/jsx-runtime').JSX.Element;
 export { useMobileTabBarVisible } from './mobileTabBar/useMobileTabBarVisible';
 export { selectMobileTabs } from './mobileTabBar/selectTabs';

package/dist/chrome/MobileTabBar.js

@@ -39,14 +39,14 @@ function D(e, t, n) {
 		items: r.get(e) ?? []
 	}));
 }
-function O({ appName: a, groupOrder: O = [], groupLabels: A = {}, maxTabs: j = 4, moreLabel: M, mobileActions: N, hideWhenKeyboardOpen: P = !0, className: F }) {
-	let I = o(), L = M ?? I("nav.more", "More"), R = w(), z = C(), B = c(), { items: V } = l(), [H, U] = v(!1), W = _(null), { tabs: G, more: K, hasMore: q } = g(() => f(V, j), [V, j]), J = g(() => D(K, O, A), [
-		K,
-		O,
-		A
-	]), Y = !!N && N.length > 0, X = q || Y;
+function O({ appName: a, logo: O, groupOrder: A = [], groupLabels: j = {}, maxTabs: M = 4, moreLabel: N, mobileActions: P, hideWhenKeyboardOpen: F = !0, className: I }) {
+	let L = o(), R = N ?? L("nav.more", "More"), z = w(), B = C(), V = c(), { items: H } = l(), [U, W] = v(!1), G = _(null), { tabs: K, more: q, hasMore: J } = g(() => f(H, M), [H, M]), Y = g(() => D(q, A, j), [
+		q,
+		A,
+		j
+	]), X = !!P && P.length > 0, Z = J || X;
 	h(() => {
-		let e = W.current;
+		let e = G.current;
 		if (!e || typeof window > "u") return;
 		let t = document.documentElement, n = () => t.style.setProperty(T, `${e.offsetHeight}px`);
 		n();
@@ -55,25 +55,25 @@ function O({ appName: a, groupOrder: O = [], groupLabels: A = {}, maxTabs: j = 4
 			r?.disconnect(), t.style.removeProperty(T);
 		};
 	}, []), m(() => {
-		U(!1);
-	}, [z.pathname]);
-	let Z = p((e) => {
-		E(), R(s(e, B));
-	}, [R, B]), Q = g(() => !!q && K.some((e) => u(e, z.pathname)), [
+		W(!1);
+	}, [B.pathname]);
+	let Q = p((e) => {
+		E(), z(s(e, V));
+	}, [z, V]), $ = g(() => !!J && q.some((e) => u(e, B.pathname)), [
+		J,
 		q,
-		K,
-		z.pathname
+		B.pathname
 	]);
 	return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("nav", {
-		ref: W,
+		ref: G,
 		role: "tablist",
-		"aria-label": I("nav.primaryNavigation", `${a} navigation`),
+		"aria-label": L("nav.primaryNavigation", `${a} navigation`),
 		"data-mobile-tabbar": "",
 		"data-shell-chrome": "",
-		"data-keyboard-keep": P ? void 0 : "",
-		className: e("fixed inset-x-0 bottom-0 z-[60] flex items-stretch", "bg-bg-surface text-text-primary", F),
-		children: [G.map((t) => {
-			let n = u(t, z.pathname);
+		"data-keyboard-keep": F ? void 0 : "",
+		className: e("fixed inset-x-0 bottom-0 z-[60] flex items-stretch", "bg-bg-surface text-text-primary", I),
+		children: [K.map((t) => {
+			let n = u(t, B.pathname);
 			return /* @__PURE__ */ S("button", {
 				type: "button",
 				role: "tab",
@@ -83,7 +83,7 @@ function O({ appName: a, groupOrder: O = [], groupLabels: A = {}, maxTabs: j = 4
 				"data-mobile-tab": t.id,
 				className: e("mobile-tab relative flex min-w-0 flex-1 flex-col items-center justify-center gap-0.5", "text-text-muted transition-colors duration-150", n && "text-text-link"),
 				onClick: () => {
-					n && !t.children?.length || Z(d(t));
+					n && !t.children?.length || Q(d(t));
 				},
 				children: [/* @__PURE__ */ S("span", {
 					className: "mobile-tab__icon relative inline-flex items-center justify-center",
@@ -97,18 +97,18 @@ function O({ appName: a, groupOrder: O = [], groupLabels: A = {}, maxTabs: j = 4
 					children: t.label
 				})]
 			}, t.id);
-		}), X ? /* @__PURE__ */ S("button", {
+		}), Z ? /* @__PURE__ */ S("button", {
 			type: "button",
 			role: "tab",
-			"aria-selected": Q,
+			"aria-selected": $,
 			"aria-haspopup": "dialog",
-			"aria-expanded": H,
-			"aria-label": L,
-			"data-active": Q ? "" : void 0,
+			"aria-expanded": U,
+			"aria-label": R,
+			"data-active": $ ? "" : void 0,
 			"data-mobile-tab": "__more",
-			className: e("mobile-tab relative flex min-w-0 flex-1 flex-col items-center justify-center gap-0.5", "text-text-muted transition-colors duration-150", Q && "text-text-link"),
+			className: e("mobile-tab relative flex min-w-0 flex-1 flex-col items-center justify-center gap-0.5", "text-text-muted transition-colors duration-150", $ && "text-text-link"),
 			onClick: () => {
-				E(), U(!0);
+				E(), W(!0);
 			},
 			children: [/* @__PURE__ */ x("span", {
 				className: "mobile-tab__icon inline-flex items-center justify-center",
@@ -116,19 +116,28 @@ function O({ appName: a, groupOrder: O = [], groupLabels: A = {}, maxTabs: j = 4
 				children: /* @__PURE__ */ x(y, {})
 			}), /* @__PURE__ */ x("span", {
 				className: "mobile-tab__label max-w-full truncate",
-				children: L
+				children: R
 			})]
 		}) : null]
-	}), X ? /* @__PURE__ */ x(t, {
-		open: H,
-		onOpenChange: U,
+	}), Z ? /* @__PURE__ */ x(t, {
+		open: U,
+		onOpenChange: W,
 		children: /* @__PURE__ */ S(n, {
-			"aria-label": L,
+			"aria-label": R,
 			"data-swipe-ignore": "",
-			children: [/* @__PURE__ */ x(r, { children: /* @__PURE__ */ x(i, { children: L }) }), /* @__PURE__ */ S("div", {
+			children: [/* @__PURE__ */ S(r, { children: [O ? /* @__PURE__ */ S("div", {
+				className: "mb-1 flex items-center gap-2",
+				children: [/* @__PURE__ */ x("div", {
+					className: "flex size-8 flex-shrink-0 items-center justify-center",
+					children: O
+				}), /* @__PURE__ */ x("span", {
+					className: "text-heading-h4 font-semibold text-text-primary",
+					children: a
+				})]
+			}) : null, /* @__PURE__ */ x(i, { children: R })] }), /* @__PURE__ */ S("div", {
 				className: "flex flex-col gap-4 pb-2",
 				"data-mobile-tabbar-more": "",
-				children: [J.map((e) => /* @__PURE__ */ S("section", {
+				children: [Y.map((e) => /* @__PURE__ */ S("section", {
 					"aria-label": e.label ?? void 0,
 					children: [e.label ? /* @__PURE__ */ x("p", {
 						className: "mb-1 px-1 text-[11px] font-medium uppercase tracking-wider text-text-muted",
@@ -136,29 +145,29 @@ function O({ appName: a, groupOrder: O = [], groupLabels: A = {}, maxTabs: j = 4
 					}) : null, /* @__PURE__ */ x("ul", {
 						className: "flex flex-col",
 						children: e.items.map((e) => {
-							let t = u(e, z.pathname);
+							let t = u(e, B.pathname);
 							return /* @__PURE__ */ x("li", { children: /* @__PURE__ */ x(k, {
 								icon: e.icon,
 								label: e.label,
 								badge: e.badge,
 								active: t,
-								onSelect: () => Z(d(e))
+								onSelect: () => Q(d(e))
 							}) }, e.id);
 						})
 					})]
-				}, e.key || "__ungrouped")), Y ? /* @__PURE__ */ S("section", {
-					"aria-label": I("appShell.quickActions", "Quick Actions"),
+				}, e.key || "__ungrouped")), X ? /* @__PURE__ */ S("section", {
+					"aria-label": L("appShell.quickActions", "Quick Actions"),
 					children: [/* @__PURE__ */ x("p", {
 						className: "mb-1 px-1 text-[11px] font-medium uppercase tracking-wider text-text-muted",
-						children: I("appShell.quickActions", "Quick Actions")
+						children: L("appShell.quickActions", "Quick Actions")
 					}), /* @__PURE__ */ x("ul", {
 						className: "flex flex-col",
-						children: N?.map((e) => /* @__PURE__ */ x("li", { children: /* @__PURE__ */ x(k, {
+						children: P?.map((e) => /* @__PURE__ */ x("li", { children: /* @__PURE__ */ x(k, {
 							icon: e.icon,
 							label: e.label,
 							active: !!e.isToggle && !!e.isActive,
 							onSelect: () => {
-								E(), e.onClick(), U(!1);
+								E(), e.onClick(), W(!1);
 							}
 						}) }, e.id))
 					})]

package/dist/chrome/ProfileSwitcher.js

@@ -1,59 +1,60 @@
-import { useShellLabel as e } from "../shared/providers/shell/useShellLabel.js";
-import { Sheet as t, SheetContent as n, SheetHeader as r, SheetTitle as i } from "../ui/sheet.js";
-import { useAssistantControl as a } from "../shared/assistant/appControls/useAssistantControl.js";
-import { useIsMobile as o } from "./contextSwitcher/useIsMobile.js";
-import { useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { isInstalledApp as e } from "../shared/native/platform.js";
+import { useShellLabel as t } from "../shared/providers/shell/useShellLabel.js";
+import { Sheet as n, SheetContent as r, SheetHeader as i, SheetTitle as a } from "../ui/sheet.js";
+import { useAssistantControl as o } from "../shared/assistant/appControls/useAssistantControl.js";
+import { useIsMobile as s } from "./contextSwitcher/useIsMobile.js";
+import { useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/chrome/ProfileSwitcher.tsx
-var m = ({ user: m, accounts: h = [], activeAccountId: g, onViewProfile: _, onLogout: v, onSwitchAccount: y, onAddAccount: b, onRemoveAccount: x, compact: S = !1 }) => {
-	let [C, w] = u(!1), T = l(null), E = e(), D = o(), O = l(v);
-	O.current = v;
-	let k = v !== void 0;
-	if (a("account.logout", c(() => k ? { run: () => {
-		let e = O.current;
+var h = ({ user: h, accounts: g = [], activeAccountId: _, onViewProfile: v, onLogout: y, onSwitchAccount: b, onAddAccount: x, onRemoveAccount: S, compact: C = !1 }) => {
+	let [w, T] = d(!1), E = u(null), D = t(), O = s() && e(), k = u(y);
+	k.current = y;
+	let A = y !== void 0;
+	if (o("account.logout", l(() => A ? { run: () => {
+		let e = k.current;
 		return e ? (e(), { status: "done" }) : { status: "failed" };
-	} } : null, [k])), s(() => {
-		if (D) return;
+	} } : null, [A])), c(() => {
+		if (O) return;
 		let e = (e) => {
-			T.current && !T.current.contains(e.target) && w(!1);
+			E.current && !E.current.contains(e.target) && T(!1);
 		};
-		if (C) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [C, D]), !m) return null;
-	let A = `${m.firstName.charAt(0)}${m.lastName.charAt(0)}`.toUpperCase(), j = h.length > 1, M = h.find((e) => e.id === g), N = h.filter((e) => e.id !== g), P = /* @__PURE__ */ p("button", {
-		onClick: () => w(!C),
-		className: `flex items-center gap-2 p-2 rounded-button hover:bg-bg-sunken transition-colors ${C ? "bg-bg-sunken" : ""}`,
-		"aria-label": E("appShell.userMenu", "User menu"),
-		"aria-expanded": C,
+		if (w) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [w, O]), !h) return null;
+	let j = `${h.firstName.charAt(0)}${h.lastName.charAt(0)}`.toUpperCase(), M = g.length > 1, N = g.find((e) => e.id === _), P = g.filter((e) => e.id !== _), F = /* @__PURE__ */ m("button", {
+		onClick: () => T(!w),
+		className: `flex items-center gap-2 p-2 rounded-button hover:bg-bg-sunken transition-colors ${w ? "bg-bg-sunken" : ""}`,
+		"aria-label": D("appShell.userMenu", "User menu"),
+		"aria-expanded": w,
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "size-8 rounded-full bg-action-primary-bg flex items-center justify-center flex-shrink-0",
-				children: m.avatar ? /* @__PURE__ */ f("img", {
-					src: m.avatar,
-					alt: `${m.firstName} ${m.lastName}`,
+				children: h.avatar ? /* @__PURE__ */ p("img", {
+					src: h.avatar,
+					alt: `${h.firstName} ${h.lastName}`,
 					className: "w-full h-full rounded-full object-cover"
-				}) : /* @__PURE__ */ f("span", {
+				}) : /* @__PURE__ */ p("span", {
 					className: "text-action-primary-text font-semibold text-sm",
-					children: A
+					children: j
 				})
 			}),
-			!S && /* @__PURE__ */ p("span", {
+			!C && /* @__PURE__ */ m("span", {
 				className: "text-body-sm font-medium text-text-primary",
 				children: [
-					m.firstName,
+					h.firstName,
 					" ",
-					m.lastName
+					h.lastName
 				]
 			}),
-			!S && j && /* @__PURE__ */ f("span", {
+			!C && M && /* @__PURE__ */ p("span", {
 				className: "text-xs bg-action-primary-bg text-action-primary-text rounded-full size-5 flex items-center justify-center font-semibold",
-				children: h.length
+				children: g.length
 			}),
-			!S && /* @__PURE__ */ f("svg", {
-				className: `w-4 h-4 text-text-secondary transition-transform ${C ? "rotate-180" : ""}`,
+			!C && /* @__PURE__ */ p("svg", {
+				className: `w-4 h-4 text-text-secondary transition-transform ${w ? "rotate-180" : ""}`,
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ f("path", {
+				children: /* @__PURE__ */ p("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 2,
@@ -61,113 +62,113 @@ var m = ({ user: m, accounts: h = [], activeAccountId: g, onViewProfile: _, onLo
 				})
 			})
 		]
-	}), F = () => /* @__PURE__ */ p(d, { children: [
-		!j && /* @__PURE__ */ p("div", {
+	}), I = () => /* @__PURE__ */ m(f, { children: [
+		!M && /* @__PURE__ */ m("div", {
 			className: "px-6 py-4 text-center border-b border-border-subtle",
 			children: [
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ p("div", {
 					className: "size-20 mx-auto mb-3 rounded-full bg-action-primary-bg flex items-center justify-center",
-					children: m.avatar ? /* @__PURE__ */ f("img", {
-						src: m.avatar,
-						alt: m.firstName,
+					children: h.avatar ? /* @__PURE__ */ p("img", {
+						src: h.avatar,
+						alt: h.firstName,
 						className: "w-full h-full rounded-full object-cover"
-					}) : /* @__PURE__ */ f("span", {
+					}) : /* @__PURE__ */ p("span", {
 						className: "text-action-primary-text font-bold text-2xl",
-						children: A
+						children: j
 					})
 				}),
-				/* @__PURE__ */ f("h3", {
+				/* @__PURE__ */ p("h3", {
 					className: "text-base font-semibold text-text-primary mb-1",
-					children: E("userMenu.greeting", "Hi, {{name}}!", { name: m.firstName })
+					children: D("userMenu.greeting", "Hi, {{name}}!", { name: h.firstName })
 				}),
-				m.email && /* @__PURE__ */ f("p", {
+				h.email && /* @__PURE__ */ p("p", {
 					className: "text-body-sm text-text-secondary truncate",
-					children: m.email
+					children: h.email
 				})
 			]
 		}),
-		j && M && /* @__PURE__ */ p("div", {
+		M && N && /* @__PURE__ */ m("div", {
 			className: "px-4 py-3 border-b border-border-subtle",
-			children: [/* @__PURE__ */ p("p", {
+			children: [/* @__PURE__ */ m("p", {
 				className: "text-body-sm font-semibold text-text-primary",
 				children: [
-					M.firstName,
+					N.firstName,
 					" ",
-					M.lastName
+					N.lastName
 				]
-			}), /* @__PURE__ */ f("p", {
+			}), /* @__PURE__ */ p("p", {
 				className: "text-xs text-text-muted mt-0.5 truncate",
-				children: M.email
+				children: N.email
 			})]
 		}),
-		_ && /* @__PURE__ */ f("div", {
+		v && /* @__PURE__ */ p("div", {
 			className: "px-4 py-2",
-			children: /* @__PURE__ */ f("button", {
+			children: /* @__PURE__ */ p("button", {
 				type: "button",
 				onClick: () => {
-					_(), w(!1);
+					v(), T(!1);
 				},
 				className: "w-full px-4 py-2.5 text-body-sm font-medium text-text-primary bg-bg-surface hover:bg-bg-sunken rounded-button border border-border-subtle transition-colors",
-				children: E("userMenu.viewProfile", "View Profile")
+				children: D("userMenu.viewProfile", "View Profile")
 			})
 		}),
-		j && N.length > 0 && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", {
+		M && P.length > 0 && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
 			className: "px-4 pt-2 pb-1",
-			children: /* @__PURE__ */ f("p", {
+			children: /* @__PURE__ */ p("p", {
 				className: "text-[11px] font-medium text-text-muted uppercase tracking-wider",
-				children: E("auth.security.switchAccount", "Switch Account")
+				children: D("auth.security.switchAccount", "Switch Account")
 			})
-		}), /* @__PURE__ */ f("div", {
-			className: `${N.length >= 3 ? "max-h-48 overflow-y-auto" : ""}`,
-			children: N.map((e) => {
+		}), /* @__PURE__ */ p("div", {
+			className: `${P.length >= 3 ? "max-h-48 overflow-y-auto" : ""}`,
+			children: P.map((e) => {
 				let t = `${e.firstName?.charAt(0) || ""}${e.lastName?.charAt(0) || ""}`.toUpperCase();
-				return /* @__PURE__ */ f("div", {
+				return /* @__PURE__ */ p("div", {
 					className: "px-4 py-2 hover:bg-bg-sunken transition-colors group",
-					children: /* @__PURE__ */ p("div", {
+					children: /* @__PURE__ */ m("div", {
 						className: "flex items-center gap-3",
 						children: [
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "size-10 rounded-full bg-action-primary-bg flex items-center justify-center flex-shrink-0",
-								children: e.avatar ? /* @__PURE__ */ f("img", {
+								children: e.avatar ? /* @__PURE__ */ p("img", {
 									src: e.avatar,
 									alt: e.name,
 									className: "w-full h-full rounded-full object-cover"
-								}) : /* @__PURE__ */ f("span", {
+								}) : /* @__PURE__ */ p("span", {
 									className: "text-action-primary-text font-semibold text-sm",
 									children: t
 								})
 							}),
-							/* @__PURE__ */ p("button", {
+							/* @__PURE__ */ m("button", {
 								type: "button",
 								onClick: () => {
-									y && (y(e), w(!1));
+									b && (b(e), T(!1));
 								},
 								className: "flex-1 text-left min-w-0",
-								children: [/* @__PURE__ */ p("p", {
+								children: [/* @__PURE__ */ m("p", {
 									className: "text-body-sm font-medium text-text-primary truncate",
 									children: [
 										e.firstName,
 										" ",
 										e.lastName
 									]
-								}), /* @__PURE__ */ f("p", {
+								}), /* @__PURE__ */ p("p", {
 									className: "text-xs text-text-muted truncate",
 									children: e.email
 								})]
 							}),
-							x && /* @__PURE__ */ f("button", {
+							S && /* @__PURE__ */ p("button", {
 								type: "button",
 								onClick: (t) => {
-									t.stopPropagation(), x(e.id);
+									t.stopPropagation(), S(e.id);
 								},
 								className: "size-6 flex items-center justify-center rounded-full hover:bg-status-error-bg-subtle text-text-muted hover:text-status-error-text transition-colors opacity-0 group-hover:opacity-100",
-								"aria-label": E("appShell.removeAccount", "Remove account"),
-								children: /* @__PURE__ */ f("svg", {
+								"aria-label": D("appShell.removeAccount", "Remove account"),
+								children: /* @__PURE__ */ p("svg", {
 									className: "size-4",
 									fill: "none",
 									stroke: "currentColor",
 									viewBox: "0 0 24 24",
-									children: /* @__PURE__ */ f("path", {
+									children: /* @__PURE__ */ p("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										strokeWidth: 2,
@@ -180,78 +181,78 @@ var m = ({ user: m, accounts: h = [], activeAccountId: g, onViewProfile: _, onLo
 				}, e.id);
 			})
 		})] }),
-		/* @__PURE__ */ f("div", {
+		/* @__PURE__ */ p("div", {
 			className: "px-4 py-3 border-t border-border-subtle",
-			children: /* @__PURE__ */ p("div", {
+			children: /* @__PURE__ */ m("div", {
 				className: "grid grid-cols-2 gap-2",
-				children: [b && /* @__PURE__ */ p("button", {
+				children: [x && /* @__PURE__ */ m("button", {
 					type: "button",
 					onClick: () => {
-						b(), w(!1);
+						x(), T(!1);
 					},
 					className: "flex items-center justify-center gap-2 px-3 py-2.5 text-body-sm font-medium text-text-primary bg-bg-surface hover:bg-bg-sunken rounded-button border border-border-subtle transition-colors",
-					children: [/* @__PURE__ */ f("svg", {
+					children: [/* @__PURE__ */ p("svg", {
 						className: "size-4",
 						fill: "none",
 						stroke: "currentColor",
 						viewBox: "0 0 24 24",
-						children: /* @__PURE__ */ f("path", {
+						children: /* @__PURE__ */ p("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
 							d: "M12 4v16m8-8H4"
 						})
-					}), /* @__PURE__ */ f("span", { children: E("auth.profileMenu.addAccount", "Add account") })]
-				}), v && /* @__PURE__ */ p("button", {
+					}), /* @__PURE__ */ p("span", { children: D("auth.profileMenu.addAccount", "Add account") })]
+				}), y && /* @__PURE__ */ m("button", {
 					type: "button",
 					onClick: () => {
-						v(), w(!1);
+						y(), T(!1);
 					},
 					className: "flex items-center justify-center gap-2 px-3 py-2.5 text-body-sm font-medium text-text-primary bg-bg-surface hover:bg-bg-sunken rounded-button border border-border-subtle transition-colors",
-					children: [/* @__PURE__ */ f("svg", {
+					children: [/* @__PURE__ */ p("svg", {
 						className: "size-4",
 						fill: "none",
 						stroke: "currentColor",
 						viewBox: "0 0 24 24",
-						children: /* @__PURE__ */ f("path", {
+						children: /* @__PURE__ */ p("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
 							d: "M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
 						})
-					}), /* @__PURE__ */ f("span", { children: E("auth.security.signOutDialogConfirm", "Sign out") })]
+					}), /* @__PURE__ */ p("span", { children: D("auth.security.signOutDialogConfirm", "Sign out") })]
 				})]
 			})
 		})
 	] });
-	return D ? /* @__PURE__ */ p("div", {
+	return O ? /* @__PURE__ */ m("div", {
 		className: "relative",
-		children: [P, /* @__PURE__ */ f(t, {
-			open: C,
-			onOpenChange: w,
-			children: /* @__PURE__ */ p(n, {
+		children: [F, /* @__PURE__ */ p(n, {
+			open: w,
+			onOpenChange: T,
+			children: /* @__PURE__ */ m(r, {
 				side: "bottom",
 				className: "h-[70vh] flex flex-col p-0",
-				children: [/* @__PURE__ */ f(r, {
+				children: [/* @__PURE__ */ p(i, {
 					className: "px-4 pt-4 pb-2 border-b border-border-subtle",
-					children: /* @__PURE__ */ f(i, {
+					children: /* @__PURE__ */ p(a, {
 						className: "text-text-primary",
-						children: E("appShell.userMenuSheetTitle", "Account")
+						children: D("appShell.userMenuSheetTitle", "Account")
 					})
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "flex-1 overflow-y-auto",
-					children: F()
+					children: I()
 				})]
 			})
 		})]
-	}) : /* @__PURE__ */ p("div", {
+	}) : /* @__PURE__ */ m("div", {
 		className: "relative",
-		ref: T,
-		children: [P, C && /* @__PURE__ */ f("div", {
+		ref: E,
+		children: [F, w && /* @__PURE__ */ p("div", {
 			className: "absolute right-0 mt-2 w-[calc(100vw-1.5rem)] sm:w-72 max-w-72 bg-bg-elevated border border-border-subtle rounded-card shadow-[var(--shadow-elevation-4)] overflow-hidden z-50 animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 duration-200",
-			children: F()
+			children: I()
 		})]
 	});
 };
 //#endregion
-export { m as ProfileSwitcher };
+export { h as ProfileSwitcher };

package/package.json

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