@burdenoff/microfe-movethewheels 2026.608.1 → 2026.624.1

package/dist/{LiveTrackingPage-WAzNtVFO.js → LiveTrackingPage-DoBvtdBG.js}

@@ -1,13 +1,13 @@
-import { J as e, N as t, X as n, Z as r, d as i, f as a, g as o, h as s, i as c, it as l, l as u, u as d } from "./PageLayout-Cx6tBSnW.js";
-import { t as f } from "./map-pin-DZ69qrkR.js";
-import { t as p } from "./map-Bwq07r3p.js";
-import { t as m } from "./package-D2YxQAWg.js";
-import { t as h } from "./refresh-cw-DzW1cQZL.js";
-import { t as g } from "./truck-BGdj-8jS.js";
+import { J as e, N as t, X as n, Z as r, d as i, f as a, g as o, h as s, i as c, it as l, l as u, u as d } from "./PageLayout-xDTiBTDS.js";
+import { t as f } from "./map-pin-96FeqL7H.js";
+import { t as p } from "./map-CS2aFgyO.js";
+import { t as m } from "./package-KhSi3xaT.js";
+import { t as h } from "./refresh-cw-D5Sy01s-.js";
+import { t as g } from "./truck-DX3lNQkz.js";
 import { r as _ } from "./graphqlClient-CdJyR_ed.js";
 import { o as v, r as y } from "./useTracking-De2KIUNu.js";
-import { r as b, t as x } from "./MetricCard-HTOS1RkB.js";
-import { r as S } from "./StatusBadge-SwGn_ywm.js";
+import { r as b, t as x } from "./MetricCard-DeHVeVwl.js";
+import { r as S } from "./StatusBadge-C--7NhoW.js";
 import { r as C } from "./formatters-_vJlC-47.js";
 import { t as w } from "./navigation-BgnOfsVd.js";
 import { useState as T } from "react";
@@ -108,9 +108,9 @@ function k() {
 					children: /* @__PURE__ */ E(a, {
 						className: "p-0 h-full",
 						children: /* @__PURE__ */ E("div", {
-							className: "w-full h-full bg-muted rounded-lg flex items-center justify-center",
+							className: "w-full h-full bg-bg-sunken rounded-lg flex items-center justify-center",
 							children: /* @__PURE__ */ D("div", {
-								className: "text-center text-muted-foreground",
+								className: "text-center text-text-secondary",
 								children: [
 									/* @__PURE__ */ E(f, {
 										size: 64,
@@ -143,7 +143,7 @@ function k() {
 						children: /* @__PURE__ */ D("div", {
 							className: "divide-y",
 							children: [A.map((e) => e.order ? /* @__PURE__ */ E("div", {
-								className: `p-4 hover:bg-muted/50 cursor-pointer transition-colors ${I === e.order.id ? "bg-muted/50" : ""}`,
+								className: `p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors ${I === e.order.id ? "bg-bg-sunken/50" : ""}`,
 								onClick: () => L(e.order.id),
 								children: /* @__PURE__ */ D("div", {
 									className: "flex items-start justify-between",
@@ -160,11 +160,11 @@ function k() {
 											})]
 										}),
 										/* @__PURE__ */ E("p", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: e.order.customerInfo.name
 										}),
 										/* @__PURE__ */ D("p", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: [e.driver?.fullName || "Unassigned", e.vehicle && ` - ${e.vehicle.vehicleNumber}`]
 										})
 									] }), /* @__PURE__ */ D("div", {
@@ -177,13 +177,13 @@ function k() {
 												e.estimatedArrival ? C(e.estimatedArrival, "time") : "N/A"
 											]
 										}), /* @__PURE__ */ E("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: e.tracking?.currentLocation.address || "Location updating..."
 										})]
 									})]
 								})
 							}, e.order.id) : null), A.length === 0 && /* @__PURE__ */ E("div", {
-								className: "p-8 text-center text-muted-foreground",
+								className: "p-8 text-center text-text-secondary",
 								children: "No active deliveries"
 							})]
 						})
