@burdenoff/microfe-movethewheels 2026.614.1 → 2026.625.1

package/dist/{DashboardPage-BeyvN3Mr.js → DashboardPage-DTmyuC11.js}

@@ -1,82 +1,88 @@
-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 "./clock-DP-76dyQ.js";
-import { t as d } from "./dollar-sign-CrwqdoEC.js";
-import { t as f } from "./map-pin-4a-IA2NP.js";
-import { t as p } from "./package-CPePjBwW.js";
-import { t as m } from "./trending-up-DYQ3Xns5.js";
-import { t as h } from "./triangle-alert-Ck_oBZ7n.js";
-import { t as g } from "./truck-Cd54agV-.js";
-import { t as _ } 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, l as s, u as c } from "./PageLayout-D3N8MCTm.js";
+import { t as l } from "./chevron-right-BIFGi0UA.js";
+import { t as u } from "./clock-BjkdnddD.js";
+import { t as d } from "./dollar-sign-IB4O0wuQ.js";
+import { t as f } from "./map-pin-BSaf5IDL.js";
+import { t as p } from "./package-BE7U0wQE.js";
+import { t as m } from "./trending-up-C-85AwGT.js";
+import { t as h } from "./triangle-alert-BOhfGgmh.js";
+import { t as g } from "./truck-CtDjNFbi.js";
+import { t as _ } from "./users-g2N0eL-Z.js";
 import { r as v } from "./graphqlClient-CdJyR_ed.js";
 import { n as y, r as b } from "./useOrders-D_3_hGMp.js";
 import { i as x } from "./useFleet-BdETplNE.js";
 import { n as S } from "./useAnalytics-ph7eTIK6.js";
 import { r as C } from "./useTracking-De2KIUNu.js";
-import { r as w, t as T } from "./MetricCard-BDcT-7Ei.js";
-import { r as E } from "./StatusBadge-elLZA4Wl.js";
+import { r as w, t as T } from "./MetricCard-B7yMyvMX.js";
+import { r as E } from "./StatusBadge-CijYQXtb.js";
 import { n as D, r as O } from "./formatters-_vJlC-47.js";
 import { t as k } from "./navigation-BgnOfsVd.js";
 import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { useI18n as M } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CTAOverflowMenu as M, EmphasisPanel as N } from "@burdenoff/fe-libs/ui";
