@burdenoff/fe-libs 2026.1027.11 → 2026.1027.12

package/dist/chrome/MobileTabBar.js

@@ -96,7 +96,7 @@ function A({ appName: a, logo: b, groupOrder: x = [], groupLabels: A = {}, maxTa
 				"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"),
+				className: e("mobile-tab relative flex min-w-0 flex-1 flex-col items-center justify-center gap-1 px-1", "text-text-muted transition-colors duration-150", n && "text-text-link"),
 				onClick: () => {
 					n && !t.children?.length || Q(f(t));
 				},
@@ -108,7 +108,7 @@ function A({ appName: a, logo: b, groupOrder: x = [], groupLabels: A = {}, maxTa
 						children: t.badge > 99 ? "99+" : t.badge
 					}) : null]
 				}), /* @__PURE__ */ w("span", {
-					className: "mobile-tab__label max-w-full truncate",
+					className: e("mobile-tab__label max-w-full truncate", n && "font-medium"),
 					children: t.label
 				})]
 			}, t.id);
@@ -121,7 +121,7 @@ function A({ appName: a, logo: b, groupOrder: x = [], groupLabels: A = {}, maxTa
 			"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"),
+			className: e("mobile-tab relative flex min-w-0 flex-1 flex-col items-center justify-center gap-1 px-1", "text-text-muted transition-colors duration-150", $ && "text-text-link"),
 			onClick: () => {
 				O(), W(!0);
 			},
@@ -130,7 +130,7 @@ function A({ appName: a, logo: b, groupOrder: x = [], groupLabels: A = {}, maxTa
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ w(S, {})
 			}), /* @__PURE__ */ w("span", {
-				className: "mobile-tab__label max-w-full truncate",
+				className: e("mobile-tab__label max-w-full truncate", $ && "font-medium"),
 				children: I
 			})]
 		}) : null]
@@ -149,7 +149,10 @@ function A({ appName: a, logo: b, groupOrder: x = [], groupLabels: A = {}, maxTa
 					className: "text-heading-h4 font-semibold text-text-primary",
 					children: a
 				})]
-			}) : null, /* @__PURE__ */ w(i, { children: I })] }), /* @__PURE__ */ T("div", {
+			}) : null, /* @__PURE__ */ w(i, {
+				className: b ? "sr-only" : void 0,
+				children: I
+			})] }), /* @__PURE__ */ T("div", {
 				className: "flex flex-col gap-4 pb-2",
 				"data-mobile-tabbar-more": "",
 				children: [ae.map((e) => /* @__PURE__ */ T("section", {
@@ -187,15 +190,26 @@ function A({ appName: a, logo: b, groupOrder: x = [], groupLabels: A = {}, maxTa
 						className: "mb-1 px-1 text-[11px] font-medium uppercase tracking-wider text-text-muted",
 						children: F("appShell.quickActions", "Quick Actions")
 					}), /* @__PURE__ */ w("ul", {
-						className: "flex flex-col",
-						children: P?.map((e) => /* @__PURE__ */ w("li", { children: /* @__PURE__ */ w(j, {
-							icon: e.icon,
-							label: e.label,
-							active: !!e.isToggle && !!e.isActive,
-							onSelect: () => {
-								O(), e.onClick(), W(!1);
-							}
-						}) }, e.id))
+						className: "grid grid-cols-3 gap-2",
+						children: P?.map((t) => {
+							let n = !!t.isToggle && !!t.isActive;
+							return /* @__PURE__ */ w("li", { children: /* @__PURE__ */ T("button", {
+								type: "button",
+								onClick: () => {
+									O(), t.onClick(), W(!1);
+								},
+								"aria-pressed": t.isToggle ? n : void 0,
+								className: e("flex w-full min-h-[64px] flex-col items-center justify-center gap-1.5 rounded-button px-2 py-3 text-center transition-colors duration-150", n ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
+								children: [/* @__PURE__ */ w("span", {
+									className: "inline-flex size-5 shrink-0 items-center justify-center",
+									"aria-hidden": "true",
+									children: t.icon
+								}), /* @__PURE__ */ w("span", {
+									className: "text-[11px] leading-tight",
+									children: t.label
+								})]
+							}) }, t.id);
+						})
 					})]
 				}) : null]
 			})]

package/dist/chrome/sideNavigation/MobileActionsBar.js

@@ -12,12 +12,12 @@ var r = ({ actions: r, collapsed: i, onToggleCollapse: a }) => {
 				return n === e ? t : n;
 			})("appShell.quickActions", "Quick Actions")
 		}), /* @__PURE__ */ t("div", {
-			className: "flex items-center justify-center gap-3",
+			className: "flex flex-wrap items-center justify-center gap-3",
 			children: r.map((e) => /* @__PURE__ */ t("button", {
 				onClick: () => {
 					e.onClick(), e.closeSidebar !== !1 && a && !i && a();
 				},
-				className: `flex items-center justify-center w-12 h-12 rounded-xl text-body-sm font-medium transition-all ${e.isToggle && e.isActive ? "bg-action-primary-bg text-action-primary-text shadow-sm" : "bg-bg-surface text-text-primary hover:bg-action-ghost-bg-hover border border-border-subtle hover:border-border-default active:scale-95"}`,
+				className: `flex shrink-0 items-center justify-center w-12 h-12 rounded-xl text-body-sm font-medium transition-all ${e.isToggle && e.isActive ? "bg-action-primary-bg text-action-primary-text shadow-sm" : "bg-bg-surface text-text-primary hover:bg-action-ghost-bg-hover border border-border-subtle hover:border-border-default active:scale-95"}`,
 				"aria-label": e.label,
 				title: e.label,
 				children: /* @__PURE__ */ t("span", {

package/package.json

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

package/src/shared/styles/native.css

@@ -171,9 +171,9 @@ body.keyboard-open [data-native-shell] main {
 /* ---- MobileTabBar (bottom tabs) ---- */
 [data-mobile-tabbar] {
   min-height: var(--native-tabbar-row-height);
-  padding-bottom: max(var(--safe-bottom), env(safe-area-inset-bottom, 0px));
-  padding-left: max(var(--safe-left), env(safe-area-inset-left, 0px));
-  padding-right: max(var(--safe-right), env(safe-area-inset-right, 0px));
+  padding-bottom: var(--safe-bottom);
+  padding-left: var(--safe-left);
+  padding-right: var(--safe-right);
   border-top: 1px solid var(--color-border-subtle);
 }