@burdenoff/fe-libs 2026.1027.12 → 2026.1027.13

package/dist/chrome/sideNavigation/MobileActionsBar.js

@@ -2,29 +2,38 @@ import { useI18n as e } from "../../shared/providers/shell/I18nProvider.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/chrome/sideNavigation/MobileActionsBar.tsx
 var r = ({ actions: r, collapsed: i, onToggleCollapse: a }) => {
-	let { t: o } = e();
+	let { t: o } = e(), s = (e, t) => {
+		let n = o(e);
+		return n === e ? t : n;
+	}, c = r.length % 3 == 1;
 	return /* @__PURE__ */ n("div", {
 		className: "md:hidden py-4 px-4 border-t border-border-subtle bg-bg-sunken/50",
 		children: [/* @__PURE__ */ t("p", {
 			className: "text-[11px] text-text-muted mb-3 font-medium uppercase tracking-wider",
-			children: ((e, t) => {
-				let n = o(e);
-				return n === e ? t : n;
-			})("appShell.quickActions", "Quick Actions")
+			children: s("appShell.quickActions", "Quick Actions")
 		}), /* @__PURE__ */ t("div", {
-			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 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", {
-					className: "size-5",
-					children: e.icon
-				})
-			}, e.id))
+			className: "grid grid-cols-3 gap-2",
+			children: r.map((e, o) => {
+				let s = !!e.isToggle && !!e.isActive, l = o === r.length - 1;
+				return /* @__PURE__ */ n("button", {
+					type: "button",
+					onClick: () => {
+						e.onClick(), e.closeSidebar !== !1 && a && !i && a();
+					},
+					"aria-pressed": e.isToggle ? s : void 0,
+					"aria-label": e.label,
+					title: e.label,
+					className: `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 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)] ${c && l ? "col-start-2" : ""} ${s ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary active:scale-95"}`,
+					children: [/* @__PURE__ */ t("span", {
+						className: "inline-flex size-5 shrink-0 items-center justify-center",
+						"aria-hidden": "true",
+						children: e.icon
+					}), /* @__PURE__ */ t("span", {
+						className: "text-[11px] leading-tight",
+						children: e.label
+					})]
+				}, e.id);
+			})
 		})]
 	});
 };

package/package.json

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