+import { useI18n as P } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/movethewheels/pages/DashboardPage.tsx
-function N() {
-	let { t: N } = M(), P = (e, t) => {
-		let n = N(e);
+function F() {
+	let { t: F } = P(), I = (e, t) => {
+		let n = F(e);
 		return n === e ? t : n;
-	}, { basePath: F, navigate: I } = v(), { metrics: L } = S(), { orders: R } = b({ limit: 5 }), { stats: z } = y(), { stats: B } = x(), { activeDeliveries: V } = C(), H = (e) => {
-		I && I(k(F, e));
+	}, { basePath: L, navigate: R } = v(), { metrics: z } = S(), { orders: B } = b({ limit: 5 }), { stats: V } = y(), { stats: H } = x(), { activeDeliveries: U } = C(), W = (e) => {
+		R && R(k(L, e));
 	};
 	return /* @__PURE__ */ j(o, {
-		title: P("movethewheels.dashboard.title", "Dashboard"),
-		subtitle: P("movethewheels.dashboard.subtitle", "Overview of your logistics operations"),
+		hero: !0,
+		titleAccent: I("movethewheels.dashboard.title", "Dashboard"),
+		title: I("movethewheels.dashboard.title", "Dashboard"),
+		subtitle: I("movethewheels.dashboard.subtitle", "Overview of your logistics operations"),
 		icon: /* @__PURE__ */ A(m, { size: 24 }),
-		headerActions: /* @__PURE__ */ j("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ j(c, {
-				variant: "outline",
-				onClick: () => H("tracking/live"),
-				children: [/* @__PURE__ */ A(f, { size: 16 }), P("movethewheels.dashboard.actions.liveMap", "Live Map")]
-			}), /* @__PURE__ */ j(c, {
-				onClick: () => H("orders/new"),
-				children: [/* @__PURE__ */ A(p, { size: 16 }), P("movethewheels.dashboard.actions.newOrder", "New Order")]
-			})]
+		headerActions: /* @__PURE__ */ A(M, {
+			primary: {
+				label: I("movethewheels.dashboard.actions.newOrder", "New Order"),
+				icon: /* @__PURE__ */ A(p, { size: 16 }),
+				onSelect: () => W("orders/new")
+			},
+			actions: [{
+				label: I("movethewheels.dashboard.actions.liveMap", "Live Map"),
+				icon: /* @__PURE__ */ A(f, { size: 16 }),
+				onSelect: () => W("tracking/live")
+			}]
 		}),
 		children: [
 			/* @__PURE__ */ j(w, {
 				columns: 4,
 				children: [
 					/* @__PURE__ */ A(T, {
-						label: P("movethewheels.dashboard.metrics.totalOrders", "Total Orders"),
-						value: L.orders.total,
+						label: I("movethewheels.dashboard.metrics.totalOrders", "Total Orders"),
+						value: z.orders.total,
 						icon: /* @__PURE__ */ A(p, { size: 20 }),
-						change: `+${L.orders.today} ${P("movethewheels.dashboard.metrics.today", "today")}`,
+						change: `+${z.orders.today} ${I("movethewheels.dashboard.metrics.today", "today")}`,
 						changeType: "positive",
 						trend: "up",
-						onClick: () => H("orders")
+						onClick: () => W("orders")
 					}),
 					/* @__PURE__ */ A(T, {
-						label: P("movethewheels.dashboard.metrics.activeDeliveries", "Active Deliveries"),
-						value: L.orders.inTransit,
+						label: I("movethewheels.dashboard.metrics.activeDeliveries", "Active Deliveries"),
+						value: z.orders.inTransit,
 						icon: /* @__PURE__ */ A(g, { size: 20 }),
-						subtitle: `${L.orders.pending} ${P("movethewheels.dashboard.metrics.pending", "pending")}`,
-						onClick: () => H("tracking")
+						subtitle: `${z.orders.pending} ${I("movethewheels.dashboard.metrics.pending", "pending")}`,
+						onClick: () => W("tracking")
 					}),
 					/* @__PURE__ */ A(T, {
-						label: P("movethewheels.dashboard.metrics.fleetUtilization", "Fleet Utilization"),
-						value: `${L.fleet.activeVehicles}/${L.fleet.totalVehicles}`,
+						label: I("movethewheels.dashboard.metrics.fleetUtilization", "Fleet Utilization"),
+						value: `${z.fleet.activeVehicles}/${z.fleet.totalVehicles}`,
 						icon: /* @__PURE__ */ A(g, { size: 20 }),
-						subtitle: `${L.fleet.availableDrivers} ${P("movethewheels.dashboard.metrics.driversAvailable", "drivers available")}`,
-						onClick: () => H("fleet")
+						subtitle: `${z.fleet.availableDrivers} ${I("movethewheels.dashboard.metrics.driversAvailable", "drivers available")}`,
+						onClick: () => W("fleet")
 					}),
 					/* @__PURE__ */ A(T, {
-						label: P("movethewheels.dashboard.metrics.revenue", "Revenue"),
-						value: D(L.revenue.total),
+						treatment: "glass",
+						glow: !0,
+						label: I("movethewheels.dashboard.metrics.revenue", "Revenue"),
+						value: D(z.revenue.total),
 						icon: /* @__PURE__ */ A(d, { size: 20 }),
 						change: "+12.5%",
 						changeType: "positive",
 						trend: "up",
-						onClick: () => H("analytics")
+						onClick: () => W("analytics")
 					})
 				]
 			}),
@@ -85,38 +91,38 @@ function N() {
 				children: [
 					/* @__PURE__ */ A(T, {
 						size: "sm",
-						label: P("movethewheels.dashboard.stats.onTimeDelivery", "On-Time Delivery"),
-						value: `${L.performance.onTimeDeliveryRate.toFixed(1)}%`,
-						changeType: L.performance.onTimeDeliveryRate >= 90 ? "positive" : "negative"
+						label: I("movethewheels.dashboard.stats.onTimeDelivery", "On-Time Delivery"),
+						value: `${z.performance.onTimeDeliveryRate.toFixed(1)}%`,
+						changeType: z.performance.onTimeDeliveryRate >= 90 ? "positive" : "negative"
 					}),
 					/* @__PURE__ */ A(T, {
 						size: "sm",
-						label: P("movethewheels.dashboard.stats.avgOrderValue", "Avg Order Value"),
-						value: D(L.revenue.avgOrderValue)
+						label: I("movethewheels.dashboard.stats.avgOrderValue", "Avg Order Value"),
+						value: D(z.revenue.avgOrderValue)
 					}),
 					/* @__PURE__ */ A(T, {
 						size: "sm",
-						label: P("movethewheels.dashboard.stats.driverRating", "Driver Rating"),
-						value: L.performance.avgDriverRating.toFixed(1),
-						subtitle: P("movethewheels.dashboard.stats.outOfFive", "out of 5")
+						label: I("movethewheels.dashboard.stats.driverRating", "Driver Rating"),
+						value: z.performance.avgDriverRating.toFixed(1),
+						subtitle: I("movethewheels.dashboard.stats.outOfFive", "out of 5")
 					}),
 					/* @__PURE__ */ A(T, {
 						size: "sm",
-						label: P("movethewheels.dashboard.stats.deliveredToday", "Delivered Today"),
-						value: L.orders.delivered
+						label: I("movethewheels.dashboard.stats.deliveredToday", "Delivered Today"),
+						value: z.orders.delivered
 					})
 				]
 			}),
 			/* @__PURE__ */ j("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
 				children: [/* @__PURE__ */ A(t, {
-					title: P("movethewheels.dashboard.recentOrders.title", "Recent Orders"),
+					title: I("movethewheels.dashboard.recentOrders.title", "Recent Orders"),
 					actions: /* @__PURE__ */ j(c, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => H("orders"),
+						onClick: () => W("orders"),
 						children: [
-							P("movethewheels.dashboard.common.viewAll", "View all"),
+							I("movethewheels.dashboard.common.viewAll", "View all"),
 							" ",
 							/* @__PURE__ */ A(l, { size: 16 })
 						]
@@ -125,16 +131,16 @@ function N() {
 						className: "p-0",
 						children: /* @__PURE__ */ j("div", {
 							className: "divide-y",
-							children: [R.slice(0, 5).map((e) => /* @__PURE__ */ A("div", {
-								className: "p-4 hover:bg-muted/50 cursor-pointer transition-colors",
-								onClick: () => H(`orders/${e.id}`),
+							children: [B.slice(0, 5).map((e) => /* @__PURE__ */ A("div", {
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors",
+								onClick: () => W(`orders/${e.id}`),
 								children: /* @__PURE__ */ j("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 										className: "font-medium",
 										children: e.orderNumber
 									}), /* @__PURE__ */ A("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: e.customerInfo.name
 									})] }), /* @__PURE__ */ j("div", {
 										className: "text-right",
@@ -143,25 +149,25 @@ function N() {
 											type: "order",
 											size: "sm"
 										}), /* @__PURE__ */ A("p", {
-											className: "text-sm text-muted-foreground mt-1",
+											className: "text-sm text-text-secondary mt-1",
 											children: D(e.pricing.total)
 										})]
 									})]
 								})
-							}, e.id)), R.length === 0 && /* @__PURE__ */ A("div", {
-								className: "p-8 text-center text-muted-foreground",
-								children: P("movethewheels.dashboard.recentOrders.empty", "No recent orders")
+							}, e.id)), B.length === 0 && /* @__PURE__ */ A("div", {
+								className: "p-8 text-center text-text-secondary",
+								children: I("movethewheels.dashboard.recentOrders.empty", "No recent orders")
 							})]
 						})
 					}) })
 				}), /* @__PURE__ */ A(t, {
-					title: P("movethewheels.dashboard.activeDeliveries.title", "Active Deliveries"),
+					title: I("movethewheels.dashboard.activeDeliveries.title", "Active Deliveries"),
 					actions: /* @__PURE__ */ j(c, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => H("tracking/live"),
+						onClick: () => W("tracking/live"),
 						children: [
-							P("movethewheels.dashboard.activeDeliveries.liveTracking", "Live tracking"),
+							I("movethewheels.dashboard.activeDeliveries.liveTracking", "Live tracking"),
 							" ",
 							/* @__PURE__ */ A(l, { size: 16 })
 						]
@@ -170,17 +176,17 @@ function N() {
 						className: "p-0",
 						children: /* @__PURE__ */ j("div", {
 							className: "divide-y",
-							children: [V.slice(0, 5).map((e) => e.order ? /* @__PURE__ */ A("div", {
-								className: "p-4 hover:bg-muted/50 cursor-pointer transition-colors",
-								onClick: () => H(`tracking?order=${e.order.id}`),
+							children: [U.slice(0, 5).map((e) => e.order ? /* @__PURE__ */ A("div", {
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors",
+								onClick: () => W(`tracking?order=${e.order.id}`),
 								children: /* @__PURE__ */ j("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 										className: "font-medium",
 										children: e.order.orderNumber
 									}), /* @__PURE__ */ A("p", {
-										className: "text-sm text-muted-foreground",
-										children: e.driver?.fullName || P("movethewheels.dashboard.activeDeliveries.unassigned", "Unassigned")
+										className: "text-sm text-text-secondary",
+										children: e.driver?.fullName || I("movethewheels.dashboard.activeDeliveries.unassigned", "Unassigned")
 									})] }), /* @__PURE__ */ j("div", {
 										className: "text-right",
 										children: [/* @__PURE__ */ A(E, {
@@ -188,18 +194,18 @@ function N() {
 											type: "order",
 											size: "sm"
 										}), /* @__PURE__ */ j("p", {
-											className: "text-sm text-muted-foreground mt-1",
+											className: "text-sm text-text-secondary mt-1",
 											children: [
-												P("movethewheels.dashboard.activeDeliveries.eta", "ETA:"),
+												I("movethewheels.dashboard.activeDeliveries.eta", "ETA:"),
 												" ",
-												e.estimatedArrival ? O(e.estimatedArrival, "time") : P("movethewheels.dashboard.activeDeliveries.na", "N/A")
+												e.estimatedArrival ? O(e.estimatedArrival, "time") : I("movethewheels.dashboard.activeDeliveries.na", "N/A")
 											]
 										})]
 									})]
 								})
-							}, e.order.id) : null), V.length === 0 && /* @__PURE__ */ A("div", {
-								className: "p-8 text-center text-muted-foreground",
-								children: P("movethewheels.dashboard.activeDeliveries.empty", "No active deliveries")
+							}, e.order.id) : null), U.length === 0 && /* @__PURE__ */ A("div", {
+								className: "p-8 text-center text-text-secondary",
+								children: I("movethewheels.dashboard.activeDeliveries.empty", "No active deliveries")
 							})]
 						})
 					}) })