@@ -204,7 +204,7 @@ function k() {
 						className: "space-y-4",
 						children: [
 							/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Order"
 							}), /* @__PURE__ */ E("p", {
 								className: "font-medium",
@@ -212,7 +212,7 @@ function k() {
 							})] }),
 							/* @__PURE__ */ D("div", { children: [
 								/* @__PURE__ */ E("p", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: "Customer"
 								}),
 								/* @__PURE__ */ E("p", {
@@ -220,33 +220,33 @@ function k() {
 									children: z.order?.customerInfo.name ?? "-"
 								}),
 								/* @__PURE__ */ E("p", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: z.order?.customerInfo.phone ?? "-"
 								})
 							] }),
 							/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Driver"
 							}), /* @__PURE__ */ E("p", {
 								className: "font-medium",
 								children: z.driver?.fullName || "Unassigned"
 							})] }),
 							/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Vehicle"
 							}), /* @__PURE__ */ E("p", {
 								className: "font-medium",
 								children: z.vehicle ? `${z.vehicle.vehicleNumber} - ${z.vehicle.make} ${z.vehicle.model}` : "Not assigned"
 							})] }),
 							/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Current Location"
 							}), /* @__PURE__ */ E("p", {
 								className: "text-sm",
 								children: z.tracking?.currentLocation.address || "Updating..."
 							})] }),
 							/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Estimated Arrival"
 							}), /* @__PURE__ */ E("p", {
 								className: "font-medium",
@@ -269,7 +269,7 @@ function k() {
 							})
 						]
 					})] }) : /* @__PURE__ */ E(i, { children: /* @__PURE__ */ D(a, {
-						className: "p-8 text-center text-muted-foreground",
+						className: "p-8 text-center text-text-secondary",
 						children: [/* @__PURE__ */ E(f, {
 							size: 32,
 							className: "mx-auto mb-2 opacity-50"
@@ -289,12 +289,12 @@ function k() {
 								className: "font-medium",
 								children: e.message
 							}), /* @__PURE__ */ E("p", {
-								className: "text-xs text-muted-foreground mt-1",
+								className: "text-xs text-text-secondary mt-1",
 								children: C(e.timestamp, "relative")
 							})]
 						}, e.id))
 					}) : /* @__PURE__ */ E("div", {
-						className: "text-center text-muted-foreground py-4",
+						className: "text-center text-text-secondary py-4",
 						children: /* @__PURE__ */ E("p", {
 							className: "text-sm",
 							children: "No active alerts"

package/dist/{MarketplacePage-DP578-eZ.js → MarketplacePage-BEj5hcBF.js}

@@ -1,10 +1,10 @@
-import { A as e, d as t, f as n, g as r, h as i, i as a, l as o, u as s } from "./PageLayout-Cx6tBSnW.js";
-import { t as c } from "./clock-BtXZr7fE.js";
-import { t as l } from "./filter-ba49fTRx.js";
-import { t as u } from "./map-pin-DZ69qrkR.js";
-import { t as d } from "./search-_GVS50vu.js";
-import { t as f } from "./star-BM-LiXQR.js";
-import { t as p } from "./store-Cg2Vd_XL.js";
+import { A as e, d as t, f as n, g as r, h as i, i as a, l as o, u as s } from "./PageLayout-xDTiBTDS.js";
+import { t as c } from "./clock-Be95bq7_.js";
+import { t as l } from "./filter-BWmLTZB-.js";
+import { t as u } from "./map-pin-96FeqL7H.js";
+import { t as d } from "./search-DVrUQbOg.js";
+import { t as f } from "./star-Cv2MzxZL.js";
+import { t as p } from "./store-CLH957vl.js";
 import { r as m, t as h } from "./graphqlClient-CdJyR_ed.js";
 import { n as g } from "./formatters-_vJlC-47.js";
 import { useCallback as _, useEffect as v, useMemo as y, useState as b } from "react";
@@ -59,7 +59,7 @@ function T() {
 			children: /* @__PURE__ */ S("div", {
 				className: "relative",
 				children: [/* @__PURE__ */ x(d, {
-					className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",
+					className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary",
 					size: 20
 				}), /* @__PURE__ */ x(e, {
 					placeholder: "Search services, providers, locations...",
@@ -104,11 +104,11 @@ function T() {
 									]
 								}),
 								/* @__PURE__ */ x("p", {
-									className: "text-muted-foreground mt-1",
+									className: "text-text-secondary mt-1",
 									children: e.description
 								}),
 								/* @__PURE__ */ S("div", {
-									className: "flex items-center gap-4 mt-3 text-sm text-muted-foreground",
+									className: "flex items-center gap-4 mt-3 text-sm text-text-secondary",
 									children: [
 										/* @__PURE__ */ S("span", {
 											className: "flex items-center gap-1",
@@ -138,7 +138,7 @@ function T() {
 							] }), /* @__PURE__ */ S("div", {
 								className: "text-right",
 								children: [/* @__PURE__ */ x("p", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: "Services"
 								}), /* @__PURE__ */ x("p", {
 									className: "text-lg font-bold",
@@ -158,7 +158,7 @@ function T() {
 					children: e.name
 				}) }), /* @__PURE__ */ S(n, { children: [
 					/* @__PURE__ */ x("p", {
-						className: "text-sm text-muted-foreground mb-3",
+						className: "text-sm text-text-secondary mb-3",
 						children: e.description
 					}),
 					/* @__PURE__ */ S("div", {
@@ -179,7 +179,7 @@ function T() {
 							className: "font-bold",
 							children: g(e.price)
 						}), /* @__PURE__ */ x("span", {
-							className: "text-sm text-muted-foreground",
+							className: "text-sm text-text-secondary",
 							children: e.currency
 						})]
 					})

package/dist/{MetricCard-HTOS1RkB.js → MetricCard-DeHVeVwl.js}

@@ -1,4 +1,4 @@
-import { d as e, f as t, rt as n } from "./PageLayout-Cx6tBSnW.js";
+import { d as e, f as t, rt as n } from "./PageLayout-xDTiBTDS.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/movethewheels/components/MetricCard.tsx
 var a = {
@@ -25,7 +25,7 @@ function o({ value: o, label: s, icon: c, change: l, changeType: u = "neutral",
 	let g = a[p], _ = {
 		positive: "text-green-600 dark:text-green-400",
 		negative: "text-red-600 dark:text-red-400",
-		neutral: "text-muted-foreground"
+		neutral: "text-text-secondary"
 	}, v = {
 		up: /* @__PURE__ */ r("svg", {
 			className: "w-4 h-4",
@@ -75,15 +75,15 @@ function o({ value: o, label: s, icon: c, change: l, changeType: u = "neutral",
 					className: "space-y-1",
 					children: [
 						/* @__PURE__ */ r("p", {
-							className: n("text-muted-foreground", g.label),
+							className: n("text-text-secondary", g.label),
 							children: s
 						}),
 						/* @__PURE__ */ r("p", {
-							className: n("text-foreground tracking-tight", g.value),
+							className: n("text-text-primary tracking-tight", g.value),
 							children: typeof o == "number" ? o.toLocaleString() : o
 						}),
 						d && /* @__PURE__ */ r("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: d
 						}),
 						l && /* @__PURE__ */ i("div", {
@@ -92,7 +92,7 @@ function o({ value: o, label: s, icon: c, change: l, changeType: u = "neutral",
 						})
 					]
 				}), c && /* @__PURE__ */ r("div", {
-					className: n("flex-shrink-0 p-2 rounded-lg bg-primary/10 text-primary", g.icon),
+					className: n("flex-shrink-0 p-2 rounded-lg bg-action-primary-bg/10 text-primary", g.icon),
 					children: c
 				})]
 			})
@@ -110,11 +110,11 @@ function s({ size: o = "md" }) {
 				children: [/* @__PURE__ */ i("div", {
 					className: "space-y-2 flex-1",
 					children: [
-						/* @__PURE__ */ r("div", { className: "h-4 w-24 bg-muted animate-pulse rounded" }),
-						/* @__PURE__ */ r("div", { className: "h-8 w-32 bg-muted animate-pulse rounded" }),
-						/* @__PURE__ */ r("div", { className: "h-3 w-20 bg-muted animate-pulse rounded" })
+						/* @__PURE__ */ r("div", { className: "h-4 w-24 bg-bg-sunken animate-pulse rounded" }),
+						/* @__PURE__ */ r("div", { className: "h-8 w-32 bg-bg-sunken animate-pulse rounded" }),
+						/* @__PURE__ */ r("div", { className: "h-3 w-20 bg-bg-sunken animate-pulse rounded" })
 					]
-				}), /* @__PURE__ */ r("div", { className: n("bg-muted animate-pulse rounded-lg", s.icon) })]
+				}), /* @__PURE__ */ r("div", { className: n("bg-bg-sunken animate-pulse rounded-lg", s.icon) })]
 			})
 		})
 	});

package/dist/{OrderDetailsPage-Bg7u_QSC.js → OrderDetailsPage-D-9lDZYU.js}

@@ -1,18 +1,18 @@
-import { G as e, H as t, K as n, U as r, W as i, d as a, f as o, g as s, h as c, i as l, it as u, l as d, n as f, q as p, r as m, u as h, z as g } from "./PageLayout-Cx6tBSnW.js";
-import { t as _ } from "./arrow-left-CpFBU1qX.js";
-import { t as v } from "./circle-check-big-D_7vNTwa.js";
-import { t as y } from "./clock-BtXZr7fE.js";
-import { t as b } from "./dollar-sign-HyTzP613.js";
-import { t as x } from "./file-text-D8RtxCbW.js";
-import { n as S, t as C } from "./phone-DELXvsAt.js";
-import { t as w } from "./map-pin-DZ69qrkR.js";
-import { t as T } from "./package-D2YxQAWg.js";
-import { t as E } from "./square-pen-BkFBBjTs.js";
-import { t as D } from "./truck-BGdj-8jS.js";
-import { t as O } from "./user-BbhBzzMf.js";
+import { G as e, H as t, K as n, U as r, W as i, d as a, f as o, g as s, h as c, i as l, it as u, l as d, n as f, q as p, r as m, u as h, z as g } from "./PageLayout-xDTiBTDS.js";
+import { t as _ } from "./arrow-left-Bk5GsGNk.js";
+import { t as v } from "./circle-check-big-Cx8aO6B-.js";
+import { t as y } from "./clock-Be95bq7_.js";
+import { t as b } from "./dollar-sign-kJqItPli.js";
+import { t as x } from "./file-text-b1qhrJn1.js";
+import { n as S, t as C } from "./phone-B-h3tbsr.js";
+import { t as w } from "./map-pin-96FeqL7H.js";
+import { t as T } from "./package-KhSi3xaT.js";
+import { t as E } from "./square-pen-DmW36Bau.js";
+import { t as D } from "./truck-DX3lNQkz.js";
+import { t as O } from "./user-D8EY1uvt.js";
 import { r as k } from "./graphqlClient-CdJyR_ed.js";
 import { t as A } from "./useOrders-D_3_hGMp.js";
-import { i as j, n as M, r as N, t as P } from "./StatusBadge-SwGn_ywm.js";
+import { i as j, n as M, r as N, t as P } from "./StatusBadge-C--7NhoW.js";
 import { n as F, r as I, t as L } from "./formatters-_vJlC-47.js";
 import { t as R } from "./navigation-BgnOfsVd.js";
 import { useParams as z } from "react-router-dom";
@@ -98,7 +98,7 @@ function U() {
 								children: G.customerInfo.name
 							}),
 							G.customerInfo.company && /* @__PURE__ */ B("p", {
-								className: "text-sm text-muted-foreground mb-2",
+								className: "text-sm text-text-secondary mb-2",
 								children: G.customerInfo.company
 							}),
 							/* @__PURE__ */ V("div", {
@@ -107,27 +107,27 @@ function U() {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ B(S, {
 										size: 14,
-										className: "text-muted-foreground"
+										className: "text-text-secondary"
 									}), G.customerInfo.email]
 								}), /* @__PURE__ */ V("p", {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ B(C, {
 										size: 14,
-										className: "text-muted-foreground"
+										className: "text-text-secondary"
 									}), G.customerInfo.phone]
 								})]
 							})
 						] }), /* @__PURE__ */ V("div", { children: [G.customerInfo.preferredDeliveryTime && /* @__PURE__ */ V("div", {
 							className: "mb-2",
 							children: [/* @__PURE__ */ B("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Preferred Delivery Time"
 							}), /* @__PURE__ */ B("p", {
 								className: "text-sm",
 								children: G.customerInfo.preferredDeliveryTime
 							})]
 						}), G.customerInfo.deliveryInstructions && /* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
-							className: "text-sm text-muted-foreground",
+							className: "text-sm text-text-secondary",
 							children: "Delivery Instructions"
 						}), /* @__PURE__ */ B("p", {
 							className: "text-sm",
@@ -152,7 +152,7 @@ function U() {
 								children: L(G.pickupAddress)
 							}),
 							G.scheduledPickup && /* @__PURE__ */ V("p", {
-								className: "text-sm text-muted-foreground mt-2",
+								className: "text-sm text-text-secondary mt-2",
 								children: ["Scheduled: ", I(G.scheduledPickup, "full")]
 							}),
 							G.actualPickup && /* @__PURE__ */ V("p", {
@@ -179,7 +179,7 @@ function U() {
 								children: L(G.deliveryAddress)
 							}),
 							G.scheduledDelivery && /* @__PURE__ */ V("p", {
-								className: "text-sm text-muted-foreground mt-2",
+								className: "text-sm text-text-secondary mt-2",
 								children: ["Scheduled: ", I(G.scheduledDelivery, "full")]
 							}),
 							G.actualDelivery && /* @__PURE__ */ V("p", {
@@ -225,7 +225,7 @@ function U() {
 								className: "font-medium",
 								children: e.name
 							}), e.description && /* @__PURE__ */ B("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: e.description
 							})] }) }),
 							/* @__PURE__ */ B(i, {
@@ -255,7 +255,7 @@ function U() {
 							className: "flex gap-4 pb-6 last:pb-0",
 							children: [/* @__PURE__ */ V("div", {
 								className: "relative",
-								children: [/* @__PURE__ */ B("div", { className: "w-3 h-3 rounded-full bg-primary mt-1.5" }), t < G.timeline.length - 1 && /* @__PURE__ */ B("div", { className: "absolute top-4 left-1.5 w-px h-full -ml-px bg-border" })]
+								children: [/* @__PURE__ */ B("div", { className: "w-3 h-3 rounded-full bg-action-primary-bg mt-1.5" }), t < G.timeline.length - 1 && /* @__PURE__ */ B("div", { className: "absolute top-4 left-1.5 w-px h-full -ml-px bg-border" })]
 							}), /* @__PURE__ */ V("div", {
 								className: "flex-1",
 								children: [
@@ -266,7 +266,7 @@ function U() {
 											type: "order",
 											size: "sm"
 										}), /* @__PURE__ */ B("span", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: I(e.timestamp, "full")
 										})]
 									}),
@@ -275,7 +275,7 @@ function U() {
 										children: e.notes
 									}),
 									/* @__PURE__ */ V("p", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: ["by ", e.performedBy]
 									})
 								]
