@burdenoff/microfe-movethewheels 2026.614.1 → 2026.625.1

package/dist/{LiveTrackingPage-CKIlbMBA.js → LiveTrackingPage-DqcGXdkw.js}

@@ -1,18 +1,18 @@
-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-3DR4pMQ9.js";
-import { t as f } from "./map-pin-4a-IA2NP.js";
-import { t as p } from "./map-qljBUQ1N.js";
-import { t as m } from "./package-CPePjBwW.js";
-import { t as h } from "./refresh-cw-oWEqfHnS.js";
-import { t as g } from "./truck-Cd54agV-.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-D3N8MCTm.js";
+import { t as f } from "./map-pin-BSaf5IDL.js";
+import { t as p } from "./map-_Per4sT9.js";
+import { t as m } from "./package-BE7U0wQE.js";
+import { t as h } from "./refresh-cw-CWfERAit.js";
+import { t as g } from "./truck-CtDjNFbi.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-BDcT-7Ei.js";
-import { r as S } from "./StatusBadge-elLZA4Wl.js";
+import { r as b, t as x } from "./MetricCard-B7yMyvMX.js";
+import { r as S } from "./StatusBadge-CijYQXtb.js";
 import { r as C } from "./formatters-_vJlC-47.js";
 import { t as w } from "./navigation-BgnOfsVd.js";
 import { useState as T } from "react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
-//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/list.js
+//#region node_modules/lucide-react/dist/esm/icons/list.js
 var O = l("List", [
 	["path", {
 		d: "M3 12h.01",
@@ -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-3NpZ0_SK.js → MarketplacePage-DFqsxNYU.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-3DR4pMQ9.js";
-import { t as c } from "./clock-DP-76dyQ.js";
-import { t as l } from "./filter-CgTF21j9.js";
-import { t as u } from "./map-pin-4a-IA2NP.js";
-import { t as d } from "./search-FWYzDbBx.js";
-import { t as f } from "./star-BW23nRLp.js";
-import { t as p } from "./store-Cdk0UEPT.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-D3N8MCTm.js";
+import { t as c } from "./clock-BjkdnddD.js";
+import { t as l } from "./filter-Da5OZaHI.js";
+import { t as u } from "./map-pin-BSaf5IDL.js";
+import { t as d } from "./search-OxoIiL_C.js";
+import { t as f } from "./star-YsVV3MNQ.js";
+import { t as p } from "./store-RCBl7HB-.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-B7yMyvMX.js

@@ -0,0 +1,146 @@
+import { rt as e } from "./PageLayout-D3N8MCTm.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { GlassCard as r } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/components/MetricCard.tsx
+var i = {
+	sm: {
+		card: "p-3",
+		value: "text-xl font-bold",
+		label: "text-xs",
+		icon: "w-8 h-8"
+	},
+	md: {
+		card: "p-4",
+		value: "text-2xl font-bold",
+		label: "text-sm",
+		icon: "w-10 h-10"
+	},
+	lg: {
+		card: "p-6",
+		value: "text-3xl font-bold",
+		label: "text-base",
+		icon: "w-12 h-12"
+	}
+};
+function a({ value: a, label: o, icon: s, change: c, changeType: l = "neutral", subtitle: u, trend: d, size: f = "md", onClick: p, className: m, treatment: h = "metric", glow: g = !1 }) {
+	let _ = i[f], v = {
+		positive: "text-status-success-text",
+		negative: "text-status-error-text",
+		neutral: "text-text-secondary"
+	}, y = {
+		up: /* @__PURE__ */ t("svg", {
+			className: "w-4 h-4",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			children: /* @__PURE__ */ t("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M5 10l7-7m0 0l7 7m-7-7v18"
+			})
+		}),
+		down: /* @__PURE__ */ t("svg", {
+			className: "w-4 h-4",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			children: /* @__PURE__ */ t("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M19 14l-7 7m0 0l-7-7m7 7V3"
+			})
+		}),
+		flat: /* @__PURE__ */ t("svg", {
+			className: "w-4 h-4",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			children: /* @__PURE__ */ t("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M5 12h14"
+			})
+		})
+	};
+	return /* @__PURE__ */ t(r, {
+		treatment: h,
+		glow: g,
+		className: e("overflow-hidden border-border-seam", p && "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", m),
+		onClick: p,
+		...p ? {
+			role: "button",
+			tabIndex: 0,
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), p());
+			}
+		} : {},
+		children: /* @__PURE__ */ t("div", {
+			className: _.card,
+			children: /* @__PURE__ */ n("div", {
+				className: "flex items-start justify-between",
+				children: [/* @__PURE__ */ n("div", {
+					className: "space-y-1",
+					children: [
+						/* @__PURE__ */ t("p", {
+							className: e("text-text-secondary", _.label),
+							children: o
+						}),
+						/* @__PURE__ */ t("p", {
+							className: e("text-text-primary tracking-tight tabular-nums", _.value),
+							children: typeof a == "number" ? a.toLocaleString() : a
+						}),
+						u && /* @__PURE__ */ t("p", {
+							className: "text-xs text-text-secondary",
+							children: u
+						}),
+						c && /* @__PURE__ */ n("div", {
+							className: e("flex items-center gap-1 text-sm tabular-nums", v[l]),
+							children: [d && y[d], /* @__PURE__ */ t("span", { children: c })]
+						})
+					]
+				}), s && /* @__PURE__ */ t("div", {
+					className: e("flex-shrink-0 p-2 rounded-lg bg-action-primary-bg/10 text-action-primary-bg", _.icon),
+					children: s
+				})]
+			})
+		})
+	});
+}
+function o({ size: a = "md" }) {
+	let o = i[a];
+	return /* @__PURE__ */ t(r, {
+		treatment: "metric",
+		className: "overflow-hidden border-border-seam",
+		children: /* @__PURE__ */ t("div", {
+			className: o.card,
+			children: /* @__PURE__ */ n("div", {
+				className: "flex items-start justify-between",
+				children: [/* @__PURE__ */ n("div", {
+					className: "space-y-2 flex-1",
+					children: [
+						/* @__PURE__ */ t("div", { className: "h-4 w-24 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" }),
+						/* @__PURE__ */ t("div", { className: "h-8 w-32 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" }),
+						/* @__PURE__ */ t("div", { className: "h-3 w-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" })
+					]
+				}), /* @__PURE__ */ t("div", { className: e("bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg", o.icon) })]
+			})
+		})
+	});
+}
+function s({ children: n, columns: r = 4, className: i }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("grid gap-4", {
+			2: "grid-cols-1 sm:grid-cols-2",
+			3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+			4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",
+			5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5",
+			6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6"
+		}[r], i),
+		children: n
+	});
+}
+//#endregion
+export { o as n, s as r, a as t };

