@burdenoff/microfe-movethewheels 2026.614.1 → 2026.625.1

package/dist/{FleetPage-Dlupg1NZ.js → FleetPage-DCfOmBa2.js}

@@ -1,83 +1,84 @@
-import { M as e, a as t, d as n, f as r, g as i, h as a, i as o, o as s, s as c, u as l } from "./PageLayout-3DR4pMQ9.js";
-import { t as u } from "./chevron-right-Bzo6Rr8_.js";
-import { n as d, t as f } from "./wrench-DYJo0U8_.js";
-import { t as p } from "./star-BW23nRLp.js";
-import { t as m } from "./truck-Cd54agV-.js";
-import { t as h } from "./users-e-wRlQnX.js";
+import { M as e, a as t, d as n, f as r, g as i, h as a, i as o, o as s, s as c, u as l } from "./PageLayout-D3N8MCTm.js";
+import { t as u } from "./chevron-right-BIFGi0UA.js";
+import { n as d, t as f } from "./wrench-CmxY1n4I.js";
+import { t as p } from "./star-YsVV3MNQ.js";
+import { t as m } from "./truck-CtDjNFbi.js";
+import { t as h } from "./users-g2N0eL-Z.js";
 import { r as g } from "./graphqlClient-CdJyR_ed.js";
 import { i as _, n as v, o as y } from "./useFleet-BdETplNE.js";
-import { r as b, t as x } from "./MetricCard-BDcT-7Ei.js";
-import { a as S, r as C } from "./StatusBadge-elLZA4Wl.js";
+import { r as b, t as x } from "./MetricCard-B7yMyvMX.js";
+import { a as S, r as C } from "./StatusBadge-CijYQXtb.js";
 import { t as w } from "./navigation-BgnOfsVd.js";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { useI18n as D } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CTAOverflowMenu as D } from "@burdenoff/fe-libs/ui";
