@burdenoff/microfe-movethewheels 2026.624.1 → 2026.625.1

package/dist/{WarehousesPage-CpgZEVW9.js → WarehousesPage-HsPpEFeG.js}

@@ -1,38 +1,43 @@
-import { M as e, i as t, l as n, u as r } from "./PageLayout-xDTiBTDS.js";
-import { t as i } from "./DataTable-CZGz3SJu.js";
-import { t as a } from "./plus-D2BYAzMn.js";
-import { t as o } from "./refresh-cw-D5Sy01s-.js";
-import { t as s } from "./warehouse-Dt_bAr82.js";
-import { r as c } from "./graphqlClient-CdJyR_ed.js";
-import { o as l } from "./useInventory-Dwn18FPz.js";
-import { t as u } from "./navigation-BgnOfsVd.js";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { M as e, i as t, l as n } from "./PageLayout-D3N8MCTm.js";
+import { t as r } from "./DataTable-CfWvFw5B.js";
+import { t as i } from "./plus-Dl1rLeJR.js";
+import { t as a } from "./refresh-cw-CWfERAit.js";
+import { t as o } from "./warehouse-D3WWDeTX.js";
+import { r as s } from "./graphqlClient-CdJyR_ed.js";
+import { o as c } from "./useInventory-Dwn18FPz.js";
+import { t as l } from "./navigation-BgnOfsVd.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { CTAOverflowMenu as f } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/WarehousesPage.tsx
 function p() {
-	let { basePath: p, navigate: m } = c(), { warehouses: h, totalWarehouses: g, isLoading: _, refetch: v } = l(), y = (e) => m?.(u(p, e));
-	return /* @__PURE__ */ d(t, {
+	let { basePath: p, navigate: m } = s(), { warehouses: h, totalWarehouses: g, isLoading: _, refetch: v } = c(), y = (e) => m?.(l(p, e));
+	return /* @__PURE__ */ u(t, {
 		title: "Warehouses",
 		subtitle: `${g} warehouses`,
-		icon: /* @__PURE__ */ d(s, { size: 24 }),
-		headerActions: /* @__PURE__ */ f("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ f(r, {
-				variant: "outline",
-				onClick: v,
-				children: [/* @__PURE__ */ d(o, { size: 16 }), " Refresh"]
-			}), /* @__PURE__ */ f(r, { children: [/* @__PURE__ */ d(a, { size: 16 }), " Add Warehouse"] })]
+		icon: /* @__PURE__ */ u(o, { size: 24 }),
+		headerActions: /* @__PURE__ */ u(f, {
+			primary: {
+				label: "Add Warehouse",
+				icon: /* @__PURE__ */ u(i, { size: 16 }),
+				onSelect: () => {}
+			},
+			actions: [{
+				label: "Refresh",
+				icon: /* @__PURE__ */ u(a, { size: 16 }),
+				onSelect: () => v()
+			}]
 		}),
-		children: /* @__PURE__ */ d(i, {
+		children: /* @__PURE__ */ u(r, {
 			columns: [
 				{
 					id: "name",
 					header: "Warehouse",
 					accessorKey: "name",
 					sortable: !0,
-					cell: (e) => /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+					cell: (e) => /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 						className: "font-medium",
 						children: e.name
-					}), /* @__PURE__ */ d("p", {
+					}), /* @__PURE__ */ u("p", {
 						className: "text-sm text-text-secondary",
 						children: e.code
 					})] })
@@ -40,11 +45,11 @@ function p() {
 				{
 					id: "location",
 					header: "Location",
-					cell: (e) => /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("p", { children: [
+					cell: (e) => /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("p", { children: [
 						e.address.city,
 						", ",
 						e.address.state
-					] }), /* @__PURE__ */ d("p", {
+					] }), /* @__PURE__ */ u("p", {
 						className: "text-sm text-text-secondary",
 						children: e.address.country
 					})] })
@@ -53,7 +58,7 @@ function p() {
 					id: "type",
 					header: "Type",
 					accessorKey: "type",
-					cell: (e) => /* @__PURE__ */ d(n, {
+					cell: (e) => /* @__PURE__ */ u(n, {
 						variant: "outline",
 						className: "capitalize",
 						children: e.type.replace("_", " ")
@@ -64,12 +69,12 @@ function p() {
 					header: "Utilization",
 					cell: (t) => {
 						let n = t.capacity.usedSpace / t.capacity.totalSpace * 100;
-						return /* @__PURE__ */ f("div", {
+						return /* @__PURE__ */ d("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ d(e, {
+							children: [/* @__PURE__ */ u(e, {
 								value: n,
 								className: "w-16 h-2"
-							}), /* @__PURE__ */ f("span", {
+							}), /* @__PURE__ */ d("span", {
 								className: "text-sm",
 								children: [n.toFixed(0), "%"]
 							})]
@@ -79,15 +84,15 @@ function p() {
 				{
 					id: "capacity",
 					header: "Capacity",
-					cell: (e) => /* @__PURE__ */ f("div", {
+					cell: (e) => /* @__PURE__ */ d("div", {
 						className: "text-sm",
-						children: [/* @__PURE__ */ f("p", { children: [
+						children: [/* @__PURE__ */ d("p", { children: [
 							e.capacity.usedSpace.toLocaleString(),
 							" / ",
 							e.capacity.totalSpace.toLocaleString(),
 							" ",
 							"sq ft"
-						] }), /* @__PURE__ */ f("p", {
+						] }), /* @__PURE__ */ d("p", {
 							className: "text-text-secondary",
 							children: [
 								e.capacity.usedPallets,
@@ -101,7 +106,7 @@ function p() {
 				{
 					id: "status",
 					header: "Status",
-					cell: (e) => /* @__PURE__ */ d(n, {
+					cell: (e) => /* @__PURE__ */ u(n, {
 						variant: e.isActive ? "default" : "secondary",
 						children: e.isActive ? "Active" : "Inactive"
 					})

package/dist/{arrow-left-Bk5GsGNk.js → arrow-left-CBpZKkpq.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/arrow-left.js
 var t = e("ArrowLeft", [["path", {
 	d: "m12 19-7-7 7-7",

package/dist/{box-BAMv2-7M.js → box-CAaiElsb.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/box.js
 var t = e("Box", [
 	["path", {

package/dist/{chart-column-CAfkf4o6.js → chart-column-D1Ym15-S.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/chart-column.js
 var t = e("ChartColumn", [
 	["path", {

package/dist/{chevron-right-Czrt_Qew.js → chevron-right-BIFGi0UA.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/chevron-right.js
 var t = e("ChevronRight", [["path", {
 	d: "m9 18 6-6-6-6",

package/dist/{circle-alert-CEuV9Pij.js → circle-alert-DjmNo5_L.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/circle-alert.js
 var t = e("CircleAlert", [
 	["circle", {

package/dist/{circle-check-big-Cx8aO6B-.js → circle-check-big-CjuPVo3_.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/circle-check-big.js
 var t = e("CircleCheckBig", [["path", {
 	d: "M21.801 10A10 10 0 1 1 17 3.335",

package/dist/{clock-Be95bq7_.js → clock-BjkdnddD.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/clock.js
 var t = e("Clock", [["circle", {
 	cx: "12",

package/dist/{dollar-sign-kJqItPli.js → dollar-sign-IB4O0wuQ.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/dollar-sign.js
 var t = e("DollarSign", [["line", {
 	x1: "12",

package/dist/{download-caab0D3V.js → download-Dpa9vqoG.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/download.js
 var t = e("Download", [
 	["path", {

package/dist/{file-text-b1qhrJn1.js → file-text-C8Uioy11.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/file-text.js
 var t = e("FileText", [
 	["path", {

package/dist/{filter-BWmLTZB-.js → filter-Da5OZaHI.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/filter.js
 var t = e("Filter", [["polygon", {
 	points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3",

package/dist/index.js

@@ -1,16 +1,16 @@
-import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as ee, R as te, S as ne, T as re, U as ie, V as ae, W as oe, X as se, Y as ce, Z as le, _ as ue, a as de, b as fe, c as pe, d as me, et as he, f as ge, g as _e, h as ve, i as _, it as v, j as y, k as b, l as x, m as S, n as C, nt as w, o as T, p as E, q as D, r as O, s as k, t as A, tt as j, u as M, v as N, w as P, x as F, y as ye, z as be } from "./PageLayout-xDTiBTDS.js";
-import { t as xe } from "./DataTable-CZGz3SJu.js";
-import { n as Se, t as Ce } from "./route-CBDXuwH9.js";
-import { t as we } from "./chart-column-CAfkf4o6.js";
-import { t as Te } from "./dollar-sign-kJqItPli.js";
-import { t as Ee } from "./file-text-b1qhrJn1.js";
-import { n as De, t as Oe } from "./settings-BwzIRYv3.js";
-import { t as ke } from "./map-CS2aFgyO.js";
-import { t as Ae } from "./package-KhSi3xaT.js";
-import { t as je } from "./store-CLH957vl.js";
-import { t as I } from "./truck-DX3lNQkz.js";
-import { t as Me } from "./users-CfG0J8wP.js";
-import { t as L } from "./warehouse-Dt_bAr82.js";
+import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as ee, R as te, S as ne, T as re, U as ie, V as ae, W as oe, X as se, Y as ce, Z as le, _ as ue, a as de, b as fe, c as pe, d as me, et as he, f as ge, g as _e, h as ve, i as _, it as v, j as y, k as b, l as x, m as S, n as C, nt as w, o as T, p as E, q as D, r as O, s as k, t as A, tt as j, u as M, v as N, w as P, x as F, y as ye, z as be } from "./PageLayout-D3N8MCTm.js";
+import { t as xe } from "./DataTable-CfWvFw5B.js";
+import { n as Se, t as Ce } from "./route-Dp9JiN_E.js";
+import { t as we } from "./chart-column-D1Ym15-S.js";
+import { t as Te } from "./dollar-sign-IB4O0wuQ.js";
+import { t as Ee } from "./file-text-C8Uioy11.js";
+import { n as De, t as Oe } from "./settings-3Rw5NwFF.js";
+import { t as ke } from "./map-_Per4sT9.js";
+import { t as Ae } from "./package-BE7U0wQE.js";
+import { t as je } from "./store-RCBl7HB-.js";
+import { t as I } from "./truck-CtDjNFbi.js";
+import { t as Me } from "./users-g2N0eL-Z.js";
+import { t as L } from "./warehouse-D3WWDeTX.js";
 import { i as Ne, n as Pe, r as Fe } from "./graphqlClient-CdJyR_ed.js";
 import { n as Ie, r as Le, t as Re } from "./useOrders-D_3_hGMp.js";
 import { a as ze, i as Be, n as Ve, o as He, r as Ue, t as We } from "./useFleet-BdETplNE.js";
@@ -19,8 +19,8 @@ import { n as Ze, r as Qe, t as $e } from "./useCustomers-bS3a4ytk.js";
 import { n as et, r as tt, t as nt } from "./useRoutes-v4aBaS-E.js";
 import { a as rt, i as it, n as at, o as ot, r as st, t as ct } from "./useAnalytics-ph7eTIK6.js";
 import { a as lt, i as ut, n as dt, o as ft, r as pt, s as mt, t as ht } from "./useTracking-De2KIUNu.js";
-import { n as gt, r as _t, t as vt } from "./MetricCard-DeHVeVwl.js";
-import { a as yt, i as bt, n as xt, r as St, t as Ct } from "./StatusBadge-C--7NhoW.js";
+import { n as gt, r as _t, t as vt } from "./MetricCard-B7yMyvMX.js";
+import { a as yt, i as bt, n as xt, r as St, t as Ct } from "./StatusBadge-CijYQXtb.js";
 import { Suspense as wt, lazy as R, useEffect as z } from "react";
 import { Navigate as Tt, Route as B, Routes as Et } from "react-router-dom";
 import { jsx as V, jsxs as H } from "react/jsx-runtime";
@@ -161,7 +161,7 @@ function Nt() {
 		})
 	});
 }
-var Pt = R(() => import("./DashboardPage-3ZOnwg1a.js")), Ft = R(() => import("./OrdersListPage-CJzHbgY3.js")), It = R(() => import("./OrderDetailsPage-D-9lDZYU.js")), W = R(() => import("./CreateOrderPage-DfkSi6JF.js")), Lt = R(() => import("./TrackingPage-BldUm_g7.js")), Rt = R(() => import("./LiveTrackingPage-DoBvtdBG.js")), zt = R(() => import("./FleetPage-CPS7r4J3.js")), Bt = R(() => import("./VehiclesPage-CCBHRDHu.js")), Vt = R(() => import("./VehicleDetailsPage-Dqv--MVW.js")), Ht = R(() => import("./DriversPage-BOhqEBTv.js")), Ut = R(() => import("./DriverDetailsPage-YuZSlPSV.js")), Wt = R(() => import("./InventoryPage-C9g5d3SW.js")), Gt = R(() => import("./ProductsPage-B0P_wjBJ.js")), Kt = R(() => import("./ProductDetailsPage-3rKtzXpy.js")), qt = R(() => import("./WarehousesPage-CpgZEVW9.js")), Jt = R(() => import("./WarehouseDetailsPage-ZObC_c7W.js")), Yt = R(() => import("./CustomersPage-d21ixOYa.js")), G = R(() => import("./CustomerDetailsPage-DzAIu_tH.js")), Xt = R(() => import("./RoutesPage-CpopY8xN.js")), K = R(() => import("./RouteDetailsPage-DGjKTUMj.js")), Zt = R(() => import("./AnalyticsPage-DI6Wcaw5.js")), Qt = R(() => import("./FinancePage-CnjUNXOb.js")), $t = R(() => import("./MarketplacePage-BEj5hcBF.js")), en = R(() => import("./ImportExportPage-zNjs7xsV.js")), tn = R(() => import("./ReportsPage-B8OyWGzl.js")), nn = R(() => import("./SettingsPage-BvXSa3gi.js")), rn = R(() => import("./AIAssistantPage-BrHX2lQn.js"));
+var Pt = R(() => import("./DashboardPage-DTmyuC11.js")), Ft = R(() => import("./OrdersListPage-DHYBGrWf.js")), It = R(() => import("./OrderDetailsPage-Dx1m3cVA.js")), W = R(() => import("./CreateOrderPage-C9Vb57Yn.js")), Lt = R(() => import("./TrackingPage-CU0Vk4mx.js")), Rt = R(() => import("./LiveTrackingPage-DqcGXdkw.js")), zt = R(() => import("./FleetPage-DCfOmBa2.js")), Bt = R(() => import("./VehiclesPage-tJZ64QKV.js")), Vt = R(() => import("./VehicleDetailsPage-P4xDttKw.js")), Ht = R(() => import("./DriversPage-D0RMBB_t.js")), Ut = R(() => import("./DriverDetailsPage-DaaCQ-2O.js")), Wt = R(() => import("./InventoryPage-BW0QXWuf.js")), Gt = R(() => import("./ProductsPage-RLMTwWN0.js")), Kt = R(() => import("./ProductDetailsPage-DOXO90kb.js")), qt = R(() => import("./WarehousesPage-HsPpEFeG.js")), Jt = R(() => import("./WarehouseDetailsPage-Bt_w2Yf7.js")), Yt = R(() => import("./CustomersPage-DhQg-6h_.js")), G = R(() => import("./CustomerDetailsPage-BVkHRZvi.js")), Xt = R(() => import("./RoutesPage-DDFy1QVi.js")), K = R(() => import("./RouteDetailsPage-xzFDeR-X.js")), Zt = R(() => import("./AnalyticsPage-Ck615ox7.js")), Qt = R(() => import("./FinancePage-BUXqW1IM.js")), $t = R(() => import("./MarketplacePage-DFqsxNYU.js")), en = R(() => import("./ImportExportPage-BM1BoRcE.js")), tn = R(() => import("./ReportsPage-Df3hciPy.js")), nn = R(() => import("./SettingsPage-JH_-UPbf.js")), rn = R(() => import("./AIAssistantPage-CNyoKtID.js"));
 function an() {
 	return /* @__PURE__ */ V(wt, {
 		fallback: /* @__PURE__ */ V(Nt, {}),

package/dist/{map-CS2aFgyO.js → map-_Per4sT9.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/map.js
 var t = e("Map", [
 	["path", {

package/dist/{map-pin-96FeqL7H.js → map-pin-BSaf5IDL.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/map-pin.js
 var t = e("MapPin", [["path", {
 	d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",

package/dist/{navigation-i6UXEjTC.js → navigation-DaTbrhw2.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/navigation.js
 var t = e("Navigation", [["polygon", {
 	points: "3 11 22 2 13 21 11 13 3 11",

package/dist/{package-KhSi3xaT.js → package-BE7U0wQE.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/package.js
 var t = e("Package", [
 	["path", {

package/dist/{phone-B-h3tbsr.js → phone-DV4StZiA.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/mail.js
 var t = e("Mail", [["rect", {
 	width: "20",

package/dist/{plus-D2BYAzMn.js → plus-Dl1rLeJR.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/plus.js
 var t = e("Plus", [["path", {
 	d: "M5 12h14",

package/dist/{refresh-cw-D5Sy01s-.js → refresh-cw-CWfERAit.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/refresh-cw.js
 var t = e("RefreshCw", [
 	["path", {

package/dist/{route-CBDXuwH9.js → route-Dp9JiN_E.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/bot.js
 var t = e("Bot", [
 	["path", {

package/dist/{save-CMc7h-Vi.js → save-XH8vydOn.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/save.js
 var t = e("Save", [
 	["path", {

package/dist/{search-DVrUQbOg.js → search-OxoIiL_C.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/search.js
 var t = e("Search", [["circle", {
 	cx: "11",

package/dist/{settings-BwzIRYv3.js → settings-3Rw5NwFF.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/globe.js
 var t = e("Globe", [
 	["circle", {

package/dist/{square-pen-DmW36Bau.js → square-pen-hLIbFQFV.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/square-pen.js
 var t = e("SquarePen", [["path", {
 	d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7",

package/dist/{star-Cv2MzxZL.js → star-YsVV3MNQ.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/star.js
 var t = e("Star", [["path", {
 	d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",

package/dist/{store-CLH957vl.js → store-RCBl7HB-.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/store.js
 var t = e("Store", [
 	["path", {

package/dist/{trending-up-l8M0BO_w.js → trending-up-C-85AwGT.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/trending-up.js
 var t = e("TrendingUp", [["polyline", {
 	points: "22 7 13.5 15.5 8.5 10.5 2 17",

package/dist/{triangle-alert-BI45s6bH.js → triangle-alert-BOhfGgmh.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/triangle-alert.js
 var t = e("TriangleAlert", [
 	["path", {

package/dist/{truck-DX3lNQkz.js → truck-CtDjNFbi.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/truck.js
 var t = e("Truck", [
 	["path", {

package/dist/{user-D8EY1uvt.js → user-Dz5TJZFs.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/user.js
 var t = e("User", [["path", {
 	d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",

package/dist/{users-CfG0J8wP.js → users-g2N0eL-Z.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/users.js
 var t = e("Users", [
 	["path", {

package/dist/{warehouse-Dt_bAr82.js → warehouse-D3WWDeTX.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/warehouse.js
 var t = e("Warehouse", [
 	["path", {

package/dist/{wrench-C50eI_Iy.js → wrench-CmxY1n4I.js}

@@ -1,4 +1,4 @@
-import { it as e } from "./PageLayout-xDTiBTDS.js";
+import { it as e } from "./PageLayout-D3N8MCTm.js";
 //#region node_modules/lucide-react/dist/esm/icons/fuel.js
 var t = e("Fuel", [
 	["line", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-movethewheels",
-  "version": "2026.624.1",
+  "version": "2026.625.1",
   "description": "Burdenoff MoveTheWheels Microfrontend - Logistics & Supply Chain Management Platform",
   "type": "module",
   "files": [
@@ -40,7 +40,7 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.11",
-    "@burdenoff/fe-libs": "2026.518.7",
+    "@burdenoff/fe-libs": "2026.625.3",
     "@tanstack/react-query": "^5.90.16",
     "clsx": "^2.1.1",
     "graphql": "^16.12.0",

package/src/movethewheels/components/DataTable.tsx

@@ -188,13 +188,13 @@ export function DataTable<T extends object>({
             <Skeleton className="h-10 w-64" />
           </div>
         )}
-        <div className="rounded-md border">
+        <div className="rounded-card border border-border-seam bg-bg-surface shadow-elevation-1">
           <Table>
             <TableHeader>
               <TableRow>
                 {columns.map((column) => (
                   <TableHead key={column.id}>
-                    <Skeleton className="h-4 w-20" />
+                    <Skeleton className="h-4 w-20 motion-safe:animate-vc-shimmer" />
                   </TableHead>
                 ))}
               </TableRow>
@@ -204,7 +204,7 @@ export function DataTable<T extends object>({
                 <TableRow key={i}>
                   {columns.map((column) => (
                     <TableCell key={column.id}>
-                      <Skeleton className="h-4 w-full max-w-[100px]" />
+                      <Skeleton className="h-4 w-full max-w-[100px] motion-safe:animate-vc-shimmer" />
                     </TableCell>
                   ))}
                 </TableRow>
@@ -237,7 +237,7 @@ export function DataTable<T extends object>({
       )}
 
       {/* Table */}
-      <div className="rounded-md border">
+      <div className="overflow-x-auto rounded-card border border-border-seam bg-bg-surface shadow-elevation-1">
         <Table>
           <TableHeader>
             <TableRow>

package/src/movethewheels/components/MetricCard.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
+import { GlassCard } from '@burdenoff/fe-libs/ui';
 import { cn } from '../utils/cn';
-import { Card, CardContent } from './ui';
 
 interface MetricCardProps {
   /** Main value to display */
@@ -23,6 +23,10 @@ interface MetricCardProps {
   onClick?: () => void;
   /** Additional CSS classes */
   className?: string;
+  /** Boff UI 2.0 surface treatment. Defaults to the soft accent-wash metric surface. */
+  treatment?: 'metric' | 'glass';
+  /** Featured/active accent glow (used for the single hero metric per page). */
+  glow?: boolean;
 }
 
 const sizeClasses = {
@@ -60,12 +64,14 @@ export function MetricCard({
   size = 'md',
   onClick,
   className,
+  treatment = 'metric',
+  glow = false,
 }: MetricCardProps) {
   const styles = sizeClasses[size];
 
   const changeColors = {
-    positive: 'text-green-600 dark:text-green-400',
-    negative: 'text-red-600 dark:text-red-400',
+    positive: 'text-status-success-text',
+    negative: 'text-status-error-text',
     neutral: 'text-text-secondary',
   };
 
@@ -98,24 +104,44 @@ export function MetricCard({
   };
 
   return (
-    <Card
+    <GlassCard
+      treatment={treatment}
+      glow={glow}
       className={cn(
-        'overflow-hidden transition-all duration-200',
-        onClick && 'cursor-pointer hover:shadow-md hover:border-primary/30',
+        'overflow-hidden border-border-seam',
+        onClick &&
+          'cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg focus-visible:ring-offset-2 focus-visible:ring-offset-bg-base',
         className
       )}
       onClick={onClick}
+      {...(onClick
+        ? {
+            role: 'button',
+            tabIndex: 0,
+            onKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => {
+              if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                onClick();
+              }
+            },
+          }
+        : {})}
     >
-      <CardContent className={styles.card}>
+      <div className={styles.card}>
         <div className="flex items-start justify-between">
           <div className="space-y-1">
             <p className={cn('text-text-secondary', styles.label)}>{label}</p>
-            <p className={cn('text-text-primary tracking-tight', styles.value)}>
+            <p className={cn('text-text-primary tracking-tight tabular-nums', styles.value)}>
               {typeof value === 'number' ? value.toLocaleString() : value}
             </p>
             {subtitle && <p className="text-xs text-text-secondary">{subtitle}</p>}
             {change && (
-              <div className={cn('flex items-center gap-1 text-sm', changeColors[changeType])}>
+              <div
+                className={cn(
+                  'flex items-center gap-1 text-sm tabular-nums',
+                  changeColors[changeType]
+                )}
+              >
                 {trend && trendIcons[trend]}
                 <span>{change}</span>
               </div>
@@ -123,14 +149,17 @@ export function MetricCard({
           </div>
           {icon && (
             <div
-              className={cn('flex-shrink-0 p-2 rounded-lg bg-action-primary-bg/10 text-primary', styles.icon)}
+              className={cn(
+                'flex-shrink-0 p-2 rounded-lg bg-action-primary-bg/10 text-action-primary-bg',
+                styles.icon
+              )}
             >
               {icon}
             </div>
           )}
         </div>
-      </CardContent>
-    </Card>
+      </div>
+    </GlassCard>
   );
 }
 
@@ -141,18 +170,18 @@ export function MetricCardSkeleton({ size = 'md' }: { size?: 'sm' | 'md' | 'lg'
   const styles = sizeClasses[size];
 
   return (
-    <Card className="overflow-hidden">
-      <CardContent className={styles.card}>
+    <GlassCard treatment="metric" className="overflow-hidden border-border-seam">
+      <div className={styles.card}>
         <div className="flex items-start justify-between">
           <div className="space-y-2 flex-1">
-            <div className="h-4 w-24 bg-bg-sunken animate-pulse rounded" />
-            <div className="h-8 w-32 bg-bg-sunken animate-pulse rounded" />
-            <div className="h-3 w-20 bg-bg-sunken animate-pulse rounded" />
+            <div className="h-4 w-24 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" />
+            <div className="h-8 w-32 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" />
+            <div className="h-3 w-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" />
           </div>
-          <div className={cn('bg-bg-sunken animate-pulse rounded-lg', styles.icon)} />
+          <div className={cn('bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg', styles.icon)} />
         </div>
-      </CardContent>
-    </Card>
+      </div>
+    </GlassCard>
   );
 }