@burdenoff/fe-libs 2026.1027.2 → 2026.1027.4

package/dist/_virtual/_rolldown/runtime.js

@@ -1,20 +1,23 @@
 //#region \0rolldown/runtime.js
-var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, n) => {
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (e && (t = e(e = 0)), t), s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), c = (e, n) => {
 	let r = {};
 	for (var i in e) t(r, i, {
 		get: e[i],
 		enumerable: !0
 	});
 	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
-}, c = (e, i, o, s) => {
+}, l = (e, i, o, s) => {
 	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
 		get: ((e) => i[e]).bind(null, d),
 		enumerable: !(s = n(i, d)) || s.enumerable
 	});
 	return e;
-}, l = (n, r, a) => (a = n == null ? {} : e(i(n)), c(r || !n || !n.__esModule ? t(a, "default", {
+}, u = (n, r, a) => (a = n == null ? {} : e(i(n)), l(r || !n || !n.__esModule ? t(a, "default", {
 	value: n,
 	enumerable: !0
-}) : a, n));
+}) : 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.");
+});
 //#endregion
-export { o as __commonJSMin, s as __exportAll, l as __toESM };
+export { s as __commonJSMin, o as __esmMin, c as __exportAll, f as __require, d as __toCommonJS, u as __toESM };

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/node_modules/@openuidev/devtools/dist/index.js

@@ -0,0 +1,74 @@
+"use client";
+import { __toESM as e } from "../../../../_virtual/_rolldown/runtime.js";
+import { useEffect as t } 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 i = 300 * 1e3;
+function a(e) {
+	let t = r(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)}`;
+}
+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;
+	};
+	return Promise.all([
+		import(
+			/* webpackIgnore: true */
+			/* @vite-ignore */
+			o
+),
+		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({
+				React: t,
+				ReactDOM: n,
+				ReactDOMClient: a,
+				loadReactLang: () => import("../../react-lang/dist/index.js"),
+				props: {
+					...i,
+					enabled: r
+				}
+			}));
+		};
+		document.body ? o() : document.addEventListener("DOMContentLoaded", o, { once: !0 });
+	}).catch(() => {}), () => c();
+}
+function s(e) {
+	let { enabled: n, position: r, maxEvents: i, errorsOnly: a, autoOpenOnError: s, theme: c, version: l, __autoMounted: u } = e;
+	return t(() => o({
+		enabled: n,
+		position: r,
+		maxEvents: i,
+		errorsOnly: a,
+		autoOpenOnError: s,
+		theme: c,
+		version: l,
+		__autoMounted: u
+	}), [
+		n,
+		r,
+		i,
+		a,
+		s,
+		c,
+		l,
+		u
+	]), null;
+}
+//#endregion
+export { s as OpenUIDevtools };