@@ -208,32 +214,32 @@ function N() {
 			/* @__PURE__ */ j("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
 				children: [
-					/* @__PURE__ */ j(n, { children: [/* @__PURE__ */ A(a, { children: /* @__PURE__ */ A(i, {
-						className: "text-base",
-						children: P("movethewheels.dashboard.orderStatus.title", "Order Status")
-					}) }), /* @__PURE__ */ A(r, {
+					/* @__PURE__ */ j(N, {
 						className: "space-y-4",
-						children: /* @__PURE__ */ A("div", {
+						children: [/* @__PURE__ */ A("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: I("movethewheels.dashboard.orderStatus.title", "Order Status")
+						}), /* @__PURE__ */ A("div", {
 							className: "space-y-3",
 							children: [
 								{
 									status: "pending",
-									count: z.byStatus.pending,
+									count: V.byStatus.pending,
 									color: "bg-yellow-500"
 								},
 								{
 									status: "in_transit",
-									count: z.byStatus.in_transit,
+									count: V.byStatus.in_transit,
 									color: "bg-blue-500"
 								},
 								{
 									status: "delivered",
-									count: z.byStatus.delivered,
+									count: V.byStatus.delivered,
 									color: "bg-green-500"
 								},
 								{
 									status: "cancelled",
-									count: z.byStatus.cancelled,
+									count: V.byStatus.cancelled,
 									color: "bg-red-500"
 								}
 							].map(({ status: e, count: t, color: n }) => /* @__PURE__ */ j("div", {
@@ -242,56 +248,57 @@ function N() {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ A("div", { className: `w-2 h-2 rounded-full ${n}` }), /* @__PURE__ */ A("span", {
 										className: "text-sm capitalize",
-										children: P(`movethewheels.dashboard.orderStatus.status.${e}`, e.replace("_", " "))
+										children: I(`movethewheels.dashboard.orderStatus.status.${e}`, e.replace("_", " "))
 									})]
 								}), /* @__PURE__ */ A(s, {
 									variant: "secondary",
+									className: "tabular-nums",
 									children: t
 								})]
 							}, e))
-						})
-					})] }),
+						})]
+					}),
 					/* @__PURE__ */ j(n, { children: [/* @__PURE__ */ A(a, { children: /* @__PURE__ */ A(i, {
 						className: "text-base",
-						children: P("movethewheels.dashboard.fleetStatus.title", "Fleet Status")
+						children: I("movethewheels.dashboard.fleetStatus.title", "Fleet Status")
 					}) }), /* @__PURE__ */ j(r, {
 						className: "space-y-4",
 						children: [/* @__PURE__ */ j("div", {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ j("div", {
 								className: "flex justify-between text-sm",
-								children: [/* @__PURE__ */ A("span", { children: P("movethewheels.dashboard.fleetStatus.vehicleUtilization", "Vehicle Utilization") }), /* @__PURE__ */ j("span", { children: [B.utilization.toFixed(0), "%"] })]
-							}), /* @__PURE__ */ A(e, { value: B.utilization })]
+								children: [/* @__PURE__ */ A("span", { children: I("movethewheels.dashboard.fleetStatus.vehicleUtilization", "Vehicle Utilization") }), /* @__PURE__ */ j("span", { children: [H.utilization.toFixed(0), "%"] })]
+							}), /* @__PURE__ */ A(e, { value: H.utilization })]
 						}), /* @__PURE__ */ j("div", {
 							className: "grid grid-cols-2 gap-4 text-sm",
 							children: [
 								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
-									className: "text-muted-foreground",
-									children: P("movethewheels.dashboard.fleetStatus.available", "Available")
+									className: "text-text-secondary",
+									children: I("movethewheels.dashboard.fleetStatus.available", "Available")
 								}), /* @__PURE__ */ A("p", {
 									className: "text-lg font-semibold text-green-600",
-									children: B.vehiclesByStatus.available
+									children: H.vehiclesByStatus.available
 								})] }),
 								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
