@burdenoff/fe-libs 2026.1027.5 → 2026.1027.7

package/dist/_virtual/_rolldown/runtime.js

@@ -15,9 +15,6 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 }, u = (n, r, a) => (a = n == null ? {} : e(i(n)), l(r || !n || !n.__esModule ? t(a, "default", {
 	value: n,
 	enumerable: !0
-}) : a, n)), d = (e) => a.call(e, "module.exports") ? e["module.exports"] : l(t({}, "__esModule", { value: !0 }), e), f = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
-	if (typeof require < "u") return require.apply(this, arguments);
-	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-});
+}) : a, n)), d = (e) => a.call(e, "module.exports") ? e["module.exports"] : l(t({}, "__esModule", { value: !0 }), e);
 //#endregion
-export { s as __commonJSMin, o as __esmMin, c as __exportAll, f as __require, d as __toCommonJS, u as __toESM };
+export { s as __commonJSMin, o as __esmMin, c as __exportAll, d as __toCommonJS, u as __toESM };

package/dist/chrome/MobileTabBar.d.ts

@@ -26,7 +26,15 @@ export interface MobileTabBarProps {
      */
     hideWhenKeyboardOpen?: boolean;
     className?: string;
+    /**
+     * Controlled open state for the More sheet, so a header hamburger button
+     * can open the SAME sheet instead of a second, divergent one. Omit to let
+     * the tab bar manage it internally (the default, tap-the-More-tab-only
+     * behavior).
+     */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
 }
-export declare function MobileTabBar({ appName, logo, 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, open, onOpenChange, }: MobileTabBarProps): import('react/jsx-runtime').JSX.Element;
 export { useMobileTabBarVisible } from './mobileTabBar/useMobileTabBarVisible';
 export { selectMobileTabs } from './mobileTabBar/selectTabs';

package/dist/chrome/MobileTabBar.js

@@ -1,23 +1,23 @@
 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 { useShellLabel as o } from "../shared/providers/shell/useShellLabel.js";
-import { appendContextToPath as s, useCurrentContextSearchParams as c } from "../shared/hooks/useCurrentContextSearchParams.js";
+import { useShellLabel as ee } from "../shared/providers/shell/useShellLabel.js";
+import { appendContextToPath as o, useCurrentContextSearchParams as s } from "../shared/hooks/useCurrentContextSearchParams.js";
 import "./sideNavigation/navVisibility.js";
-import { useVisibleNavItems as l } from "./mobileTabBar/useVisibleNavItems.js";
-import { isItemOrChildActive as u } from "./sideNavigation/helpers.js";
-import { resolveTabPath as d, selectMobileTabs as f } from "./mobileTabBar/selectTabs.js";
+import { useVisibleNavItems as c } from "./mobileTabBar/useVisibleNavItems.js";
+import { isItemOrChildActive as l } from "./sideNavigation/helpers.js";
+import { resolveTabPath as u, selectMobileTabs as d } 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";
+import { useCallback as f, useEffect as p, useLayoutEffect as m, useMemo as h, useRef as g, useState as te } from "react";
+import { MoreHorizontal as _ } from "lucide-react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useLocation as x, useNavigate as S } from "react-router";
 //#region src/chrome/MobileTabBar.tsx