@@ -295,35 +295,35 @@ function U() {
 							/* @__PURE__ */ V("div", {
 								className: "flex justify-between text-sm",
 								children: [/* @__PURE__ */ B("span", {
-									className: "text-muted-foreground",
+									className: "text-text-secondary",
 									children: "Subtotal"
 								}), /* @__PURE__ */ B("span", { children: F(G.pricing.subtotal) })]
 							}),
 							/* @__PURE__ */ V("div", {
 								className: "flex justify-between text-sm",
 								children: [/* @__PURE__ */ B("span", {
-									className: "text-muted-foreground",
+									className: "text-text-secondary",
 									children: "Delivery"
 								}), /* @__PURE__ */ B("span", { children: F(G.pricing.fees.delivery) })]
 							}),
 							/* @__PURE__ */ V("div", {
 								className: "flex justify-between text-sm",
 								children: [/* @__PURE__ */ B("span", {
-									className: "text-muted-foreground",
+									className: "text-text-secondary",
 									children: "Handling"
 								}), /* @__PURE__ */ B("span", { children: F(G.pricing.fees.handling) })]
 							}),
 							G.pricing.fees.insurance && /* @__PURE__ */ V("div", {
 								className: "flex justify-between text-sm",
 								children: [/* @__PURE__ */ B("span", {
-									className: "text-muted-foreground",
+									className: "text-text-secondary",
 									children: "Insurance"
 								}), /* @__PURE__ */ B("span", { children: F(G.pricing.fees.insurance) })]
 							}),
 							/* @__PURE__ */ V("div", {
 								className: "flex justify-between text-sm",
 								children: [/* @__PURE__ */ B("span", {
-									className: "text-muted-foreground",
+									className: "text-text-secondary",
 									children: "Taxes"
 								}), /* @__PURE__ */ B("span", { children: F(G.pricing.taxes) })]
 							}),
@@ -338,7 +338,7 @@ function U() {
 							/* @__PURE__ */ V("div", {
 								className: "pt-2",
 								children: [/* @__PURE__ */ B("p", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: "Payment Method"
 								}), /* @__PURE__ */ B("p", {
 									className: "text-sm capitalize",
@@ -354,21 +354,21 @@ function U() {
 						className: "space-y-4",
 						children: [
 							/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Driver"
 							}), /* @__PURE__ */ B("p", {
 								className: "text-sm",
 								children: G.driverId || "Not assigned"
 							})] }),
 							/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Vehicle"
 							}), /* @__PURE__ */ B("p", {
 								className: "text-sm",
 								children: G.vehicleId || "Not assigned"
 							})] }),
 							/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Tracking Number"
 							}), /* @__PURE__ */ B("p", {
 								className: "text-sm font-mono",

package/dist/{OrdersListPage-BrQEqQUt.js → OrdersListPage-CJzHbgY3.js}

@@ -1,13 +1,13 @@
-import { F as e, I as t, L as n, P as r, R as i, d as a, f as o, i as s, l as c, u as l } from "./PageLayout-Cx6tBSnW.js";
-import { t as u } from "./DataTable-CURKZEs6.js";
-import { t as d } from "./download-BHjbdb4v.js";
-import { t as f } from "./filter-ba49fTRx.js";
-import { t as p } from "./package-D2YxQAWg.js";
-import { t as m } from "./plus-5qDIjZzn.js";
-import { t as h } from "./refresh-cw-DzW1cQZL.js";
+import { F as e, I as t, L as n, P as r, R as i, d as a, f as o, i as s, l as c, u as l } from "./PageLayout-xDTiBTDS.js";
+import { t as u } from "./DataTable-CZGz3SJu.js";
+import { t as d } from "./download-caab0D3V.js";
+import { t as f } from "./filter-BWmLTZB-.js";
+import { t as p } from "./package-KhSi3xaT.js";
+import { t as m } from "./plus-D2BYAzMn.js";
+import { t as h } from "./refresh-cw-D5Sy01s-.js";
 import { r as g } from "./graphqlClient-CdJyR_ed.js";
 import { r as _ } from "./useOrders-D_3_hGMp.js";
-import { i as v, n as y, r as b } from "./StatusBadge-SwGn_ywm.js";
+import { i as v, n as y, r as b } from "./StatusBadge-C--7NhoW.js";
 import { n as x, r as S } from "./formatters-_vJlC-47.js";
 import { t as C } from "./navigation-BgnOfsVd.js";
 import { useState as w } from "react";
@@ -48,7 +48,7 @@ function O() {
 					className: "font-medium truncate",
 					children: e.customerInfo.name
 				}), /* @__PURE__ */ T("p", {
-					className: "text-sm text-muted-foreground truncate",
+					className: "text-sm text-text-secondary truncate",
 					children: e.customerInfo.email
 				})]
 			})