-									className: "text-muted-foreground",
-									children: P("movethewheels.dashboard.fleetStatus.inUse", "In Use")
+									className: "text-text-secondary",
+									children: I("movethewheels.dashboard.fleetStatus.inUse", "In Use")
 								}), /* @__PURE__ */ A("p", {
 									className: "text-lg font-semibold text-blue-600",
-									children: B.vehiclesByStatus.assigned
+									children: H.vehiclesByStatus.assigned
 								})] }),
 								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
-									className: "text-muted-foreground",
-									children: P("movethewheels.dashboard.fleetStatus.maintenance", "Maintenance")
+									className: "text-text-secondary",
+									children: I("movethewheels.dashboard.fleetStatus.maintenance", "Maintenance")
 								}), /* @__PURE__ */ A("p", {
 									className: "text-lg font-semibold text-yellow-600",
-									children: B.vehiclesByStatus.maintenance
+									children: H.vehiclesByStatus.maintenance
 								})] }),
 								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
-									className: "text-muted-foreground",
-									children: P("movethewheels.dashboard.fleetStatus.avgFuel", "Avg Fuel")
+									className: "text-text-secondary",
+									children: I("movethewheels.dashboard.fleetStatus.avgFuel", "Avg Fuel")
 								}), /* @__PURE__ */ j("p", {
 									className: "text-lg font-semibold",
-									children: [B.avgFuelLevel.toFixed(0), "%"]
+									children: [H.avgFuelLevel.toFixed(0), "%"]
 								})] })
 							]
 						})]