+import { useI18n as O } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/movethewheels/pages/FleetPage.tsx
-function O() {
-	let { t: O } = D(), k = (e, t) => {
-		let n = O(e);
+function k() {
+	let { t: k } = O(), A = (e, t) => {
+		let n = k(e);
 		return n === e ? t : n;
-	}, { basePath: A, navigate: j } = g(), { stats: M } = _(), { vehicles: N } = y(), { drivers: P } = v(), F = (e) => {
-		j && j(w(A, e));
+	}, { basePath: j, navigate: M } = g(), { stats: N } = _(), { vehicles: P } = y(), { drivers: F } = v(), I = (e) => {
+		M && M(w(j, e));
 	};
 	return /* @__PURE__ */ E(o, {
-		title: k("movethewheels.fleet.title", "Fleet Management"),
-		subtitle: k("movethewheels.fleet.subtitle", "Manage your vehicles and drivers"),
+		title: A("movethewheels.fleet.title", "Fleet Management"),
+		subtitle: A("movethewheels.fleet.subtitle", "Manage your vehicles and drivers"),
 		icon: /* @__PURE__ */ T(m, { size: 24 }),
-		headerActions: /* @__PURE__ */ E("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ E(l, {
-				variant: "outline",
-				onClick: () => F("fleet/vehicles"),
-				children: [/* @__PURE__ */ T(m, { size: 16 }), k("movethewheels.fleet.actions.allVehicles", "All Vehicles")]
-			}), /* @__PURE__ */ E(l, {
-				variant: "outline",
-				onClick: () => F("fleet/drivers"),
-				children: [/* @__PURE__ */ T(h, { size: 16 }), k("movethewheels.fleet.actions.allDrivers", "All Drivers")]
-			})]
+		headerActions: /* @__PURE__ */ T(D, {
+			primary: {
+				label: A("movethewheels.fleet.actions.allVehicles", "All Vehicles"),
+				icon: /* @__PURE__ */ T(m, { size: 16 }),
+				onSelect: () => I("fleet/vehicles")
+			},
+			actions: [{
+				label: A("movethewheels.fleet.actions.allDrivers", "All Drivers"),
+				icon: /* @__PURE__ */ T(h, { size: 16 }),
+				onSelect: () => I("fleet/drivers")
+			}]
 		}),
 		children: [
 			/* @__PURE__ */ E(b, {
 				columns: 4,
 				children: [
 					/* @__PURE__ */ T(x, {
-						label: k("movethewheels.fleet.metrics.totalVehicles", "Total Vehicles"),
-						value: M.totalVehicles,
+						label: A("movethewheels.fleet.metrics.totalVehicles", "Total Vehicles"),
+						value: N.totalVehicles,
 						icon: /* @__PURE__ */ T(m, { size: 20 }),
-						subtitle: `${M.vehiclesByStatus.available} ${k("movethewheels.fleet.metrics.available", "available")}`,
-						onClick: () => F("fleet/vehicles")
+						subtitle: `${N.vehiclesByStatus.available} ${A("movethewheels.fleet.metrics.available", "available")}`,
+						onClick: () => I("fleet/vehicles")
 					}),
 					/* @__PURE__ */ T(x, {
-						label: k("movethewheels.fleet.metrics.totalDrivers", "Total Drivers"),
-						value: M.totalDrivers,
+						label: A("movethewheels.fleet.metrics.totalDrivers", "Total Drivers"),
+						value: N.totalDrivers,
 						icon: /* @__PURE__ */ T(h, { size: 20 }),
-						subtitle: `${M.driversByStatus.available} ${k("movethewheels.fleet.metrics.available", "available")}`,
-						onClick: () => F("fleet/drivers")
+						subtitle: `${N.driversByStatus.available} ${A("movethewheels.fleet.metrics.available", "available")}`,
+						onClick: () => I("fleet/drivers")
 					}),
 					/* @__PURE__ */ T(x, {
-						label: k("movethewheels.fleet.metrics.utilization", "Fleet Utilization"),
-						value: `${M.utilization.toFixed(0)}%`,
+						label: A("movethewheels.fleet.metrics.utilization", "Fleet Utilization"),
+						value: `${N.utilization.toFixed(0)}%`,
 						icon: /* @__PURE__ */ T(m, { size: 20 }),
-						changeType: M.utilization >= 70 ? "positive" : "neutral"
+						changeType: N.utilization >= 70 ? "positive" : "neutral"
 					}),
 					/* @__PURE__ */ T(x, {
-						label: k("movethewheels.fleet.metrics.avgDriverRating", "Avg Driver Rating"),
-						value: M.avgDriverRating.toFixed(1),
+						label: A("movethewheels.fleet.metrics.avgDriverRating", "Avg Driver Rating"),
+						value: N.avgDriverRating.toFixed(1),
 						icon: /* @__PURE__ */ T(p, { size: 20 }),
-						subtitle: k("movethewheels.fleet.metrics.outOfFive", "out of 5"),
-						changeType: M.avgDriverRating >= 4.5 ? "positive" : "neutral"
+						subtitle: A("movethewheels.fleet.metrics.outOfFive", "out of 5"),
+						changeType: N.avgDriverRating >= 4.5 ? "positive" : "neutral"
 					})
 				]
 			}),
 			/* @__PURE__ */ E("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
 				children: [/* @__PURE__ */ T(t, {
-					title: k("movethewheels.fleet.vehicles.title", "Vehicles"),
+					title: A("movethewheels.fleet.vehicles.title", "Vehicles"),
 					actions: /* @__PURE__ */ E(l, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => F("fleet/vehicles"),
+						onClick: () => I("fleet/vehicles"),
 						children: [
-							k("movethewheels.fleet.common.viewAll", "View all"),
+							A("movethewheels.fleet.common.viewAll", "View all"),
 							" ",
 							/* @__PURE__ */ T(u, { size: 16 })
 						]
@@ -86,15 +87,15 @@ function O() {
 						className: "p-0",
 						children: /* @__PURE__ */ T("div", {
 							className: "divide-y",
-							children: N.slice(0, 5).map((t) => /* @__PURE__ */ T("div", {
-								className: "p-4 hover:bg-muted/50 cursor-pointer transition-colors",
-								onClick: () => F(`fleet/vehicles/${t.id}`),
+							children: P.slice(0, 5).map((t) => /* @__PURE__ */ T("div", {
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors",
+								onClick: () => I(`fleet/vehicles/${t.id}`),
 								children: /* @__PURE__ */ E("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ E("div", {
 										className: "flex items-center gap-3",
 										children: [/* @__PURE__ */ T("div", {
-											className: "w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center",
+											className: "w-10 h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center",
 											children: /* @__PURE__ */ T(m, {
 												size: 20,
 												className: "text-primary"
@@ -109,7 +110,7 @@ function O() {
 												size: "sm"
 											})]
 										}), /* @__PURE__ */ E("p", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: [
 												t.make,
 												" ",
@@ -130,14 +131,14 @@ function O() {
 											children: [
 												/* @__PURE__ */ T(d, {
 													size: 12,
-													className: "text-muted-foreground"
+													className: "text-text-secondary"
 												}),
 												/* @__PURE__ */ T(e, {
 													value: t.fuelLevel,
 													className: "w-16 h-2"
 												}),
 												/* @__PURE__ */ E("span", {
-													className: "text-xs text-muted-foreground",
+													className: "text-xs text-text-secondary",
 													children: [t.fuelLevel, "%"]
 												})
 											]
@@ -148,13 +149,13 @@ function O() {
 						})
 					}) })
 				}), /* @__PURE__ */ T(t, {
-					title: k("movethewheels.fleet.drivers.title", "Drivers"),
+					title: A("movethewheels.fleet.drivers.title", "Drivers"),
 					actions: /* @__PURE__ */ E(l, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => F("fleet/drivers"),
+						onClick: () => I("fleet/drivers"),
 						children: [
-							k("movethewheels.fleet.common.viewAll", "View all"),
+							A("movethewheels.fleet.common.viewAll", "View all"),
 							" ",
 							/* @__PURE__ */ T(u, { size: 16 })
 						]
@@ -163,9 +164,9 @@ function O() {
 						className: "p-0",
 						children: /* @__PURE__ */ T("div", {
 							className: "divide-y",
-							children: P.slice(0, 5).map((e) => /* @__PURE__ */ T("div", {
-								className: "p-4 hover:bg-muted/50 cursor-pointer transition-colors",
-								onClick: () => F(`fleet/drivers/${e.id}`),
+							children: F.slice(0, 5).map((e) => /* @__PURE__ */ T("div", {
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors",
+								onClick: () => I(`fleet/drivers/${e.id}`),
 								children: /* @__PURE__ */ E("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ E("div", {
@@ -174,13 +175,13 @@ function O() {
 											className: "font-medium",
 											children: e.fullName
 										}), /* @__PURE__ */ E("p", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: [
 												e.employeeId,
 												" - ",
 												e.completedOrders,
 												" ",
-												k("movethewheels.fleet.drivers.deliveries", "deliveries")
+												A("movethewheels.fleet.drivers.deliveries", "deliveries")
 											]
 										})] })]
 									}), /* @__PURE__ */ E("div", {
@@ -208,9 +209,9 @@ function O() {
 			}),
 			/* @__PURE__ */ E("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ E(n, { children: [/* @__PURE__ */ T(a, { children: /* @__PURE__ */ T(i, { children: k("movethewheels.fleet.status.vehicleTitle", "Vehicle Status") }) }), /* @__PURE__ */ T(r, { children: /* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ E(n, { children: [/* @__PURE__ */ T(a, { children: /* @__PURE__ */ T(i, { children: A("movethewheels.fleet.status.vehicleTitle", "Vehicle Status") }) }), /* @__PURE__ */ T(r, { children: /* @__PURE__ */ T("div", {
 					className: "space-y-4",
-					children: Object.entries(M.vehiclesByStatus).map(([t, n]) => /* @__PURE__ */ E("div", {
+					children: Object.entries(N.vehiclesByStatus).map(([t, n]) => /* @__PURE__ */ E("div", {
 						className: "flex items-center justify-between",
 						children: [/* @__PURE__ */ T("div", {
 							className: "flex items-center gap-3",
@@ -224,14 +225,14 @@ function O() {
 								className: "font-medium",
 								children: n
 							}), /* @__PURE__ */ T(e, {
-								value: n / M.totalVehicles * 100,
+								value: n / N.totalVehicles * 100,
 								className: "w-24 h-2"
 							})]
 						})]
 					}, t))
-				}) })] }), /* @__PURE__ */ E(n, { children: [/* @__PURE__ */ T(a, { children: /* @__PURE__ */ T(i, { children: k("movethewheels.fleet.status.driverTitle", "Driver Status") }) }), /* @__PURE__ */ T(r, { children: /* @__PURE__ */ T("div", {
+				}) })] }), /* @__PURE__ */ E(n, { children: [/* @__PURE__ */ T(a, { children: /* @__PURE__ */ T(i, { children: A("movethewheels.fleet.status.driverTitle", "Driver Status") }) }), /* @__PURE__ */ T(r, { children: /* @__PURE__ */ T("div", {
 					className: "space-y-4",
-					children: Object.entries(M.driversByStatus).map(([t, n]) => /* @__PURE__ */ E("div", {
+					children: Object.entries(N.driversByStatus).map(([t, n]) => /* @__PURE__ */ E("div", {
 						className: "flex items-center justify-between",
 						children: [/* @__PURE__ */ T("div", {
 							className: "flex items-center gap-3",
@@ -245,21 +246,21 @@ function O() {
 								className: "font-medium",
 								children: n
 							}), /* @__PURE__ */ T(e, {
-								value: n / M.totalDrivers * 100,
+								value: n / N.totalDrivers * 100,
 								className: "w-24 h-2"
 							})]
 						})]
 					}, t))
 				}) })] })]
 			}),
-			M.vehiclesByStatus.maintenance > 0 && /* @__PURE__ */ E(n, {
+			N.vehiclesByStatus.maintenance > 0 && /* @__PURE__ */ E(n, {
 				className: "border-yellow-200 dark:border-yellow-800",
 				children: [/* @__PURE__ */ T(a, { children: /* @__PURE__ */ E(i, {
 					className: "flex items-center gap-2 text-yellow-600",
-					children: [/* @__PURE__ */ T(f, { size: 18 }), k("movethewheels.fleet.maintenance.title", "Maintenance Required")]
+					children: [/* @__PURE__ */ T(f, { size: 18 }), A("movethewheels.fleet.maintenance.title", "Maintenance Required")]
 				}) }), /* @__PURE__ */ T(r, { children: /* @__PURE__ */ T("div", {
 					className: "space-y-3",
-					children: N.filter((e) => e.status === "maintenance").map((e) => /* @__PURE__ */ E("div", {
+					children: P.filter((e) => e.status === "maintenance").map((e) => /* @__PURE__ */ E("div", {
 						className: "flex items-center justify-between p-3 bg-yellow-50 dark:bg-yellow-900/20 rounded-lg",
 						children: [/* @__PURE__ */ E("div", {
 							className: "flex items-center gap-3",
@@ -270,7 +271,7 @@ function O() {
 								className: "font-medium",
 								children: e.vehicleNumber
 							}), /* @__PURE__ */ E("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: [
 									e.make,
 									" ",
@@ -280,8 +281,8 @@ function O() {
 						}), /* @__PURE__ */ T(l, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => F(`fleet/vehicles/${e.id}`),
-							children: k("movethewheels.fleet.maintenance.viewDetails", "View Details")
+							onClick: () => I(`fleet/vehicles/${e.id}`),
+							children: A("movethewheels.fleet.maintenance.viewDetails", "View Details")
 						})]
 					}, e.id))
 				}) })]
@@ -290,4 +291,4 @@ function O() {
 	});
 }
 //#endregion
-export { O as default };
+export { k as default };

package/dist/{ImportExportPage-D81vnXbH.js → ImportExportPage-BM1BoRcE.js}

@@ -1,8 +1,8 @@
-import { d as e, f as t, g as n, h as r, i, it as a, l as o, u as s } from "./PageLayout-3DR4pMQ9.js";
-import { t as c } from "./download-CQqBpPk5.js";
-import { t as l } from "./file-text-CnHcsdsc.js";
+import { d as e, f as t, g as n, h as r, i, it as a, l as o, u as s } from "./PageLayout-D3N8MCTm.js";
+import { t as c } from "./download-Dpa9vqoG.js";
+import { t as l } from "./file-text-C8Uioy11.js";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/check.js
+//#region node_modules/lucide-react/dist/esm/icons/check.js
 var f = a("Check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"
@@ -92,7 +92,7 @@ function h() {
 					children: [/* @__PURE__ */ d("div", {
 						className: "flex items-center gap-3",
 						children: [/* @__PURE__ */ u("div", {
-							className: "w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center",
+							className: "w-10 h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center",
 							children: /* @__PURE__ */ u(e.icon, {
 								size: 20,
 								className: "text-primary"
@@ -101,7 +101,7 @@ function h() {
 							className: "font-medium",
 							children: e.name
 						}), /* @__PURE__ */ u("p", {
-							className: "text-sm text-muted-foreground",
+							className: "text-sm text-text-secondary",
 							children: e.description
 						})] })]
 					}), /* @__PURE__ */ d("div", {
@@ -161,7 +161,7 @@ function h() {
 						className: "font-medium",
 						children: e.name
 					}), /* @__PURE__ */ u("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: e.description
 					})] }), /* @__PURE__ */ u("div", {
 						className: "flex gap-1",
@@ -195,7 +195,7 @@ function h() {
 					status: "completed"
 				}
 			].map((e, t) => /* @__PURE__ */ d("div", {
-				className: "flex items-center justify-between p-3 bg-muted/50 rounded-lg",
+				className: "flex items-center justify-between p-3 bg-bg-sunken/50 rounded-lg",
 				children: [/* @__PURE__ */ d("div", {
 					className: "flex items-center gap-3",
 					children: [e.type === "import" ? /* @__PURE__ */ u(m, {
@@ -208,7 +208,7 @@ function h() {
 						className: "font-medium",
 						children: e.name
 					}), /* @__PURE__ */ d("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: [
 							e.type === "import" ? "Imported" : "Exported",
 							" on ",

package/dist/{InventoryPage-D0u2nxRd.js → InventoryPage-BW0QXWuf.js}

@@ -1,100 +1,95 @@
-import { M as e, a as t, d as n, f as r, g as i, h as a, i as o, l as s, u as c } from "./PageLayout-3DR4pMQ9.js";
-import { t as l } from "./chevron-right-Bzo6Rr8_.js";
-import { t as u } from "./package-CPePjBwW.js";
-import { t as d } from "./plus-Dew5yoQK.js";
-import { t as f } from "./triangle-alert-Ck_oBZ7n.js";
-import { t as p } from "./warehouse-DXnNb4kf.js";
+import { M as e, a as t, d as n, f as r, g as i, h as a, i as o, l as s, u as c } from "./PageLayout-D3N8MCTm.js";
+import { t as l } from "./chevron-right-BIFGi0UA.js";
+import { t as u } from "./package-BE7U0wQE.js";
+import { t as d } from "./plus-Dl1rLeJR.js";
+import { t as f } from "./triangle-alert-BOhfGgmh.js";
+import { t as p } from "./warehouse-D3WWDeTX.js";
 import { r as m } from "./graphqlClient-CdJyR_ed.js";
 import { n as h, t as g } from "./useInventory-Dwn18FPz.js";
-import { r as _, t as v } from "./MetricCard-BDcT-7Ei.js";
+import { r as _, t as v } from "./MetricCard-B7yMyvMX.js";
 import { n as y } from "./formatters-_vJlC-47.js";
 import { t as b } from "./navigation-BgnOfsVd.js";
 import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { useI18n as C } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CTAOverflowMenu as C } from "@burdenoff/fe-libs/ui";
+import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/movethewheels/pages/InventoryPage.tsx
-function w() {
-	let { t: w } = C(), T = (e, t) => {
-		let n = w(e);
+function T() {
+	let { t: T } = w(), E = (e, t) => {
+		let n = T(e);
 		return n === e ? t : n;
-	}, { basePath: E, navigate: D } = m(), { inventory: O, products: k, warehouses: A } = g(), { stats: j } = h(), M = (e) => D?.(b(E, e)), N = O.filter((e) => e.availableQuantity <= e.reorderLevel);
+	}, { basePath: D, navigate: O } = m(), { inventory: k, products: A, warehouses: j } = g(), { stats: M } = h(), N = (e) => O?.(b(D, e)), P = k.filter((e) => e.availableQuantity <= e.reorderLevel);
 	return /* @__PURE__ */ S(o, {
-		title: T("movethewheels.inventory.title", "Inventory"),
-		subtitle: T("movethewheels.inventory.subtitle", "Manage your products and warehouses"),
+		title: E("movethewheels.inventory.title", "Inventory"),
+		subtitle: E("movethewheels.inventory.subtitle", "Manage your products and warehouses"),
 		icon: /* @__PURE__ */ x(u, { size: 24 }),
-		headerActions: /* @__PURE__ */ S("div", {
-			className: "flex gap-2",
-			children: [
-				/* @__PURE__ */ x(c, {
-					variant: "outline",
-					onClick: () => M("inventory/products"),
-					children: T("movethewheels.inventory.actions.products", "Products")
-				}),
-				/* @__PURE__ */ x(c, {
-					variant: "outline",
-					onClick: () => M("inventory/warehouses"),
-					children: T("movethewheels.inventory.actions.warehouses", "Warehouses")
-				}),
-				/* @__PURE__ */ S(c, { children: [
-					/* @__PURE__ */ x(d, { size: 16 }),
-					" ",
-					T("movethewheels.inventory.actions.addProduct", "Add Product")
-				] })
-			]
+		headerActions: /* @__PURE__ */ x(C, {
+			primary: {
+				label: E("movethewheels.inventory.actions.addProduct", "Add Product"),
+				icon: /* @__PURE__ */ x(d, { size: 16 }),
+				onSelect: () => {}
+			},
+			actions: [{
+				label: E("movethewheels.inventory.actions.products", "Products"),
+				onSelect: () => N("inventory/products")
+			}, {
+				label: E("movethewheels.inventory.actions.warehouses", "Warehouses"),
+				onSelect: () => N("inventory/warehouses")
+			}]
 		}),
 		children: [
 			/* @__PURE__ */ S(_, {
 				columns: 4,
 				children: [
 					/* @__PURE__ */ x(v, {
-						label: T("movethewheels.inventory.metrics.totalProducts", "Total Products"),
-						value: j.totalProducts,
+						label: E("movethewheels.inventory.metrics.totalProducts", "Total Products"),
+						value: M.totalProducts,
 						icon: /* @__PURE__ */ x(u, { size: 20 }),
-						onClick: () => M("inventory/products")
+						onClick: () => N("inventory/products")
 					}),
 					/* @__PURE__ */ x(v, {
-						label: T("movethewheels.inventory.metrics.totalItems", "Total Items"),
-						value: j.totalItems.toLocaleString(),
+						label: E("movethewheels.inventory.metrics.totalItems", "Total Items"),
+						value: M.totalItems.toLocaleString(),
 						icon: /* @__PURE__ */ x(u, { size: 20 })
 					}),
 					/* @__PURE__ */ x(v, {
-						label: T("movethewheels.inventory.metrics.inventoryValue", "Inventory Value"),
-						value: y(j.totalValue),
+						label: E("movethewheels.inventory.metrics.inventoryValue", "Inventory Value"),
+						value: y(M.totalValue),
 						icon: /* @__PURE__ */ x(u, { size: 20 })
 					}),
 					/* @__PURE__ */ x(v, {
-						label: T("movethewheels.inventory.metrics.warehouses", "Warehouses"),
-						value: j.totalWarehouses,
+						label: E("movethewheels.inventory.metrics.warehouses", "Warehouses"),
+						value: M.totalWarehouses,
 						icon: /* @__PURE__ */ x(p, { size: 20 }),
-						onClick: () => M("inventory/warehouses")
+						onClick: () => N("inventory/warehouses")
 					})
 				]
 			}),
-			N.length > 0 && /* @__PURE__ */ S(n, {
+			P.length > 0 && /* @__PURE__ */ S(n, {
 				className: "border-yellow-200",
 				children: [/* @__PURE__ */ x(a, { children: /* @__PURE__ */ S(i, {
 					className: "flex items-center gap-2 text-yellow-600",
 					children: [
 						/* @__PURE__ */ x(f, { size: 18 }),
-						T("movethewheels.inventory.lowStock.title", "Low Stock Alert"),
+						E("movethewheels.inventory.lowStock.title", "Low Stock Alert"),
 						" (",
-						N.length,
+						P.length,
 						" ",
-						T("movethewheels.inventory.lowStock.items", "items"),
+						E("movethewheels.inventory.lowStock.items", "items"),
 						")"
 					]
 				}) }), /* @__PURE__ */ x(r, { children: /* @__PURE__ */ x("div", {
 					className: "space-y-3",
-					children: N.slice(0, 5).map((e) => {
-						let t = k.find((t) => t.id === e.productId);
+					children: P.slice(0, 5).map((e) => {
+						let t = A.find((t) => t.id === e.productId);
 						return /* @__PURE__ */ S("div", {
 							className: "flex items-center justify-between p-3 bg-yellow-50 dark:bg-yellow-900/20 rounded-lg",
 							children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 								className: "font-medium",
-								children: t?.name || T("movethewheels.inventory.lowStock.unknownProduct", "Unknown Product")
+								children: t?.name || E("movethewheels.inventory.lowStock.unknownProduct", "Unknown Product")
 							}), /* @__PURE__ */ S("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: [
-									T("movethewheels.inventory.lowStock.sku", "SKU:"),
+									E("movethewheels.inventory.lowStock.sku", "SKU:"),
 									" ",
 									t?.sku
 								]
@@ -105,12 +100,12 @@ function w() {
 									children: [
 										e.availableQuantity,
 										" ",
-										T("movethewheels.inventory.lowStock.left", "left")
+										E("movethewheels.inventory.lowStock.left", "left")
 									]
 								}), /* @__PURE__ */ S("p", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: [
-										T("movethewheels.inventory.lowStock.reorderAt", "Reorder at:"),
+										E("movethewheels.inventory.lowStock.reorderAt", "Reorder at:"),
 										" ",
 										e.reorderLevel
 									]
@@ -123,13 +118,13 @@ function w() {
 			/* @__PURE__ */ S("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
 				children: [/* @__PURE__ */ x(t, {
-					title: T("movethewheels.inventory.warehouses.title", "Warehouses"),
+					title: E("movethewheels.inventory.warehouses.title", "Warehouses"),
 					actions: /* @__PURE__ */ S(c, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => M("inventory/warehouses"),
+						onClick: () => N("inventory/warehouses"),
 						children: [
-							T("movethewheels.inventory.common.viewAll", "View all"),
+							E("movethewheels.inventory.common.viewAll", "View all"),
 							" ",
 							/* @__PURE__ */ x(l, { size: 16 })
 						]
@@ -138,16 +133,16 @@ function w() {
 						className: "p-0",
 						children: /* @__PURE__ */ x("div", {
 							className: "divide-y",
-							children: A.map((t) => /* @__PURE__ */ x("div", {
-								className: "p-4 hover:bg-muted/50 cursor-pointer",
-								onClick: () => M(`inventory/warehouses/${t.id}`),
+							children: j.map((t) => /* @__PURE__ */ x("div", {
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer",
+								onClick: () => N(`inventory/warehouses/${t.id}`),
 								children: /* @__PURE__ */ S("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "font-medium",
 										children: t.name
 									}), /* @__PURE__ */ S("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: [
 											t.address.city,
 											", ",
@@ -157,12 +152,12 @@ function w() {
 										className: "text-right",
 										children: [/* @__PURE__ */ x(s, {
 											variant: t.isActive ? "default" : "secondary",
-											children: t.isActive ? T("movethewheels.inventory.warehouses.active", "Active") : T("movethewheels.inventory.warehouses.inactive", "Inactive")
+											children: t.isActive ? E("movethewheels.inventory.warehouses.active", "Active") : E("movethewheels.inventory.warehouses.inactive", "Inactive")
 										}), /* @__PURE__ */ S("div", {
 											className: "mt-2",
 											children: [/* @__PURE__ */ x("p", {
-												className: "text-xs text-muted-foreground",
-												children: T("movethewheels.inventory.warehouses.utilization", "Utilization")
+												className: "text-xs text-text-secondary",
+												children: E("movethewheels.inventory.warehouses.utilization", "Utilization")
 											}), /* @__PURE__ */ x(e, {
 												value: t.capacity.usedSpace / t.capacity.totalSpace * 100,
 												className: "w-24 h-2"
@@ -174,13 +169,13 @@ function w() {
 						})
 					}) })
 				}), /* @__PURE__ */ x(t, {
-					title: T("movethewheels.inventory.products.title", "Recent Products"),
+					title: E("movethewheels.inventory.products.title", "Recent Products"),
 					actions: /* @__PURE__ */ S(c, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => M("inventory/products"),
+						onClick: () => N("inventory/products"),
 						children: [
-							T("movethewheels.inventory.common.viewAll", "View all"),
+							E("movethewheels.inventory.common.viewAll", "View all"),
 							" ",
 							/* @__PURE__ */ x(l, { size: 16 })
 						]
@@ -189,16 +184,16 @@ function w() {
 						className: "p-0",
 						children: /* @__PURE__ */ x("div", {
 							className: "divide-y",
-							children: k.slice(0, 5).map((e) => /* @__PURE__ */ x("div", {
-								className: "p-4 hover:bg-muted/50 cursor-pointer",
-								onClick: () => M(`inventory/products/${e.id}`),
+							children: A.slice(0, 5).map((e) => /* @__PURE__ */ x("div", {
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer",
+								onClick: () => N(`inventory/products/${e.id}`),
 								children: /* @__PURE__ */ S("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "font-medium",
 										children: e.name
 									}), /* @__PURE__ */ x("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: e.sku
 									})] }), /* @__PURE__ */ S("div", {
 										className: "text-right",
@@ -220,4 +215,4 @@ function w() {
 	});
 }
 //#endregion
-export { w as default };
+export { T as default };