-var T = "--mobile-tabbar-height";
-function E() {
+var C = "--mobile-tabbar-height";
+function w() {
 	a()?.selection?.();
 }
-function D(e, t, n) {
+function T(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let t of e) {
 		if (t.id.startsWith("__nav_more__:") && t.children) {
@@ -39,42 +39,42 @@ function D(e, t, n) {
 		items: r.get(e) ?? []
 	}));
 }
-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), [
+function E({ appName: a, logo: E, groupOrder: O = [], groupLabels: k = {}, maxTabs: A = 4, moreLabel: ne, mobileActions: j, hideWhenKeyboardOpen: re = !0, className: M, open: N, onOpenChange: P }) {
+	let F = ee(), I = ne ?? F("nav.more", "More"), L = S(), R = x(), z = s(), { items: B } = c(), [V, H] = te(!1), U = N ?? V, W = P ?? H, G = g(null), { tabs: K, more: q, hasMore: J } = h(() => d(B, A), [B, A]), Y = h(() => T(q, O, k), [
 		q,
-		A,
-		j
-	]), X = !!P && P.length > 0, Z = J || X;
-	h(() => {
+		O,
+		k
+	]), X = !!j && j.length > 0, Z = J || X;
+	m(() => {
 		let e = G.current;
 		if (!e || typeof window > "u") return;
-		let t = document.documentElement, n = () => t.style.setProperty(T, `${e.offsetHeight}px`);
+		let t = document.documentElement, n = () => t.style.setProperty(C, `${e.offsetHeight}px`);
 		n();
 		let r = typeof ResizeObserver < "u" ? new ResizeObserver(n) : null;
 		return r?.observe(e), () => {
-			r?.disconnect(), t.style.removeProperty(T);
+			r?.disconnect(), t.style.removeProperty(C);
 		};
-	}, []), m(() => {
+	}, []), p(() => {
 		W(!1);
-	}, [B.pathname]);
-	let Q = p((e) => {
-		E(), z(s(e, V));
-	}, [z, V]), $ = g(() => !!J && q.some((e) => u(e, B.pathname)), [
+	}, [R.pathname, W]);
+	let Q = f((e) => {
+		w(), L(o(e, z));
+	}, [L, z]), $ = h(() => !!J && q.some((e) => l(e, R.pathname)), [
 		J,
 		q,
-		B.pathname
+		R.pathname
 	]);
-	return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("nav", {
+	return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b("nav", {
 		ref: G,
 		role: "tablist",
-		"aria-label": L("nav.primaryNavigation", `${a} navigation`),
+		"aria-label": F("nav.primaryNavigation", `${a} navigation`),
 		"data-mobile-tabbar": "",
 		"data-shell-chrome": "",
-		"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),
+		"data-keyboard-keep": re ? void 0 : "",
+		className: e("fixed inset-x-0 bottom-0 z-[60] flex items-stretch", "bg-bg-surface text-text-primary", M),
 		children: [K.map((t) => {
-			let n = u(t, B.pathname);
-			return /* @__PURE__ */ S("button", {
+			let n = l(t, R.pathname);
+			return /* @__PURE__ */ b("button", {
 				type: "button",
 				role: "tab",
 				"aria-selected": n,
@@ -83,91 +83,91 @@ function O({ appName: a, logo: O, groupOrder: A = [], groupLabels: j = {}, maxTa
 				"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 || Q(d(t));
+					n && !t.children?.length || Q(u(t));
 				},
-				children: [/* @__PURE__ */ S("span", {
+				children: [/* @__PURE__ */ b("span", {
 					className: "mobile-tab__icon relative inline-flex items-center justify-center",
 					"aria-hidden": "true",
-					children: [t.icon, t.badge ? /* @__PURE__ */ x("span", {
+					children: [t.icon, t.badge ? /* @__PURE__ */ y("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", {
+				}), /* @__PURE__ */ y("span", {
 					className: "mobile-tab__label max-w-full truncate",
 					children: t.label
 				})]
 			}, t.id);
-		}), Z ? /* @__PURE__ */ S("button", {
+		}), Z ? /* @__PURE__ */ b("button", {
 			type: "button",
 			role: "tab",
 			"aria-selected": $,
 			"aria-haspopup": "dialog",
 			"aria-expanded": U,
-			"aria-label": R,
+			"aria-label": I,
 			"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", $ && "text-text-link"),
 			onClick: () => {
-				E(), W(!0);
+				w(), W(!0);
 			},
-			children: [/* @__PURE__ */ x("span", {
+			children: [/* @__PURE__ */ y("span", {
 				className: "mobile-tab__icon inline-flex items-center justify-center",
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ x(y, {})
-			}), /* @__PURE__ */ x("span", {
+				children: /* @__PURE__ */ y(_, {})
+			}), /* @__PURE__ */ y("span", {
 				className: "mobile-tab__label max-w-full truncate",
-				children: R
+				children: I
 			})]
 		}) : null]
-	}), Z ? /* @__PURE__ */ x(t, {
+	}), Z ? /* @__PURE__ */ y(t, {
 		open: U,
 		onOpenChange: W,
-		children: /* @__PURE__ */ S(n, {
-			"aria-label": R,
+		children: /* @__PURE__ */ b(n, {
+			"aria-label": I,
 			"data-swipe-ignore": "",
-			children: [/* @__PURE__ */ S(r, { children: [O ? /* @__PURE__ */ S("div", {
+			children: [/* @__PURE__ */ b(r, { children: [E ? /* @__PURE__ */ b("div", {
 				className: "mb-1 flex items-center gap-2",
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "flex size-8 flex-shrink-0 items-center justify-center",
-					children: O
-				}), /* @__PURE__ */ x("span", {
+					children: E
+				}), /* @__PURE__ */ y("span", {
 					className: "text-heading-h4 font-semibold text-text-primary",
 					children: a
 				})]
-			}) : null, /* @__PURE__ */ x(i, { children: R })] }), /* @__PURE__ */ S("div", {
+			}) : null, /* @__PURE__ */ y(i, { children: I })] }), /* @__PURE__ */ b("div", {
 				className: "flex flex-col gap-4 pb-2",
 				"data-mobile-tabbar-more": "",
-				children: [Y.map((e) => /* @__PURE__ */ S("section", {
+				children: [Y.map((e) => /* @__PURE__ */ b("section", {
 					"aria-label": e.label ?? void 0,
-					children: [e.label ? /* @__PURE__ */ x("p", {
+					children: [e.label ? /* @__PURE__ */ y("p", {
 						className: "mb-1 px-1 text-[11px] font-medium uppercase tracking-wider text-text-muted",
 						children: e.label
-					}) : null, /* @__PURE__ */ x("ul", {
+					}) : null, /* @__PURE__ */ y("ul", {
 						className: "flex flex-col",
 						children: e.items.map((e) => {
-							let t = u(e, B.pathname);
-							return /* @__PURE__ */ x("li", { children: /* @__PURE__ */ x(k, {
+							let t = l(e, R.pathname);
+							return /* @__PURE__ */ y("li", { children: /* @__PURE__ */ y(D, {
 								icon: e.icon,
 								label: e.label,
 								badge: e.badge,
 								active: t,
-								onSelect: () => Q(d(e))
+								onSelect: () => Q(u(e))
 							}) }, e.id);
 						})
 					})]
-				}, e.key || "__ungrouped")), X ? /* @__PURE__ */ S("section", {
-					"aria-label": L("appShell.quickActions", "Quick Actions"),
-					children: [/* @__PURE__ */ x("p", {
+				}, e.key || "__ungrouped")), X ? /* @__PURE__ */ b("section", {
+					"aria-label": F("appShell.quickActions", "Quick Actions"),
+					children: [/* @__PURE__ */ y("p", {
 						className: "mb-1 px-1 text-[11px] font-medium uppercase tracking-wider text-text-muted",
-						children: L("appShell.quickActions", "Quick Actions")
-					}), /* @__PURE__ */ x("ul", {
+						children: F("appShell.quickActions", "Quick Actions")
+					}), /* @__PURE__ */ y("ul", {
 						className: "flex flex-col",
-						children: P?.map((e) => /* @__PURE__ */ x("li", { children: /* @__PURE__ */ x(k, {
+						children: j?.map((e) => /* @__PURE__ */ y("li", { children: /* @__PURE__ */ y(D, {
 							icon: e.icon,
 							label: e.label,
 							active: !!e.isToggle && !!e.isActive,
 							onSelect: () => {
-								E(), e.onClick(), W(!1);
+								w(), e.onClick(), W(!1);
 							}
 						}) }, e.id))
 					})]
@@ -176,23 +176,23 @@ function O({ appName: a, logo: O, groupOrder: A = [], groupLabels: j = {}, maxTa
 		})
 	}) : null] });
 }
-function k({ icon: t, label: n, badge: r, active: i, onSelect: a }) {
-	return /* @__PURE__ */ S("button", {
+function D({ icon: t, label: n, badge: r, active: i, onSelect: a }) {
+	return /* @__PURE__ */ b("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", {
+			t ? /* @__PURE__ */ y("span", {
 				className: "inline-flex size-5 shrink-0 items-center justify-center",
 				"aria-hidden": "true",
 				children: t
 			}) : null,
-			/* @__PURE__ */ x("span", {
+			/* @__PURE__ */ y("span", {
 				className: "min-w-0 flex-1 truncate",
 				children: n
 			}),
-			r ? /* @__PURE__ */ x("span", {
+			r ? /* @__PURE__ */ y("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
@@ -200,4 +200,4 @@ function k({ icon: t, label: n, badge: r, active: i, onSelect: a }) {
 	});
 }
 //#endregion
-export { O as MobileTabBar };
+export { E as MobileTabBar };

package/dist/node_modules/@openuidev/devtools/dist/index.js

@@ -1,60 +1,59 @@
 "use client";
-import { __toESM as e } from "../../../../_virtual/_rolldown/runtime.js";
-import { useEffect as t } from "react";
+import { useEffect as e } from "react";
 //#region node_modules/@openuidev/devtools/dist/index.mjs
-var n = /^\d+(\.\d+){0,2}$/;
-function r(e) {
-	let t = e?.trim();
-	return t ? n.test(t) ? t : null : "latest";
+var t = /^\d+(\.\d+){0,2}$/;
+function n(e) {
+	let n = e?.trim();
+	return n ? t.test(n) ? n : null : "latest";
 }
-var i = 300 * 1e3;
-function a(e) {
-	let t = r(e);
+var r = 300 * 1e3;
+function i(e) {
+	let t = n(e);
 	if (t === null) return null;
-	let n = `https://cdn.jsdelivr.net/npm/@openuidev/devtools@${t}/dist/devtools.browser.js`;
-	return /^\d+\.\d+\.\d+$/.test(t) ? n : `${n}?t=${Math.floor(Date.now() / i)}`;
+	let i = `https://cdn.jsdelivr.net/npm/@openuidev/devtools@${t}/dist/devtools.browser.js`;
+	return /^\d+\.\d+\.\d+$/.test(t) ? i : `${i}?t=${Math.floor(Date.now() / r)}`;
 }
-function o(t = {}) {
-	let { version: n, enabled: r, ...i } = t;
-	if (!(r ?? (typeof process > "u" || process.env.NODE_ENV !== "production")) || typeof document > "u") return () => {};
-	let o = a(n);
-	if (o === null) return console.warn(`[@openuidev/devtools] invalid version "${n?.trim()}" — use a major ("0"), minor ("0.1"), or exact ("0.1.0") pin. Widget not mounted.`), () => {};
-	let s = !1, c = () => {
-		s = !0;
+function a(e = {}) {
+	let { version: t, enabled: n, ...r } = e;
+	if (!(n ?? (typeof process > "u" || process.env.NODE_ENV !== "production")) || typeof document > "u") return () => {};
+	let a = i(t);
+	if (a === null) return console.warn(`[@openuidev/devtools] invalid version "${t?.trim()}" — use a major ("0"), minor ("0.1"), or exact ("0.1.0") pin. Widget not mounted.`), () => {};
+	let o = !1, s = () => {
+		o = !0;
 	};
 	return Promise.all([
 		import(
 			/* webpackIgnore: true */
 			/* @vite-ignore */
-			o
+			a
 ),
 		import("react"),
 		import("react-dom"),
-		import("../../../react-dom/client.js").then((t) => /* @__PURE__ */ e(t.default, 1))
-	]).then(([e, t, n, a]) => {
-		if (s) return;
-		let o = () => {
-			s || (c = e.mountOpenUIDevtools({
+		import("react-dom/client")
+	]).then(([e, t, i, a]) => {
+		if (o) return;
+		let c = () => {
+			o || (s = e.mountOpenUIDevtools({
 				React: t,
-				ReactDOM: n,
+				ReactDOM: i,
 				ReactDOMClient: a,
 				loadReactLang: () => import("../../react-lang/dist/index.js"),
 				props: {
-					...i,
-					enabled: r
+					...r,
+					enabled: n
 				}
 			}));
 		};
-		document.body ? o() : document.addEventListener("DOMContentLoaded", o, { once: !0 });
-	}).catch(() => {}), () => c();
+		document.body ? c() : document.addEventListener("DOMContentLoaded", c, { once: !0 });
+	}).catch(() => {}), () => s();
 }
-function s(e) {
-	let { enabled: n, position: r, maxEvents: i, errorsOnly: a, autoOpenOnError: s, theme: c, version: l, __autoMounted: u } = e;
-	return t(() => o({
+function o(t) {
+	let { enabled: n, position: r, maxEvents: i, errorsOnly: o, autoOpenOnError: s, theme: c, version: l, __autoMounted: u } = t;
+	return e(() => a({
 		enabled: n,
 		position: r,
 		maxEvents: i,
-		errorsOnly: a,
+		errorsOnly: o,
 		autoOpenOnError: s,
 		theme: c,
 		version: l,
@@ -63,7 +62,7 @@ function s(e) {
 		n,
 		r,
 		i,
-		a,
+		o,
 		s,
 		c,
 		l,
@@ -71,4 +70,4 @@ function s(e) {
 	]), null;
 }
 //#endregion
-export { s as OpenUIDevtools };
+export { o as OpenUIDevtools };