@@ -192,7 +192,7 @@ function O() {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ T(f, {
 							size: 16,
-							className: "text-muted-foreground"
+							className: "text-text-secondary"
 						}), /* @__PURE__ */ T("span", {
 							className: "text-sm font-medium",
 							children: k("movethewheels.orders.filters.label", "Filters:")

package/dist/{PageLayout-Cx6tBSnW.js → PageLayout-xDTiBTDS.js}

@@ -1770,10 +1770,10 @@ var Pt = e.forwardRef(({ className: e, value: t = 0, max: n = 100, ...i }, a) =>
 	let o = Math.min(Math.max(t / n * 100, 0), 100);
 	return /* @__PURE__ */ r("div", {
 		ref: a,
-		className: $("relative h-2 w-full overflow-hidden rounded-full bg-muted", e),
+		className: $("relative h-2 w-full overflow-hidden rounded-full bg-bg-sunken", e),
 		...i,
 		children: /* @__PURE__ */ r("div", {
-			className: "h-full bg-primary transition-all duration-300 ease-in-out",
+			className: "h-full bg-action-primary-bg transition-all duration-300 ease-in-out",
 			style: { width: `${o}%` }
 		})
 	});
@@ -1793,7 +1793,7 @@ var It = e.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r("img", {
 It.displayName = "AvatarImage";
 var Lt = e.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r("div", {
 	ref: n,
-	className: $("flex h-full w-full items-center justify-center rounded-full bg-muted", e),
+	className: $("flex h-full w-full items-center justify-center rounded-full bg-bg-sunken", e),
 	...t
 }));
 Lt.displayName = "AvatarFallback";
@@ -1822,14 +1822,14 @@ function zt({ children: e, title: t, subtitle: n, icon: a, headerActions: o, hea
 						children: [(t || a) && /* @__PURE__ */ i("div", {
 							className: "flex items-center gap-3",
 							children: [a && /* @__PURE__ */ r("div", {
-								className: "flex-shrink-0 p-2.5 rounded-xl bg-primary/10 text-primary",
+								className: "flex-shrink-0 p-2.5 rounded-xl bg-action-primary-bg/10 text-primary",
 								children: a
 							}), t && /* @__PURE__ */ r("h1", {
-								className: "text-2xl sm:text-3xl font-bold tracking-tight text-foreground",
+								className: "text-2xl sm:text-3xl font-bold tracking-tight text-text-primary",
 								children: t
 							})]
 						}), n && /* @__PURE__ */ r("p", {
-							className: "text-sm sm:text-base text-muted-foreground max-w-2xl",
+							className: "text-sm sm:text-base text-text-secondary max-w-2xl",
 							children: n
 						})]
 					}), o && /* @__PURE__ */ r("div", {
@@ -1853,10 +1853,10 @@ function Bt({ children: e, title: t, description: n, actions: a, className: o })
 		children: [(t || a) && /* @__PURE__ */ i("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ i("div", { children: [t && /* @__PURE__ */ r("h2", {
-				className: "text-lg font-semibold text-foreground",
+				className: "text-lg font-semibold text-text-primary",
 				children: t
 			}), n && /* @__PURE__ */ r("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: n
 			})] }), a && /* @__PURE__ */ r("div", {
 				className: "flex items-center gap-2",
@@ -1870,15 +1870,15 @@ function Vt({ icon: e, title: t, description: n, action: a, className: o }) {
 		className: $("flex flex-col items-center justify-center", "py-12 sm:py-16 px-4", "text-center", "animate-in fade-in-0 zoom-in-95 duration-300", o),
 		children: [
 			e && /* @__PURE__ */ r("div", {
-				className: "mb-4 p-4 rounded-2xl bg-muted/50 text-muted-foreground",
+				className: "mb-4 p-4 rounded-2xl bg-bg-sunken/50 text-text-secondary",
 				children: e
 			}),
 			/* @__PURE__ */ r("h3", {
-				className: "text-lg font-semibold text-foreground mb-1",
+				className: "text-lg font-semibold text-text-primary mb-1",
 				children: t
 			}),
 			n && /* @__PURE__ */ r("p", {
-				className: "text-sm text-muted-foreground max-w-sm mb-4",
+				className: "text-sm text-text-secondary max-w-sm mb-4",
 				children: n
 			}),
 			a
@@ -1891,7 +1891,7 @@ function Ht({ message: e = "Loading..." }) {
 		children: /* @__PURE__ */ i("div", {
 			className: "flex flex-col items-center gap-3",
 			children: [/* @__PURE__ */ r("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-primary" }), /* @__PURE__ */ r("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: e
 			})]
 		})
@@ -1902,7 +1902,7 @@ function Ut({ title: e = "Something went wrong", message: t, onRetry: n }) {
 		className: "flex flex-col items-center justify-center py-12 px-4 text-center",
 		children: [
 			/* @__PURE__ */ r("div", {
-				className: "mb-4 p-4 rounded-2xl bg-destructive/10 text-destructive",
+				className: "mb-4 p-4 rounded-2xl bg-status-error-bg/10 text-status-error-text",
 				children: /* @__PURE__ */ r("svg", {
 					className: "h-12 w-12",
 					fill: "none",
@@ -1917,11 +1917,11 @@ function Ut({ title: e = "Something went wrong", message: t, onRetry: n }) {
 				})
 			}),
 			/* @__PURE__ */ r("h3", {
-				className: "text-lg font-semibold text-foreground mb-1",
+				className: "text-lg font-semibold text-text-primary mb-1",
 				children: e
 			}),
 			t && /* @__PURE__ */ r("p", {
-				className: "text-sm text-muted-foreground max-w-sm mb-4",
+				className: "text-sm text-text-secondary max-w-sm mb-4",
 				children: t
 			}),
 			n && /* @__PURE__ */ r("button", {