@@ -301,66 +308,66 @@ function N() {
 						children: [/* @__PURE__ */ A(h, {
 							size: 16,
 							className: "text-yellow-500"
-						}), P("movethewheels.dashboard.alerts.title", "Alerts")]
+						}), I("movethewheels.dashboard.alerts.title", "Alerts")]
 					}) }), /* @__PURE__ */ A(r, { children: /* @__PURE__ */ j("div", {
 						className: "space-y-3",
 						children: [
-							z.byStatus.pending > 5 && /* @__PURE__ */ j("div", {
+							V.byStatus.pending > 5 && /* @__PURE__ */ j("div", {
 								className: "flex items-start gap-3 p-2 rounded bg-yellow-50 dark:bg-yellow-900/20",
 								children: [/* @__PURE__ */ A(u, {
 									size: 16,
 									className: "text-yellow-600 mt-0.5"
 								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-sm font-medium",
-									children: P("movethewheels.dashboard.alerts.pendingOrders.title", "Pending Orders")
+									children: I("movethewheels.dashboard.alerts.pendingOrders.title", "Pending Orders")
 								}), /* @__PURE__ */ j("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: [
-										z.byStatus.pending,
+										V.byStatus.pending,
 										" ",
-										P("movethewheels.dashboard.alerts.pendingOrders.description", "orders awaiting confirmation")
+										I("movethewheels.dashboard.alerts.pendingOrders.description", "orders awaiting confirmation")
 									]
 								})] })]
 							}),
-							B.vehiclesByStatus.maintenance > 0 && /* @__PURE__ */ j("div", {
+							H.vehiclesByStatus.maintenance > 0 && /* @__PURE__ */ j("div", {
 								className: "flex items-start gap-3 p-2 rounded bg-orange-50 dark:bg-orange-900/20",
 								children: [/* @__PURE__ */ A(g, {
 									size: 16,
 									className: "text-orange-600 mt-0.5"
 								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-sm font-medium",
-									children: P("movethewheels.dashboard.alerts.maintenanceVehicles.title", "Vehicles in Maintenance")
+									children: I("movethewheels.dashboard.alerts.maintenanceVehicles.title", "Vehicles in Maintenance")
 								}), /* @__PURE__ */ j("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: [
-										B.vehiclesByStatus.maintenance,
+										H.vehiclesByStatus.maintenance,
 										" ",
-										P("movethewheels.dashboard.alerts.maintenanceVehicles.description", "vehicles unavailable")
+										I("movethewheels.dashboard.alerts.maintenanceVehicles.description", "vehicles unavailable")
 									]
 								})] })]
 							}),
