@burdenoff/microfe-movethewheels 2026.614.1 → 2026.624.1

package/dist/{AIAssistantPage-FGGTN-DA.js → AIAssistantPage-BrHX2lQn.js}

@@ -1,10 +1,10 @@
-import { A as e, N as t, d as n, f as r, g as i, h as a, i as o, it as s, l as c, u as l } from "./PageLayout-3DR4pMQ9.js";
-import { n as u, t as d } from "./route-DBljW-z4.js";
-import { t as f } from "./circle-alert-B2pZQFzu.js";
-import { t as p } from "./trending-up-DYQ3Xns5.js";
+import { A as e, N as t, d as n, f as r, g as i, h as a, i as o, it as s, l as c, u as l } from "./PageLayout-xDTiBTDS.js";
+import { n as u, t as d } from "./route-CBDXuwH9.js";
+import { t as f } from "./circle-alert-CEuV9Pij.js";
+import { t as p } from "./trending-up-l8M0BO_w.js";
 import { useState as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
-//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/lightbulb.js
+//#region node_modules/lucide-react/dist/esm/icons/lightbulb.js
 var _ = s("Lightbulb", [
 	["path", {
 		d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5",
@@ -120,7 +120,7 @@ function b() {
 								children: x.map((e, t) => /* @__PURE__ */ h("div", {
 									className: `flex ${e.role === "user" ? "justify-end" : "justify-start"}`,
 									children: /* @__PURE__ */ h("div", {
-										className: `max-w-[80%] p-3 rounded-lg ${e.role === "user" ? "bg-primary text-primary-foreground" : "bg-muted"}`,
+										className: `max-w-[80%] p-3 rounded-lg ${e.role === "user" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken"}`,
 										children: /* @__PURE__ */ h("p", {
 											className: "whitespace-pre-line text-sm",
 											children: e.content
@@ -183,7 +183,7 @@ function b() {
 						}, t))
 					}) })] }),
 					/* @__PURE__ */ h(n, {
-						className: "bg-primary/5 border-primary/20",
+						className: "bg-action-primary-bg/5 border-primary/20",
 						children: /* @__PURE__ */ h(r, {
 							className: "p-4",
 							children: /* @__PURE__ */ g("div", {
@@ -195,7 +195,7 @@ function b() {
 									className: "font-medium text-sm",
 									children: "Pro Tip"
 								}), /* @__PURE__ */ h("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "You can ask complex questions like \"What would happen if I added 2 more vehicles to my fleet?\" for scenario analysis."
 								})] })]
 							})

package/dist/{AnalyticsPage-DSLYCnln.js → AnalyticsPage-DI6Wcaw5.js}

@@ -1,12 +1,12 @@
-import { M as e, d as t, f as n, g as r, h as i, i as a } from "./PageLayout-3DR4pMQ9.js";
-import { t as o } from "./chart-column-CFT0jC9N.js";
-import { t as s } from "./dollar-sign-CrwqdoEC.js";
-import { t as c } from "./package-CPePjBwW.js";
-import { t as l } from "./trending-up-DYQ3Xns5.js";
-import { t as u } from "./truck-Cd54agV-.js";
-import { t as d } from "./users-e-wRlQnX.js";
+import { M as e, d as t, f as n, g as r, h as i, i as a } from "./PageLayout-xDTiBTDS.js";
+import { t as o } from "./chart-column-CAfkf4o6.js";
+import { t as s } from "./dollar-sign-kJqItPli.js";
+import { t as c } from "./package-KhSi3xaT.js";
+import { t as l } from "./trending-up-l8M0BO_w.js";
+import { t as u } from "./truck-DX3lNQkz.js";
+import { t as d } from "./users-CfG0J8wP.js";
 import { i as f, r as p, t as m } from "./useAnalytics-ph7eTIK6.js";
-import { r as h, t as g } from "./MetricCard-BDcT-7Ei.js";
+import { r as h, t as g } from "./MetricCard-DeHVeVwl.js";
 import { n as _ } from "./formatters-_vJlC-47.js";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/movethewheels/pages/AnalyticsPage.tsx
@@ -58,9 +58,9 @@ function b() {
 			/* @__PURE__ */ y("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
 				children: [/* @__PURE__ */ y(t, { children: [/* @__PURE__ */ v(i, { children: /* @__PURE__ */ v(r, { children: "Order Trends" }) }), /* @__PURE__ */ y(n, { children: [/* @__PURE__ */ v("div", {
-					className: "h-64 flex items-center justify-center bg-muted/50 rounded-lg",
+					className: "h-64 flex items-center justify-center bg-bg-sunken/50 rounded-lg",
 					children: /* @__PURE__ */ y("div", {
-						className: "text-center text-muted-foreground",
+						className: "text-center text-text-secondary",
 						children: [
 							/* @__PURE__ */ v(o, {
 								size: 48,
@@ -76,9 +76,9 @@ function b() {
 				}), /* @__PURE__ */ v("div", {
 					className: "mt-4 grid grid-cols-4 gap-2",
 					children: x.trends.slice(-4).map((e) => /* @__PURE__ */ y("div", {
-						className: "text-center p-2 bg-muted/50 rounded",
+						className: "text-center p-2 bg-bg-sunken/50 rounded",
 						children: [/* @__PURE__ */ v("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: e.date.split("-").slice(1).join("/")
 						}), /* @__PURE__ */ v("p", {
 							className: "font-medium",
@@ -86,9 +86,9 @@ function b() {
 						})]
 					}, e.date))
 				})] })] }), /* @__PURE__ */ y(t, { children: [/* @__PURE__ */ v(i, { children: /* @__PURE__ */ v(r, { children: "Revenue Trends" }) }), /* @__PURE__ */ y(n, { children: [/* @__PURE__ */ v("div", {
-					className: "h-64 flex items-center justify-center bg-muted/50 rounded-lg",
+					className: "h-64 flex items-center justify-center bg-bg-sunken/50 rounded-lg",
 					children: /* @__PURE__ */ y("div", {
-						className: "text-center text-muted-foreground",
+						className: "text-center text-text-secondary",
 						children: [/* @__PURE__ */ v(l, {
 							size: 48,
 							className: "mx-auto mb-2 opacity-50"
@@ -97,9 +97,9 @@ function b() {
 				}), /* @__PURE__ */ v("div", {
 					className: "mt-4 grid grid-cols-5 gap-2",
 					children: b.trends.revenue.map((e) => /* @__PURE__ */ y("div", {
-						className: "text-center p-2 bg-muted/50 rounded",
+						className: "text-center p-2 bg-bg-sunken/50 rounded",
 						children: [/* @__PURE__ */ v("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: e.month
 						}), /* @__PURE__ */ y("p", {
 							className: "font-medium text-sm",
@@ -144,7 +144,7 @@ function b() {
 							/* @__PURE__ */ y("div", {
 								className: "pt-2",
 								children: [/* @__PURE__ */ v("p", {
-									className: "text-sm text-muted-foreground mb-2",
+									className: "text-sm text-text-secondary mb-2",
 									children: "Vehicles by Type"
 								}), S.vehiclesByType.map(({ type: e, count: t }) => /* @__PURE__ */ y("div", {
 									className: "flex justify-between text-sm py-1",
@@ -163,28 +163,28 @@ function b() {
 						className: "space-y-4",
 						children: [
 							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "On-Time Pickup"
 							}), /* @__PURE__ */ y("p", {
 								className: "text-2xl font-bold",
 								children: [b.performance.onTimePickup, "%"]
 							})] }),
 							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "On-Time Delivery"
 							}), /* @__PURE__ */ y("p", {
 								className: "text-2xl font-bold",
 								children: [b.performance.onTimeDelivery, "%"]
 							})] }),
 							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Damaged Items"
 							}), /* @__PURE__ */ y("p", {
 								className: "text-2xl font-bold text-green-600",
 								children: [b.performance.damagedItems, "%"]
 							})] }),
 							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Driver Ratings"
 							}), /* @__PURE__ */ y("p", {
 								className: "text-2xl font-bold",

package/dist/{CreateOrderPage-BgjA_QFT.js → CreateOrderPage-DfkSi6JF.js}

@@ -1,8 +1,8 @@
-import { A as e, F as t, I as n, L as r, P as i, Q as a, R as o, d as s, f as c, g as l, h as u, i as d, it as f, j as p, u as m, z as h } from "./PageLayout-3DR4pMQ9.js";
-import { t as g } from "./arrow-left-Crb7WKr1.js";
-import { t as _ } from "./package-CPePjBwW.js";
-import { t as v } from "./plus-Dew5yoQK.js";
-import { t as y } from "./save-Cjsx5R5Y.js";
+import { A as e, F as t, I as n, L as r, P as i, Q as a, R as o, d as s, f as c, g as l, h as u, i as d, it as f, j as p, u as m, z as h } from "./PageLayout-xDTiBTDS.js";
+import { t as g } from "./arrow-left-Bk5GsGNk.js";
+import { t as _ } from "./package-KhSi3xaT.js";
+import { t as v } from "./plus-D2BYAzMn.js";
+import { t as y } from "./save-CMc7h-Vi.js";
 import { r as b } from "./graphqlClient-CdJyR_ed.js";
 import { r as x, t as S } from "./useOrders-D_3_hGMp.js";
 import { r as C } from "./useCustomers-bS3a4ytk.js";
@@ -10,7 +10,7 @@ import { t as w } from "./navigation-BgnOfsVd.js";
 import { useState as T } from "react";
 import { useParams as E } from "react-router-dom";
 import { jsx as D, jsxs as O } from "react/jsx-runtime";
-//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/trash-2.js
+//#region node_modules/lucide-react/dist/esm/icons/trash-2.js
 var k = f("Trash2", [
 	["path", {
 		d: "M3 6h18",
@@ -389,7 +389,7 @@ function A() {
 						children: [/* @__PURE__ */ D(v, { size: 16 }), "Add Item"]
 					})]
 				}), /* @__PURE__ */ D(c, { children: I.items.length === 0 ? /* @__PURE__ */ O("div", {
-					className: "text-center py-8 text-muted-foreground",
+					className: "text-center py-8 text-text-secondary",
 					children: [
 						/* @__PURE__ */ D(_, {
 							size: 48,
@@ -449,7 +449,7 @@ function A() {
 									type: "button",
 									variant: "ghost",
 									size: "icon",
-									className: "text-destructive",
+									className: "text-status-error-text",
 									onClick: () => G(n),
 									children: /* @__PURE__ */ D(k, { size: 16 })
 								})

package/dist/{CustomerDetailsPage-Cfvfw12U.js → CustomerDetailsPage-DzAIu_tH.js}

@@ -1,19 +1,19 @@
-import { d as e, f as t, g as n, h as r, i, it as a, l as o, n as s, r as c, u as l } from "./PageLayout-3DR4pMQ9.js";
-import { t as u } from "./arrow-left-Crb7WKr1.js";
-import { t as d } from "./file-text-CnHcsdsc.js";
-import { n as f, t as p } from "./phone-2rkA8w_3.js";
-import { t as m } from "./map-pin-4a-IA2NP.js";
-import { t as h } from "./square-pen-BIgbw83U.js";
-import { t as g } from "./star-BW23nRLp.js";
-import { t as _ } from "./users-e-wRlQnX.js";
+import { d as e, f as t, g as n, h as r, i, it as a, l as o, n as s, r as c, u as l } from "./PageLayout-xDTiBTDS.js";
+import { t as u } from "./arrow-left-Bk5GsGNk.js";
+import { t as d } from "./file-text-b1qhrJn1.js";
+import { n as f, t as p } from "./phone-B-h3tbsr.js";
+import { t as m } from "./map-pin-96FeqL7H.js";
+import { t as h } from "./square-pen-DmW36Bau.js";
+import { t as g } from "./star-Cv2MzxZL.js";
+import { t as _ } from "./users-CfG0J8wP.js";
 import { r as v } from "./graphqlClient-CdJyR_ed.js";
 import { t as y } from "./useCustomers-bS3a4ytk.js";
-import { i as b } from "./StatusBadge-elLZA4Wl.js";
+import { i as b } from "./StatusBadge-C--7NhoW.js";
 import { r as x, t as S } from "./formatters-_vJlC-47.js";
 import { t as C } from "./navigation-BgnOfsVd.js";
 import { useParams as w } from "react-router-dom";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";
-//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/building.js
+//#region node_modules/lucide-react/dist/esm/icons/building.js
 var D = a("Building", [
 	["rect", {
 		width: "16",
@@ -117,9 +117,9 @@ function O() {
 								className: "flex items-center gap-3",
 								children: [/* @__PURE__ */ T(f, {
 									size: 18,
-									className: "text-muted-foreground"
+									className: "text-text-secondary"
 								}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: "Email"
 								}), /* @__PURE__ */ T("p", {
 									className: "font-medium",
@@ -129,9 +129,9 @@ function O() {
 								className: "flex items-center gap-3",
 								children: [/* @__PURE__ */ T(p, {
 									size: 18,
-									className: "text-muted-foreground"
+									className: "text-text-secondary"
 								}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: "Phone"
 								}), /* @__PURE__ */ T("p", {
 									className: "font-medium",
@@ -144,16 +144,16 @@ function O() {
 								className: "flex items-center gap-3",
 								children: [/* @__PURE__ */ T(D, {
 									size: 18,
-									className: "text-muted-foreground"
+									className: "text-text-secondary"
 								}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: "Company"
 								}), /* @__PURE__ */ T("p", {
 									className: "font-medium",
 									children: A.company
 								})] })]
 							}), A.website && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Website"
 							}), /* @__PURE__ */ T("a", {
 								href: A.website,
@@ -177,28 +177,28 @@ function O() {
 					className: "space-y-3",
 					children: [
 						A.businessLicense && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
-							className: "text-sm text-muted-foreground",
+							className: "text-sm text-text-secondary",
 							children: "Business License"
 						}), /* @__PURE__ */ T("p", {
 							className: "font-mono",
 							children: A.businessLicense
 						})] }),
 						A.taxId && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
-							className: "text-sm text-muted-foreground",
+							className: "text-sm text-text-secondary",
 							children: "Tax ID"
 						}), /* @__PURE__ */ T("p", {
 							className: "font-mono",
 							children: A.taxId
 						})] }),
 						/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
-							className: "text-sm text-muted-foreground",
+							className: "text-sm text-text-secondary",
 							children: "Preferred Contact"
 						}), /* @__PURE__ */ T("p", {
 							className: "capitalize",
 							children: A.preferredContactMethod
 						})] }),
 						/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
-							className: "text-sm text-muted-foreground",
+							className: "text-sm text-text-secondary",
 							children: "Marketing Opt-in"
 						}), /* @__PURE__ */ T(o, {
 							variant: A.marketingOptIn ? "default" : "secondary",
@@ -208,10 +208,10 @@ function O() {
 				})] }), /* @__PURE__ */ E(e, { children: [/* @__PURE__ */ T(r, { children: /* @__PURE__ */ T(n, { children: "Account Info" }) }), /* @__PURE__ */ E(t, {
 					className: "space-y-3",
 					children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: "Created"
 					}), /* @__PURE__ */ T("p", { children: x(A.createdAt, "full") })] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: "Last Updated"
 					}), /* @__PURE__ */ T("p", { children: x(A.updatedAt, "relative") })] })]
 				})] })]
@@ -229,7 +229,7 @@ function O() {
 		children: /* @__PURE__ */ T(e, { children: /* @__PURE__ */ T(t, {
 			className: "p-8 text-center",
 			children: /* @__PURE__ */ T("p", {
-				className: "text-muted-foreground",
+				className: "text-text-secondary",
 				children: "Customer creation form would go here"
 			})
 		}) })

package/dist/{CustomersPage-DXnx04Au.js → CustomersPage-d21ixOYa.js}

@@ -1,13 +1,13 @@
-import { i as e, l as t, o as n, s as r, u as i } from "./PageLayout-3DR4pMQ9.js";
-import { t as a } from "./DataTable-oNjXEcUO.js";
-import { t as o } from "./download-CQqBpPk5.js";
-import { t as s } from "./plus-Dew5yoQK.js";
-import { t as c } from "./refresh-cw-oWEqfHnS.js";
-import { t as l } from "./star-BW23nRLp.js";
-import { t as u } from "./users-e-wRlQnX.js";
+import { i as e, l as t, o as n, s as r, u as i } from "./PageLayout-xDTiBTDS.js";
+import { t as a } from "./DataTable-CZGz3SJu.js";
+import { t as o } from "./download-caab0D3V.js";
+import { t as s } from "./plus-D2BYAzMn.js";
+import { t as c } from "./refresh-cw-D5Sy01s-.js";
+import { t as l } from "./star-Cv2MzxZL.js";
+import { t as u } from "./users-CfG0J8wP.js";
 import { r as d } from "./graphqlClient-CdJyR_ed.js";
 import { r as f } from "./useCustomers-bS3a4ytk.js";
-import { i as p } from "./StatusBadge-elLZA4Wl.js";
+import { i as p } from "./StatusBadge-C--7NhoW.js";
 import { r as m } from "./formatters-_vJlC-47.js";
 import { t as h } from "./navigation-BgnOfsVd.js";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
@@ -47,7 +47,7 @@ function v() {
 							className: "font-medium",
 							children: e.name
 						}), /* @__PURE__ */ g("p", {
-							className: "text-sm text-muted-foreground",
+							className: "text-sm text-text-secondary",
 							children: e.email
 						})] })]
 					})

package/dist/{DashboardPage-BeyvN3Mr.js → DashboardPage-3ZOnwg1a.js}

@@ -1,20 +1,20 @@
-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-xDTiBTDS.js";
+import { t as l } from "./chevron-right-Czrt_Qew.js";
+import { t as u } from "./clock-Be95bq7_.js";
+import { t as d } from "./dollar-sign-kJqItPli.js";
+import { t as f } from "./map-pin-96FeqL7H.js";
+import { t as p } from "./package-KhSi3xaT.js";
+import { t as m } from "./trending-up-l8M0BO_w.js";
+import { t as h } from "./triangle-alert-BI45s6bH.js";
+import { t as g } from "./truck-DX3lNQkz.js";
+import { t as _ } from "./users-CfG0J8wP.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-DeHVeVwl.js";
+import { r as E } from "./StatusBadge-C--7NhoW.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";
@@ -126,7 +126,7 @@ function N() {
 						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",
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors",
 								onClick: () => H(`orders/${e.id}`),
 								children: /* @__PURE__ */ j("div", {
 									className: "flex items-center justify-between",
@@ -134,7 +134,7 @@ function N() {
 										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,13 +143,13 @@ 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",
+								className: "p-8 text-center text-text-secondary",
 								children: P("movethewheels.dashboard.recentOrders.empty", "No recent orders")
 							})]
 						})
@@ -171,7 +171,7 @@ function N() {
 						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",
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors",
 								onClick: () => H(`tracking?order=${e.order.id}`),
 								children: /* @__PURE__ */ j("div", {
 									className: "flex items-center justify-between",
@@ -179,7 +179,7 @@ function N() {
 										className: "font-medium",
 										children: e.order.orderNumber
 									}), /* @__PURE__ */ A("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: e.driver?.fullName || P("movethewheels.dashboard.activeDeliveries.unassigned", "Unassigned")
 									})] }), /* @__PURE__ */ j("div", {
 										className: "text-right",
@@ -188,7 +188,7 @@ 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:"),
 												" ",
@@ -198,7 +198,7 @@ function N() {
 									})]
 								})
 							}, e.order.id) : null), V.length === 0 && /* @__PURE__ */ A("div", {
-								className: "p-8 text-center text-muted-foreground",
+								className: "p-8 text-center text-text-secondary",
 								children: P("movethewheels.dashboard.activeDeliveries.empty", "No active deliveries")
 							})]
 						})