package/dist/{OrderDetailsPage-BeGWzAws.js → OrderDetailsPage-Dx1m3cVA.js}

@@ -1,23 +1,23 @@
-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-3DR4pMQ9.js";
-import { t as _ } from "./arrow-left-Crb7WKr1.js";
-import { t as v } from "./circle-check-big-R_fjEgxM.js";
-import { t as y } from "./clock-DP-76dyQ.js";
-import { t as b } from "./dollar-sign-CrwqdoEC.js";
-import { t as x } from "./file-text-CnHcsdsc.js";
-import { n as S, t as C } from "./phone-2rkA8w_3.js";
-import { t as w } from "./map-pin-4a-IA2NP.js";
-import { t as T } from "./package-CPePjBwW.js";
-import { t as E } from "./square-pen-BIgbw83U.js";
-import { t as D } from "./truck-Cd54agV-.js";
-import { t as O } from "./user-CUEmQUkJ.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-D3N8MCTm.js";
+import { t as _ } from "./arrow-left-CBpZKkpq.js";
+import { t as v } from "./circle-check-big-CjuPVo3_.js";
+import { t as y } from "./clock-BjkdnddD.js";
+import { t as b } from "./dollar-sign-IB4O0wuQ.js";
+import { t as x } from "./file-text-C8Uioy11.js";
+import { n as S, t as C } from "./phone-DV4StZiA.js";
+import { t as w } from "./map-pin-BSaf5IDL.js";
+import { t as T } from "./package-BE7U0wQE.js";
+import { t as E } from "./square-pen-hLIbFQFV.js";
+import { t as D } from "./truck-CtDjNFbi.js";
+import { t as O } from "./user-Dz5TJZFs.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-elLZA4Wl.js";
+import { i as j, n as M, r as N, t as P } from "./StatusBadge-CijYQXtb.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";
 import { jsx as B, jsxs as V } from "react/jsx-runtime";
-//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/printer.js
+//#region node_modules/lucide-react/dist/esm/icons/printer.js
 var H = u("Printer", [
 	["path", {
 		d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2",
@@ -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",