-							B.driversByStatus.offline > 0 && /* @__PURE__ */ j("div", {
+							H.driversByStatus.offline > 0 && /* @__PURE__ */ j("div", {
 								className: "flex items-start gap-3 p-2 rounded bg-gray-50 dark:bg-gray-800",
 								children: [/* @__PURE__ */ A(_, {
 									size: 16,
 									className: "text-gray-600 mt-0.5"
 								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-sm font-medium",
-									children: P("movethewheels.dashboard.alerts.offlineDrivers.title", "Offline Drivers")
+									children: I("movethewheels.dashboard.alerts.offlineDrivers.title", "Offline Drivers")
 								}), /* @__PURE__ */ j("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: [
-										B.driversByStatus.offline,
+										H.driversByStatus.offline,
 										" ",
-										P("movethewheels.dashboard.alerts.offlineDrivers.description", "drivers currently offline")
+										I("movethewheels.dashboard.alerts.offlineDrivers.description", "drivers currently offline")
 									]
 								})] })]
 							}),
-							z.byStatus.pending <= 5 && B.vehiclesByStatus.maintenance === 0 && B.driversByStatus.offline === 0 && /* @__PURE__ */ A("div", {
-								className: "text-center py-4 text-muted-foreground",
+							V.byStatus.pending <= 5 && H.vehiclesByStatus.maintenance === 0 && H.driversByStatus.offline === 0 && /* @__PURE__ */ A("div", {
+								className: "text-center py-4 text-text-secondary",
 								children: /* @__PURE__ */ A("p", {
 									className: "text-sm",
-									children: P("movethewheels.dashboard.alerts.allOperational", "All systems operational")
+									children: I("movethewheels.dashboard.alerts.allOperational", "All systems operational")
 								})
 							})
 						]
@@ -371,4 +378,4 @@ function N() {
 	});
 }
 //#endregion