@@ -266,28 +266,28 @@ function N() {
 							className: "grid grid-cols-2 gap-4 text-sm",
 							children: [
 								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
-									className: "text-muted-foreground",
+									className: "text-text-secondary",
 									children: P("movethewheels.dashboard.fleetStatus.available", "Available")
 								}), /* @__PURE__ */ A("p", {
 									className: "text-lg font-semibold text-green-600",
 									children: B.vehiclesByStatus.available
 								})] }),
 								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
-									className: "text-muted-foreground",
+									className: "text-text-secondary",
 									children: P("movethewheels.dashboard.fleetStatus.inUse", "In Use")
 								}), /* @__PURE__ */ A("p", {
 									className: "text-lg font-semibold text-blue-600",
 									children: B.vehiclesByStatus.assigned
 								})] }),
 								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
-									className: "text-muted-foreground",
+									className: "text-text-secondary",
 									children: P("movethewheels.dashboard.fleetStatus.maintenance", "Maintenance")
 								}), /* @__PURE__ */ A("p", {
 									className: "text-lg font-semibold text-yellow-600",
 									children: B.vehiclesByStatus.maintenance
 								})] }),
 								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
-									className: "text-muted-foreground",
+									className: "text-text-secondary",
 									children: P("movethewheels.dashboard.fleetStatus.avgFuel", "Avg Fuel")
 								}), /* @__PURE__ */ j("p", {
 									className: "text-lg font-semibold",
@@ -314,7 +314,7 @@ function N() {
 									className: "text-sm font-medium",
 									children: P("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,
 										" ",
@@ -331,7 +331,7 @@ function N() {
 									className: "text-sm font-medium",
 									children: P("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,
 										" ",
@@ -348,7 +348,7 @@ function N() {
 									className: "text-sm font-medium",
 									children: P("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,
 										" ",
@@ -357,7 +357,7 @@ function N() {
 								})] })]
 							}),
 							z.byStatus.pending <= 5 && B.vehiclesByStatus.maintenance === 0 && B.driversByStatus.offline === 0 && /* @__PURE__ */ A("div", {
-								className: "text-center py-4 text-muted-foreground",
+								className: "text-center py-4 text-text-secondary",
 								children: /* @__PURE__ */ A("p", {
 									className: "text-sm",
 									children: P("movethewheels.dashboard.alerts.allOperational", "All systems operational")

package/dist/{DataTable-oNjXEcUO.js → DataTable-CZGz3SJu.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-xDTiBTDS.js";
+import { t as g } from "./chevron-right-Czrt_Qew.js";
+import { t as _ } from "./search-DVrUQbOg.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];
@@ -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) => {
@@ -131,7 +131,7 @@ function O({ columns: f, data: O, isLoading: ee = !1, searchable: k = !1, search
 			/* @__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, {
-					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 ",