@burdenoff/fe-libs 2026.819.5 → 2026.823.2

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;AAI3C;;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,CA+MxC,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;AAI3C;;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,CAqNxC,CAAC"}

package/dist/chrome/HeaderBar.js

@@ -4,8 +4,10 @@ import { HeaderThemeSwitcher as t } from "./HeaderThemeSwitcher.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/chrome/HeaderBar.tsx
 var i = ({ logo: i, appName: a, onLogoClick: o, onMenuToggle: s, onSearchClick: c, searchPlaceholder: l = "Search...", searchShortcut: u = "⌘K", unreadNotifications: d = 0, onNotificationsClick: f, notificationCenter: p, colorMode: m = "light", onThemeToggle: h, user: g, onUserMenuClick: _, actions: v, contextSwitcher: y, productSwitcher: b, languageSwitcher: x, geographySwitcher: S, profileSwitcher: C, onKeyboardShortcutsClick: w, mobileOptimized: T = !0 }) => /* @__PURE__ */ r("header", {
+	"data-desktop-drag-region": "",
 	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__ */ r("div", {
+		"data-no-drag": "",
 		className: "flex items-center gap-2 md:gap-control-gap",
 		children: [s && /* @__PURE__ */ n("button", {
 			type: "button",
@@ -39,6 +41,7 @@ var i = ({ logo: i, appName: a, onLogoClick: o, onMenuToggle: s, onSearchClick:
 			}) : i
 		})]
 	}), /* @__PURE__ */ r("div", {
+		"data-no-drag": "",
 		className: "flex items-center gap-1 md:gap-control-gap",
 		children: [
 			y,

package/dist/chrome/MobileTabBar.d.ts

@@ -0,0 +1,26 @@
+import { MobileActionItem } from './HeaderBar';
+export interface MobileTabBarProps {
+    /** Product name — used for the tab bar's accessible label. */
+    appName: string;
+    /** Nav group ordering for the More sheet (same as ProductSideNav). */
+    groupOrder?: string[];
+    /** Nav group display labels for the More sheet (same as ProductSideNav). */
+    groupLabels?: Record<string, string>;
+    /** Number of tabs shown before the "More" tab. Default 4. */
+    maxTabs?: number;
+    /** Label for the "More" tab (defaults to the localized `nav.more`). */
+    moreLabel?: string;
+    /** Mobile quick actions, listed at the end of the More sheet. */
+    mobileActions?: MobileActionItem[];
+    /**
+     * Hide the bar while the on-screen keyboard is up (`body.keyboard-open`).
+     * Default true. The CSS rule does the hiding; passing false opts this
+     * instance out via `data-keyboard-keep`.
+     */
+    hideWhenKeyboardOpen?: boolean;
+    className?: string;
+}
+export declare function MobileTabBar({ appName, groupOrder, groupLabels, maxTabs, moreLabel, mobileActions, hideWhenKeyboardOpen, className, }: MobileTabBarProps): import("react/jsx-runtime").JSX.Element;
+export { useMobileTabBarVisible } from './mobileTabBar/useMobileTabBarVisible';
+export { selectMobileTabs } from './mobileTabBar/selectTabs';
+//# sourceMappingURL=MobileTabBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileTabBar.d.ts","sourceRoot":"","sources":["../../src/chrome/MobileTabBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAaH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAsBpD,MAAM,WAAW,iBAAiB;IAChC,8DAA8D;IAC9D,OAAO,EAAE,MAAM,CAAC;IAChB,sEAAsE;IACtE,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4CD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,UAAe,EACf,WAAgB,EAChB,OAAW,EACX,SAAS,EACT,aAAa,EACb,oBAA2B,EAC3B,SAAS,GACV,EAAE,iBAAiB,2CA+NnB;AA0CD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/chrome/MobileTabBar.js

@@ -0,0 +1,194 @@
+import { cn as e } from "../lib/utils.js";
+import { BottomSheet as t, BottomSheetContent as n, BottomSheetHeader as r, BottomSheetTitle as i } from "../ui/bottom-sheet.js";
+import { getNativeBridge as a } from "../shared/native/bridge.js";
+import { appendContextToPath as o, useCurrentContextSearchParams as s } from "../shared/hooks/useCurrentContextSearchParams.js";
+import { useShellLabel as c } from "../shared/providers/shell/useShellLabel.js";
+import { isItemOrChildActive as l } from "./sideNavigation/helpers.js";
+import "./sideNavigation/navVisibility.js";
+import { useVisibleNavItems as u } from "./mobileTabBar/useVisibleNavItems.js";
+import { resolveTabPath as d, selectMobileTabs as f } from "./mobileTabBar/selectTabs.js";
+import "./mobileTabBar/useMobileTabBarVisible.js";
+import { useCallback as p, useEffect as m, useLayoutEffect as h, useMemo as g, useRef as _, useState as v } from "react";
+import { MoreHorizontal as y } from "lucide-react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useLocation as C, useNavigate as w } from "react-router";
+//#region src/chrome/MobileTabBar.tsx
+var T = "--mobile-tabbar-height";
+function E() {
+	a()?.selection?.();
+}
+function D(e, t, n) {
+	let r = /* @__PURE__ */ new Map();
+	for (let t of e) {
+		if (t.id.startsWith("__nav_more__:") && t.children) {
+			for (let e of t.children) {
+				let n = e.group ?? t.group ?? "";
+				r.set(n, [...r.get(n) ?? [], e]);
+			}
+			continue;
+		}
+		let e = t.group ?? "";
+		r.set(e, [...r.get(e) ?? [], t]);
+	}
+	let i = [];
+	for (let e of t) r.has(e) && i.push(e);
+	for (let e of r.keys()) i.includes(e) || i.push(e);
+	return i.map((e) => ({
+		key: e,
+		label: e ? n[e] ?? e : null,
+		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 = c(), L = M ?? I("nav.more", "More"), R = w(), z = C(), B = s(), { items: V } = u(), [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;
+	h(() => {
+		let e = W.current;
+		if (!e || typeof window > "u") return;
+		let t = document.documentElement, n = () => t.style.setProperty(T, `${e.offsetHeight}px`);
+		n();
+		let r = typeof ResizeObserver < "u" ? new ResizeObserver(n) : null;
+		return r?.observe(e), () => {
+			r?.disconnect(), t.style.removeProperty(T);
+		};
+	}, []), m(() => {
+		U(!1);
+	}, [z.pathname]);
+	let Z = p((e) => {
+		E(), R(o(e, B));
+	}, [R, B]), Q = g(() => !!q && K.some((e) => l(e, z.pathname)), [
+		q,
+		K,
+		z.pathname
+	]);
+	return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("nav", {
+		ref: W,
+		role: "tablist",
+		"aria-label": I("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 = l(t, z.pathname);
+			return /* @__PURE__ */ S("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": n,
+				"aria-label": t.label,
+				"data-active": n ? "" : void 0,
+				"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));
+				},
+				children: [/* @__PURE__ */ S("span", {
+					className: "mobile-tab__icon relative inline-flex items-center justify-center",
+					"aria-hidden": "true",
+					children: [t.icon, t.badge ? /* @__PURE__ */ x("span", {
+						className: "absolute -top-1 -right-2 min-w-4 rounded-full bg-status-error-bg px-1 text-[10px] font-semibold leading-4 text-status-error-text",
+						children: t.badge > 99 ? "99+" : t.badge
+					}) : null]
+				}), /* @__PURE__ */ x("span", {
+					className: "mobile-tab__label max-w-full truncate",
+					children: t.label
+				})]
+			}, t.id);
+		}), X ? /* @__PURE__ */ S("button", {
+			type: "button",
+			role: "tab",
+			"aria-selected": Q,
+			"aria-haspopup": "dialog",
+			"aria-expanded": H,
+			"aria-label": L,
+			"data-active": Q ? "" : 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"),
+			onClick: () => {
+				E(), U(!0);
+			},
+			children: [/* @__PURE__ */ x("span", {
+				className: "mobile-tab__icon inline-flex items-center justify-center",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ x(y, {})
+			}), /* @__PURE__ */ x("span", {
+				className: "mobile-tab__label max-w-full truncate",
+				children: L
+			})]
+		}) : null]
+	}), X ? /* @__PURE__ */ x(t, {
+		open: H,
+		onOpenChange: U,
+		children: /* @__PURE__ */ S(n, {
+			"aria-label": L,
+			"data-swipe-ignore": "",
+			children: [/* @__PURE__ */ x(r, { children: /* @__PURE__ */ x(i, { children: L }) }), /* @__PURE__ */ S("div", {
+				className: "flex flex-col gap-4 pb-2",
+				"data-mobile-tabbar-more": "",
+				children: [J.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",
+						children: e.label
+					}) : null, /* @__PURE__ */ x("ul", {
+						className: "flex flex-col",
+						children: e.items.map((e) => {
+							let t = l(e, z.pathname);
+							return /* @__PURE__ */ x("li", { children: /* @__PURE__ */ x(k, {
+								icon: e.icon,
+								label: e.label,
+								badge: e.badge,
+								active: t,
+								onSelect: () => Z(d(e))
+							}) }, e.id);
+						})
+					})]
+				}, e.key || "__ungrouped")), Y ? /* @__PURE__ */ S("section", {
+					"aria-label": I("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")
+					}), /* @__PURE__ */ x("ul", {
+						className: "flex flex-col",
+						children: N?.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.id))
+					})]
+				}) : null]
+			})]
+		})
+	}) : null] });
+}
+function k({ icon: t, label: n, badge: r, active: i, onSelect: a }) {
+	return /* @__PURE__ */ S("button", {
+		type: "button",
+		onClick: a,
+		"aria-current": i ? "page" : void 0,
+		className: e("flex w-full min-h-11 items-center gap-3 rounded-button px-3 py-2 text-left text-body-sm", "transition-colors duration-150", i ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
+		children: [
+			t ? /* @__PURE__ */ x("span", {
+				className: "inline-flex size-5 shrink-0 items-center justify-center",
+				"aria-hidden": "true",
+				children: t
+			}) : null,
+			/* @__PURE__ */ x("span", {
+				className: "min-w-0 flex-1 truncate",
+				children: n
+			}),
+			r ? /* @__PURE__ */ x("span", {
+				className: "rounded-full bg-status-error-bg px-1.5 text-[10px] font-semibold leading-4 text-status-error-text",
+				children: r > 99 ? "99+" : r
+			}) : null
+		]
+	});
+}
+//#endregion
+export { O as MobileTabBar };

package/dist/chrome/NativePageTransition.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface NativePageTransitionProps {
+    children: ReactNode;
+    /** Enable transitions. Default: `isNative()`. */
+    enabled?: boolean;
+    /** Override the animation duration (ms). Default: CSS (280 iOS / 210 Android). */
+    durationMs?: number;
+}
+export declare function NativePageTransition({ children, enabled, durationMs, }: NativePageTransitionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NativePageTransition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NativePageTransition.d.ts","sourceRoot":"","sources":["../../src/chrome/NativePageTransition.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKnE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAID,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,OAAO,EACP,UAAU,GACX,EAAE,yBAAyB,2CA4C3B"}

package/dist/chrome/NativePageTransition.js

@@ -0,0 +1,19 @@
+import { isNative as e } from "../shared/native/platform.js";
+import { consumeSwipeCommitted as t } from "./swipe/swipeState.js";
+import { useRef as n } from "react";
+import { Fragment as r, jsx as i } from "react/jsx-runtime";
+import { useLocation as a, useNavigationType as o } from "react-router";
+//#region src/chrome/NativePageTransition.tsx
+function s({ children: s, enabled: c, durationMs: l }) {
+	let u = a(), d = o(), f = c ?? e(), p = n(null), m = n("none");
+	p.current !== u.key && (p.current = u.key, f ? t() ? m.current = "none" : d === "PUSH" ? m.current = "enter-forward" : d === "POP" ? m.current = "enter-back" : m.current = "none" : m.current = "none");
+	let h = m.current;
+	return f ? /* @__PURE__ */ i("div", {
+		"data-page-transition": h,
+		className: "relative min-h-full",
+		style: l === void 0 ? void 0 : { "--page-transition-duration": `${l}ms` },
+		children: s
+	}, u.key) : /* @__PURE__ */ i(r, { children: s });
+}
+//#endregion
+export { s as NativePageTransition };

package/dist/chrome/NativeTopBar.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export interface NativeTopBarProps {
+    /** Centered (iOS) / left-aligned (Android) title. */
+    title?: ReactNode;
+    /** Text next to the back chevron (iOS style). Defaults to localized "Back". */
+    backLabel?: string;
+    /** Back handler. Default: `navigate(-1)`. */
+    onBack?: () => void;
+    /** Trailing action area (icon buttons). */
+    rightActions?: ReactNode;
+    /** Leading slot rendered INSTEAD of the back button when back is hidden. */
+    leftSlot?: ReactNode;
+    /**
+     * Show the back button. Default: auto — shown when the router history has
+     * somewhere to go back to (`window.history.state?.idx > 0`).
+     */
+    showBack?: boolean;
+    className?: string;
+}
+export declare function NativeTopBar({ title, backLabel, onBack, rightActions, leftSlot, showBack, className, }: NativeTopBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NativeTopBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NativeTopBar.d.ts","sourceRoot":"","sources":["../../src/chrome/NativeTopBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO1E,MAAM,WAAW,iBAAiB;IAChC,qDAAqD;IACrD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,SAAS,EACT,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,2CA8EnB"}

package/dist/chrome/NativeTopBar.js

@@ -0,0 +1,72 @@
+import { cn as e } from "../lib/utils.js";
+import { nativeImpact as t } from "../shared/native/consumers.js";
+import { useShellLabel as n } from "../shared/providers/shell/useShellLabel.js";
+import { useLayoutEffect as r, useRef as i, useState as a } from "react";
+import { ChevronLeft as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useNavigate as l } from "react-router";
+//#region src/chrome/NativeTopBar.tsx
+var u = "--native-topbar-height";
+function d() {
+	if (typeof window > "u") return !1;
+	let e = window.history.state;
+	if (e && typeof e == "object" && "idx" in e) {
+		let t = e.idx;
+		return typeof t == "number" && t > 0;
+	}
+	return !1;
+}
+function f({ title: f, backLabel: p, onBack: m, rightActions: h, leftSlot: g, showBack: _, className: v }) {
+	let y = n(), b = l(), x = i(null), [S] = a(d), C = _ ?? S, w = p ?? y("nav.back", "Back");
+	return r(() => {
+		let e = x.current;
+		if (!e || typeof window > "u") return;
+		let t = document.documentElement, n = () => t.style.setProperty(u, `${e.offsetHeight}px`);
+		n();
+		let r = typeof ResizeObserver < "u" ? new ResizeObserver(n) : null;
+		return r?.observe(e), () => {
+			r?.disconnect(), t.style.removeProperty(u);
+		};
+	}, []), /* @__PURE__ */ s("header", {
+		ref: x,
+		"data-native-topbar": "",
+		"data-shell-chrome": "",
+		className: e("relative z-[55] w-full bg-bg-surface text-text-primary", v),
+		children: /* @__PURE__ */ c("div", {
+			className: "native-topbar__row relative flex w-full items-center",
+			children: [
+				/* @__PURE__ */ s("div", {
+					className: "native-topbar__lead flex min-w-0 flex-1 items-center justify-start",
+					children: C ? /* @__PURE__ */ c("button", {
+						type: "button",
+						onClick: () => {
+							t("light"), m ? m() : b(-1);
+						},
+						"aria-label": w,
+						className: "native-topbar__back flex min-h-11 items-center gap-0.5 pr-2 text-text-link",
+						children: [/* @__PURE__ */ s(o, {
+							className: "size-6 shrink-0",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ s("span", {
+							className: "native-topbar__backlabel truncate text-body-md",
+							children: w
+						})]
+					}) : g
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "native-topbar__title pointer-events-none absolute inset-x-0 mx-auto flex max-w-[60%] items-center justify-center",
+					children: /* @__PURE__ */ s("span", {
+						className: "truncate text-body-md font-semibold text-text-primary",
+						children: f
+					})
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "native-topbar__actions flex min-w-0 flex-1 items-center justify-end gap-1",
+					children: h
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { f as NativeTopBar };

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationCenter.d.ts","sourceRoot":"","sources":["../../src/chrome/NotificationCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAgBnD,MAAM,WAAW,uBAAuB;IACtC,2CAA2C;IAC3C,MAAM,EAAE,YAAY,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAgG1D,CAAC"}
+{"version":3,"file":"NotificationCenter.d.ts","sourceRoot":"","sources":["../../src/chrome/NotificationCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAiBnD,MAAM,WAAW,uBAAuB;IACtC,2CAA2C;IAC3C,MAAM,EAAE,YAAY,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAsG1D,CAAC"}

package/dist/chrome/NotificationCenter.js

@@ -1,75 +1,80 @@
-import { BellButton as e } from "./notificationCenter/BellButton.js";
-import { sortNotifications as t } from "./notificationCenter/constants.js";
-import { NotificationFilters as n } from "./notificationCenter/NotificationFilters.js";
-import { NotificationFooter as r } from "./notificationCenter/NotificationFooter.js";
-import { NotificationHeader as i } from "./notificationCenter/NotificationHeader.js";
-import { NotificationList as a } from "./notificationCenter/NotificationList.js";
-import { NotificationPanel as o } from "./notificationCenter/NotificationPanel.js";
-import { useNotificationCenter as s } from "./notificationCenter/useNotificationCenter.js";
-import { useEscapeClose as c, useOutsideClickClose as l, usePanelChrome as u } from "./notificationCenter/usePanelChrome.js";
-import { useCallback as d, useRef as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { desktopSetBadgeCount as e } from "../shared/native/desktop.js";
+import { BellButton as t } from "./notificationCenter/BellButton.js";
+import { sortNotifications as n } from "./notificationCenter/constants.js";
+import { NotificationFilters as r } from "./notificationCenter/NotificationFilters.js";
+import { NotificationFooter as i } from "./notificationCenter/NotificationFooter.js";
+import { NotificationHeader as a } from "./notificationCenter/NotificationHeader.js";
+import { NotificationList as o } from "./notificationCenter/NotificationList.js";
+import { NotificationPanel as s } from "./notificationCenter/NotificationPanel.js";
+import { useNotificationCenter as c } from "./notificationCenter/useNotificationCenter.js";
+import { useEscapeClose as l, useOutsideClickClose as u, usePanelChrome as d } from "./notificationCenter/usePanelChrome.js";
+import { useCallback as f, useEffect as p, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/chrome/NotificationCenter.tsx
-var g = ({ client: g, onViewAll: _, compact: v = !1, pollInterval: y = 3e4, lazy: b = !1 }) => {
-	let x = f(null), [S, C] = p(!1), [w, T] = p("all"), [E, D] = p("ALL"), [O, k] = p("ALL"), [A, j] = p("newest"), M = d(() => C(!1), []), N = d(() => C((e) => !e), []), { isMobile: P } = u();
-	l(S, P, x, M), c(S, M);
-	let { notifications: F, unreadCount: I, countsByApp: L, totalCount: R, loading: z, error: B, fetchNotifications: V, handleMarkAsRead: H, handleMarkAllAsRead: U, handleDelete: W } = s({
-		client: g,
-		isOpen: S,
-		lazy: b,
-		filterTab: w,
-		typeFilter: E,
-		appFilter: O
-	}), G = d((e) => {
+var v = ({ client: v, onViewAll: y, compact: b = !1, pollInterval: x = 3e4, lazy: S = !1 }) => {
+	let C = m(null), [w, T] = h(!1), [E, D] = h("all"), [O, k] = h("ALL"), [A, j] = h("ALL"), [M, N] = h("newest"), P = f(() => T(!1), []), F = f(() => T((e) => !e), []), { isMobile: I } = d();
+	u(w, I, C, P), l(w, P);
+	let { notifications: L, unreadCount: R, countsByApp: z, totalCount: B, loading: V, error: H, fetchNotifications: U, handleMarkAsRead: W, handleMarkAllAsRead: G, handleDelete: K } = c({
+		client: v,
+		isOpen: w,
+		lazy: S,
+		filterTab: E,
+		typeFilter: O,
+		appFilter: A
+	});
+	p(() => {
+		e(R);
+	}, [R]);
+	let q = f((e) => {
 		window.open(e, "_blank", "noopener,noreferrer");
-	}, []), K = d(() => {
-		C(!1), _?.();
-	}, [_]), q = t(F, A), J = Object.entries(L).filter(([e]) => e && e !== "null").sort((e, t) => t[1] - e[1]);
-	return /* @__PURE__ */ h("div", {
-		ref: x,
+	}, []), J = f(() => {
+		T(!1), y?.();
+	}, [y]), Y = n(L, M), X = Object.entries(z).filter(([e]) => e && e !== "null").sort((e, t) => t[1] - e[1]);
+	return /* @__PURE__ */ _("div", {
+		ref: C,
 		className: "relative",
-		children: [/* @__PURE__ */ m(e, {
-			unreadCount: I,
-			isOpen: S,
-			onToggle: N
-		}), S && /* @__PURE__ */ m(o, {
-			isMobile: P,
-			onClose: M,
-			children: /* @__PURE__ */ h("div", {
+		children: [/* @__PURE__ */ g(t, {
+			unreadCount: R,
+			isOpen: w,
+			onToggle: F
+		}), w && /* @__PURE__ */ g(s, {
+			isMobile: I,
+			onClose: P,
+			children: /* @__PURE__ */ _("div", {
 				className: "flex flex-col h-full",
 				children: [
-					/* @__PURE__ */ m(i, {
-						isMobile: P,
-						unreadCount: I,
-						onClose: M,
-						onMarkAllAsRead: U
+					/* @__PURE__ */ g(a, {
+						isMobile: I,
+						unreadCount: R,
+						onClose: P,
+						onMarkAllAsRead: G
 					}),
-					/* @__PURE__ */ m(n, {
-						filterTab: w,
-						typeFilter: E,
-						appFilter: O,
-						sortBy: A,
-						appNames: J,
-						onFilterTabChange: T,
-						onTypeFilterChange: D,
-						onAppFilterChange: k,
-						onSortByChange: j
+					/* @__PURE__ */ g(r, {
+						filterTab: E,
+						typeFilter: O,
+						appFilter: A,
+						sortBy: M,
+						appNames: X,
+						onFilterTabChange: D,
+						onTypeFilterChange: k,
+						onAppFilterChange: j,
+						onSortByChange: N
 					}),
-					/* @__PURE__ */ m(a, {
-						loading: z,
-						error: B,
-						notifications: q,
-						filterTab: w,
-						typeFilter: E,
-						appFilter: O,
-						onRetry: V,
-						onMarkAsRead: H,
-						onDelete: W,
-						onRedirect: G
+					/* @__PURE__ */ g(o, {
+						loading: V,
+						error: H,
+						notifications: Y,
+						filterTab: E,
+						typeFilter: O,
+						appFilter: A,
+						onRetry: U,
+						onMarkAsRead: W,
+						onDelete: K,
+						onRedirect: q
 					}),
-					q.length > 0 && /* @__PURE__ */ m(r, {
-						totalCount: R,
-						onViewAll: _ ? K : void 0
+					Y.length > 0 && /* @__PURE__ */ g(i, {
+						totalCount: B,
+						onViewAll: y ? J : void 0
 					})
 				]
 			})
@@ -77,4 +82,4 @@ var g = ({ client: g, onViewAll: _, compact: v = !1, pollInterval: y = 3e4, lazy
 	});
 };
 //#endregion
-export { g as NotificationCenter };
+export { v as NotificationCenter };

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;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,2CA2HrB"}
+{"version":3,"file":"ProductSideNav.d.ts","sourceRoot":"","sources":["../../src/chrome/ProductSideNav.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAapD,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,2CA+FrB"}