-export { N as default };
+export { F as default };

package/dist/{DataTable-oNjXEcUO.js → DataTable-CfWvFw5B.js}

@@ -1,9 +1,9 @@
-import { A as e, B as t, F as n, G as r, H as i, I as a, K as o, L as s, P as c, R as l, U as u, W as d, it as f, q as p, rt as m, u as h } from "./PageLayout-3DR4pMQ9.js";
-import { t as g } from "./chevron-right-Bzo6Rr8_.js";
-import { t as _ } from "./search-FWYzDbBx.js";
+import { A as e, B as t, F as n, G as r, H as i, I as a, K as o, L as s, P as c, R as l, U as u, W as d, it as f, q as p, rt as m, u as h } from "./PageLayout-D3N8MCTm.js";
+import { t as g } from "./chevron-right-BIFGi0UA.js";
+import { t as _ } from "./search-OxoIiL_C.js";
 import { useMemo as v, useState as y } from "react";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
-//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/arrow-down.js
+//#region node_modules/lucide-react/dist/esm/icons/arrow-down.js
 var S = f("ArrowDown", [["path", {
 	d: "M12 5v14",
 	key: "s699le"
@@ -94,7 +94,7 @@ function O({ columns: f, data: O, isLoading: ee = !1, searchable: k = !1, search
 		M
 	]), $ = Math.ceil(Z.length / J), te = (e) => {
 		H === e ? W === "asc" ? G("desc") : W === "desc" && (U(null), G(null)) : (U(e), G("asc"));
-	}, ne = (e) => H === e ? b(W === "asc" ? w : S, { className: "w-4 h-4 text-primary" }) : /* @__PURE__ */ b(C, { className: "w-4 h-4 text-muted-foreground/50" }), re = (e, t) => {
+	}, ne = (e) => H === e ? b(W === "asc" ? w : S, { className: "w-4 h-4 text-primary" }) : /* @__PURE__ */ b(C, { className: "w-4 h-4 text-text-secondary/50" }), re = (e, t) => {
 		if (t.cell) return t.cell(e);
 		if (t.accessorKey) {
 			let n = e[t.accessorKey];
@@ -108,8 +108,8 @@ function O({ columns: f, data: O, isLoading: ee = !1, searchable: k = !1, search
 			className: "flex items-center gap-4",
 			children: /* @__PURE__ */ b(t, { className: "h-10 w-64" })
 		}), /* @__PURE__ */ b("div", {
-			className: "rounded-md border",
-			children: /* @__PURE__ */ x(i, { children: [/* @__PURE__ */ b(o, { children: /* @__PURE__ */ b(p, { children: f.map((e) => /* @__PURE__ */ b(r, { children: /* @__PURE__ */ b(t, { className: "h-4 w-20" }) }, e.id)) }) }), /* @__PURE__ */ b(u, { children: Array.from({ length: 5 }).map((e, n) => /* @__PURE__ */ b(p, { children: f.map((e) => /* @__PURE__ */ b(d, { children: /* @__PURE__ */ b(t, { className: "h-4 w-full max-w-[100px]" }) }, e.id)) }, n)) })] })
+			className: "rounded-card border border-border-seam bg-bg-surface shadow-elevation-1",
+			children: /* @__PURE__ */ x(i, { children: [/* @__PURE__ */ b(o, { children: /* @__PURE__ */ b(p, { children: f.map((e) => /* @__PURE__ */ b(r, { children: /* @__PURE__ */ b(t, { className: "h-4 w-20 motion-safe:animate-vc-shimmer" }) }, e.id)) }) }), /* @__PURE__ */ b(u, { children: Array.from({ length: 5 }).map((e, n) => /* @__PURE__ */ b(p, { children: f.map((e) => /* @__PURE__ */ b(d, { children: /* @__PURE__ */ b(t, { className: "h-4 w-full max-w-[100px] motion-safe:animate-vc-shimmer" }) }, e.id)) }, n)) })] })
 		})]
 	}) : /* @__PURE__ */ x("div", {
 		className: m("space-y-4", R),
@@ -118,7 +118,7 @@ function O({ columns: f, data: O, isLoading: ee = !1, searchable: k = !1, search
 				className: "flex items-center gap-4",
 				children: /* @__PURE__ */ x("div", {
 					className: "relative flex-1 max-w-sm",
-					children: [/* @__PURE__ */ b(_, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ b(e, {
+					children: [/* @__PURE__ */ b(_, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary" }), /* @__PURE__ */ b(e, {
 						placeholder: A,
 						value: B,
 						onChange: (e) => {
@@ -129,9 +129,9 @@ function O({ columns: f, data: O, isLoading: ee = !1, searchable: k = !1, search
 				})
 			}),
 			/* @__PURE__ */ b("div", {
-				className: "rounded-md border",
+				className: "overflow-x-auto rounded-card border border-border-seam bg-bg-surface shadow-elevation-1",
 				children: /* @__PURE__ */ x(i, { children: [/* @__PURE__ */ b(o, { children: /* @__PURE__ */ b(p, { children: f.map((e) => /* @__PURE__ */ b(r, {
-					className: m(e.sortable && "cursor-pointer select-none hover:bg-muted/50", e.headerClassName),
+					className: m(e.sortable && "cursor-pointer select-none hover:bg-bg-sunken/50", e.headerClassName),
 					onClick: () => e.sortable && te(e.id),
 					children: /* @__PURE__ */ x("div", {
 						className: "flex items-center gap-2",
@@ -141,13 +141,13 @@ function O({ columns: f, data: O, isLoading: ee = !1, searchable: k = !1, search
 					colSpan: f.length,
 					className: "h-24 text-center",
 					children: /* @__PURE__ */ b("p", {
-						className: "text-muted-foreground",
+						className: "text-text-secondary",
 						children: L
 					})
 				}) }) : Q.map((e, t) => {
 					let n = z ? z(e) : t, r = typeof I == "function" ? I(e) : I;
 					return /* @__PURE__ */ b(p, {
-						className: m(F && "cursor-pointer hover:bg-muted/50", r),
+						className: m(F && "cursor-pointer hover:bg-bg-sunken/50", r),
 						onClick: () => F?.(e),
 						children: f.map((t) => /* @__PURE__ */ b(d, {
 							className: t.className,
@@ -159,7 +159,7 @@ function O({ columns: f, data: O, isLoading: ee = !1, searchable: k = !1, search
 			M && Z.length > 0 && /* @__PURE__ */ x("div", {
 				className: "flex items-center justify-between",
 				children: [/* @__PURE__ */ x("div", {
-					className: "flex items-center gap-2 text-sm text-muted-foreground",
+					className: "flex items-center gap-2 text-sm text-text-secondary",
 					children: [
 						/* @__PURE__ */ x("span", { children: [
 							"Showing ",