@burdenoff/microfe-movethewheels 2026.703.4 → 2026.703.5

package/dist/MetricCard-y3bWHKUQ.js

@@ -0,0 +1,191 @@
+import { rt as e } from "./PageLayout-BniRJaQ6.js";
+import { t } from "./Sparkline-K2RMJ58u.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { GlassCard as i } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/components/MetricCard.tsx
+var a = {
+	sm: {
+		card: "p-3",
+		value: "text-xl font-bold",
+		label: "text-xs",
+		icon: "h-8 w-8"
+	},
+	md: {
+		card: "p-4",
+		value: "text-2xl font-bold",
+		label: "text-sm",
+		icon: "h-10 w-10"
+	},
+	lg: {
+		card: "p-5",
+		value: "text-3xl font-bold",
+		label: "text-sm",
+		icon: "h-11 w-11"
+	}
+}, o = {
+	brand: "var(--color-brand-primary)",
+	blue: "var(--color-chart-1)",
+	success: "var(--color-status-success-text)",
+	warning: "var(--color-status-warning-text)",
+	error: "var(--color-status-error-text)",
+	neutral: "var(--color-text-secondary)"
+}, s = {
+	brand: "bg-brand-primary/10 text-brand-primary",
+	blue: "bg-chart-1/10 text-chart-1",
+	success: "bg-status-success-bg-subtle text-status-success-text",
+	warning: "bg-status-warning-bg-subtle text-status-warning-text",
+	error: "bg-status-error-bg-subtle text-status-error-text",
+	neutral: "bg-bg-sunken text-text-secondary"
+};
+function c({ direction: t }) {
+	return t === "flat" ? /* @__PURE__ */ n("svg", {
+		className: "h-3.5 w-3.5",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		stroke: "currentColor",
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ n("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2.5,
+			d: "M5 12h14"
+		})
+	}) : /* @__PURE__ */ n("svg", {
+		className: e("h-3.5 w-3.5", t === "down" && "rotate-180"),
+		fill: "none",
+		viewBox: "0 0 24 24",
+		stroke: "currentColor",
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ n("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2.5,
+			d: "M12 19V5m0 0l-6 6m6-6l6 6"
+		})
+	});
+}
+function l({ delta: t }) {
+	let i = t.direction === "flat" ? null : t.invert ? t.direction === "down" : t.direction === "up";
+	return /* @__PURE__ */ r("span", {
+		className: e("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-semibold tabular-nums", i == null ? "bg-bg-sunken text-text-secondary" : i ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"),
+		children: [/* @__PURE__ */ n(c, { direction: t.direction }), t.value]
+	});
+}
+var u = {
+	up: "M5 10l7-7m0 0l7 7m-7-7v18",
+	down: "M19 14l-7 7m0 0l-7-7m7 7V3",
+	flat: "M5 12h14"
+};
+function d({ value: c, label: d, icon: f, change: p, changeType: m = "neutral", subtitle: h, trend: g, size: _ = "md", onClick: v, className: y, treatment: b = "metric", glow: x = !1, sparklineData: S, delta: C, accent: w = "brand" }) {
+	let T = a[_], E = {
+		positive: "text-status-success-text",
+		negative: "text-status-error-text",
+		neutral: "text-text-secondary"
+	}, D = Array.isArray(S) && S.length >= 2;
+	return /* @__PURE__ */ r(i, {
+		treatment: b,
+		glow: x,
+		className: e("group relative overflow-hidden border-border-seam", v && "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", y),
+		onClick: v,
+		...v ? {
+			role: "button",
+			tabIndex: 0,
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), v());
+			}
+		} : {},
+		children: [/* @__PURE__ */ n("span", {
+			"aria-hidden": !0,
+			className: "absolute inset-x-0 top-0 h-0.5 opacity-70",
+			style: { background: `linear-gradient(90deg, ${o[w]}, transparent 85%)` }
+		}), /* @__PURE__ */ r("div", {
+			className: T.card,
+			children: [/* @__PURE__ */ r("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ r("div", {
+					className: "min-w-0 space-y-1",
+					children: [
+						/* @__PURE__ */ n("p", {
+							className: e("text-text-secondary", T.label),
+							children: d
+						}),
+						/* @__PURE__ */ n("p", {
+							className: e("tracking-tight tabular-nums text-text-primary", T.value),
+							children: typeof c == "number" ? c.toLocaleString() : c
+						}),
+						h && /* @__PURE__ */ n("p", {
+							className: "text-xs text-text-secondary",
+							children: h
+						})
+					]
+				}), f && /* @__PURE__ */ n("div", {
+					className: e("flex shrink-0 items-center justify-center rounded-xl", s[w], T.icon),
+					children: f
+				})]
+			}), (C || D || p) && /* @__PURE__ */ r("div", {
+				className: "mt-3 flex items-end justify-between gap-3",
+				children: [/* @__PURE__ */ n("div", {
+					className: "flex items-center gap-2",
+					children: C ? /* @__PURE__ */ n(l, { delta: C }) : p && /* @__PURE__ */ r("span", {
+						className: e("flex items-center gap-1 text-sm tabular-nums", E[m]),
+						children: [g && /* @__PURE__ */ n("svg", {
+							className: "h-4 w-4",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor",
+							"aria-hidden": !0,
+							children: /* @__PURE__ */ n("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: u[g]
+							})
+						}), /* @__PURE__ */ n("span", { children: p })]
+					})
+				}), D && /* @__PURE__ */ n("div", {
+					className: "w-24 shrink-0 sm:w-28",
+					children: /* @__PURE__ */ n(t, {
+						data: S,
+						color: o[w],
+						height: 34
+					})
+				})]
+			})]
+		})]
+	});
+}
+function f({ size: t = "md" }) {
+	let o = a[t];
+	return /* @__PURE__ */ n(i, {
+		treatment: "metric",
+		className: "overflow-hidden border-border-seam",
+		children: /* @__PURE__ */ n("div", {
+			className: o.card,
+			children: /* @__PURE__ */ r("div", {
+				className: "flex items-start justify-between",
+				children: [/* @__PURE__ */ r("div", {
+					className: "flex-1 space-y-2",
+					children: [
+						/* @__PURE__ */ n("div", { className: "h-4 w-24 rounded bg-bg-sunken motion-safe:animate-vc-shimmer" }),
+						/* @__PURE__ */ n("div", { className: "h-8 w-32 rounded bg-bg-sunken motion-safe:animate-vc-shimmer" }),
+						/* @__PURE__ */ n("div", { className: "h-3 w-20 rounded bg-bg-sunken motion-safe:animate-vc-shimmer" })
+					]
+				}), /* @__PURE__ */ n("div", { className: e("rounded-xl bg-bg-sunken motion-safe:animate-vc-shimmer", o.icon) })]
+			})
+		})
+	});
+}
+function p({ children: t, columns: r = 4, className: i }) {
+	return /* @__PURE__ */ n("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: t
+	});
+}
+//#endregion
+export { f as n, p as r, d as t };

package/dist/{Notice-CSoDYKw9.js → Notice-DOO-tjpV.js}

@@ -1,5 +1,5 @@
-import { lt as e } from "./PageLayout-D4LDHJJq.js";
-import { t } from "./circle-check-big-CGMSpQmD.js";
+import { ut as e } from "./PageLayout-BniRJaQ6.js";
+import { t } from "./circle-check-big-C-p4eNwn.js";
 import { useCallback as n, useRef as r, useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region node_modules/lucide-react/dist/esm/icons/info.js

package/dist/{OrderDetailsPage-zCj0lW0j.js → OrderDetailsPage-CwYHwk1K.js}

@@ -1,30 +1,30 @@
-import { F as e, G as t, H as ee, I as n, K as te, L as r, P as i, R as a, U as ne, W as o, ct as s, d as c, f as l, g as u, h as d, i as re, j as f, l as p, lt as m, n as ie, ot as ae, q as h, r as oe, u as g, z as _ } from "./PageLayout-D4LDHJJq.js";
-import { t as se } from "./arrow-left-n48Y-Wis.js";
-import { t as ce } from "./arrow-right-Q3XQpTPR.js";
-import { t as v } from "./circle-check-big-CGMSpQmD.js";
-import { t as le } from "./clock-Bl3ptexL.js";
-import { t as ue } from "./dollar-sign-CAVU95SO.js";
-import { t as de } from "./DocumentsCard-U2lSe-cn.js";
-import { t as fe } from "./file-text-D-1uvLZG.js";
-import { n as pe, t as me } from "./Notice-CSoDYKw9.js";
-import { n as he, t as y } from "./phone-DVSZHt_j.js";
-import { t as b } from "./map-pin-Dznl5l40.js";
-import { t as x } from "./package-CcRttV2N.js";
-import { t as S } from "./square-pen-D-6JYrVQ.js";
-import { t as ge } from "./truck-D-y2IDzv.js";
-import { t as _e } from "./user-check-BEKRCi7v.js";
-import { t as ve } from "./user-DzfTn4dE.js";
-import { r as ye, t as be } from "./useOrders-B465S2nt.js";
-import { r as xe } from "./useFleet-ChBkxAd6.js";
-import { i as Se, n as Ce, r as C, t as we } from "./StatusBadge-C87mDpDP.js";
-import { t as Te } from "./FormError-cuLV2jVD.js";
-import { n as w, r as T, t as E } from "./formatters-BQr-aR5W.js";
+import { F as e, G as t, H as ee, I as n, K as te, L as r, P as i, R as a, U as ne, W as o, d as s, f as c, g as l, h as u, i as re, j as d, l as f, lt as p, n as ie, q as m, r as ae, st as oe, u as h, ut as g, z as _ } from "./PageLayout-BniRJaQ6.js";
+import { t as se } from "./arrow-left-ClW4Isj7.js";
+import { t as ce } from "./arrow-right-CmKOmIkh.js";
+import { t as v } from "./circle-check-big-C-p4eNwn.js";
+import { t as le } from "./clock-dRGG4rkF.js";
+import { t as ue } from "./dollar-sign-B6RoYHHz.js";
+import { t as de } from "./DocumentsCard-edDkgnJj.js";
+import { t as fe } from "./file-text-BuDx4hZp.js";
+import { n as pe, t as me } from "./Notice-DOO-tjpV.js";
+import { n as he, t as y } from "./phone-Cl32EXKW.js";
+import { t as b } from "./map-pin-CqN1bbT1.js";
+import { t as x } from "./package-DmRF7iQD.js";
+import { t as S } from "./square-pen-BcfB3Grd.js";
+import { t as ge } from "./truck-9rLDncav.js";
+import { t as _e } from "./user-check-IMhk-qkX.js";
+import { t as ve } from "./user-DU51el3m.js";
+import { r as ye, t as be } from "./useOrders-BSiqo61w.js";
+import { r as xe } from "./useFleet-g5Yri0G8.js";
+import { i as Se, n as Ce, r as C, t as we } from "./StatusBadge-BNHXYvZx.js";
+import { t as Te } from "./FormError-BKcb_wT-.js";
+import { n as w, r as T, t as E } from "./formatters-FWJDwTFv.js";
 import { useState as D } from "react";
 import { useParams as O } from "react-router-dom";
 import { jsx as k, jsxs as A } from "react/jsx-runtime";
 import { EmphasisPanel as j, NextSteps as Ee, PagePurpose as De } from "@burdenoff/fe-libs/ui";
 //#region node_modules/lucide-react/dist/esm/icons/circle-x.js
-var Oe = m("CircleX", [
+var Oe = g("CircleX", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -39,7 +39,7 @@ var Oe = m("CircleX", [
 		d: "m9 9 6 6",
 		key: "z0biqf"
 	}]
-]), M = m("Printer", [
+]), M = g("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",
 		key: "143wyd"
@@ -80,14 +80,14 @@ function ke(e) {
 	return t === -1 || t >= N.length - 1 ? null : N[t + 1];
 }
 function F() {
-	let { orderId: m } = O(), { basePath: N, navigate: F } = ae(), { order: I, isLoading: Ae, error: je, refetch: L } = be(m), { updateOrder: Me, updateOrderStatus: Ne } = ye(), { vehicles: Pe, drivers: Fe } = xe(), { message: R, notify: z } = pe(), [B, V] = D(""), [H, U] = D(""), [W, G] = D(!1), [K, q] = D(!1), [J, Y] = D(null), X = Pe.filter((e) => e.status === "available" || e.id === I?.vehicleId), Z = Fe.filter((e) => e.status === "available" || e.id === I?.driverId), Ie = async () => {
-		if (!m || !B && !H) {
+	let { orderId: g } = O(), { basePath: N, navigate: F } = oe(), { order: I, isLoading: Ae, error: je, refetch: L } = be(g), { updateOrder: Me, updateOrderStatus: Ne } = ye(), { vehicles: Pe, drivers: Fe } = xe(), { message: R, notify: z } = pe(), [B, V] = D(""), [H, U] = D(""), [W, G] = D(!1), [K, q] = D(!1), [J, Y] = D(null), X = Pe.filter((e) => e.status === "available" || e.id === I?.vehicleId), Z = Fe.filter((e) => e.status === "available" || e.id === I?.driverId), Ie = async () => {
+		if (!g || !B && !H) {
 			Y("Pick a vehicle and/or a driver to assign.");
 			return;
 		}
 		G(!0), Y(null);
 		try {
-			await Me(m, {
+			await Me(g, {
 				vehicleId: B || void 0,
 				driverId: H || void 0
 			}), z("Assignment updated."), V(""), U(""), L();
@@ -97,10 +97,10 @@ function F() {
 			G(!1);
 		}
 	}, Q = async (e, t) => {
-		if (m) {
+		if (g) {
 			q(!0), Y(null);
 			try {
-				await Ne(m, e), z(t), L();
+				await Ne(g, e), z(t), L();
 			} catch (e) {
 				Y(e instanceof Error ? e.message : "Failed to update status.");
 			} finally {
@@ -108,9 +108,9 @@ function F() {
 			}
 		}
 	}, $ = (e) => {
-		F && F(s(N, e));
+		F && F(p(N, e));
 	};
-	return Ae ? /* @__PURE__ */ k(oe, { message: "Loading order details..." }) : je || !I ? /* @__PURE__ */ k(ie, {
+	return Ae ? /* @__PURE__ */ k(ae, { message: "Loading order details..." }) : je || !I ? /* @__PURE__ */ k(ie, {
 		title: "Order not found",
 		message: "The order you're looking for doesn't exist or has been removed.",
 		onRetry: L
@@ -121,19 +121,19 @@ function F() {
 		headerActions: /* @__PURE__ */ A("div", {
 			className: "flex gap-2",
 			children: [
-				/* @__PURE__ */ A(g, {
+				/* @__PURE__ */ A(h, {
 					variant: "outline",
 					onClick: () => {
-						F && F(s(N, "orders"));
+						F && F(p(N, "orders"));
 					},
 					children: [/* @__PURE__ */ k(se, { size: 16 }), "Back"]
 				}),
-				/* @__PURE__ */ A(g, {
+				/* @__PURE__ */ A(h, {
 					variant: "outline",
 					children: [/* @__PURE__ */ k(M, { size: 16 }), "Print"]
 				}),
-				/* @__PURE__ */ A(g, {
-					onClick: () => $(`orders/${m}/edit`),
+				/* @__PURE__ */ A(h, {
+					onClick: () => $(`orders/${g}/edit`),
 					children: [/* @__PURE__ */ k(S, { size: 16 }), "Edit"]
 				})
 			]
@@ -170,7 +170,7 @@ function F() {
 						label: "Edit order details",
 						description: "Update items, addresses or instructions before dispatch.",
 						icon: /* @__PURE__ */ k(S, { size: 16 }),
-						onClick: () => $(`orders/${m}/edit`)
+						onClick: () => $(`orders/${g}/edit`)
 					},
 					{
 						id: "print",
@@ -186,10 +186,10 @@ function F() {
 				children: [/* @__PURE__ */ A("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ A(c, { children: [/* @__PURE__ */ k(d, { children: /* @__PURE__ */ A(u, {
+						/* @__PURE__ */ A(s, { children: [/* @__PURE__ */ k(u, { children: /* @__PURE__ */ A(l, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ k(ve, { size: 18 }), "Customer Information"]
-						}) }), /* @__PURE__ */ k(l, { children: /* @__PURE__ */ A("div", {
+						}) }), /* @__PURE__ */ k(c, { children: /* @__PURE__ */ A("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
 							children: [/* @__PURE__ */ A("div", { children: [
 								/* @__PURE__ */ k("h4", {
@@ -233,15 +233,15 @@ function F() {
 								children: I.customerInfo.deliveryInstructions
 							})] })] })]
 						}) })] }),
-						/* @__PURE__ */ A(c, { children: [/* @__PURE__ */ k(d, { children: /* @__PURE__ */ A(u, {
+						/* @__PURE__ */ A(s, { children: [/* @__PURE__ */ k(u, { children: /* @__PURE__ */ A(l, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ k(b, { size: 18 }), "Addresses"]
-						}) }), /* @__PURE__ */ k(l, { children: /* @__PURE__ */ A("div", {
+						}) }), /* @__PURE__ */ k(c, { children: /* @__PURE__ */ A("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
 							children: [/* @__PURE__ */ A("div", { children: [
 								/* @__PURE__ */ k("h4", {
 									className: "font-medium mb-2 flex items-center gap-2",
-									children: /* @__PURE__ */ k(p, {
+									children: /* @__PURE__ */ k(f, {
 										variant: "outline",
 										children: "Pickup"
 									})
@@ -268,7 +268,7 @@ function F() {
 							] }), /* @__PURE__ */ A("div", { children: [
 								/* @__PURE__ */ k("h4", {
 									className: "font-medium mb-2 flex items-center gap-2",
-									children: /* @__PURE__ */ k(p, {
+									children: /* @__PURE__ */ k(f, {
 										variant: "outline",
 										children: "Delivery"
 									})
@@ -294,7 +294,7 @@ function F() {
 								})
 							] })]
 						}) })] }),
-						/* @__PURE__ */ A(c, { children: [/* @__PURE__ */ k(d, { children: /* @__PURE__ */ A(u, {
+						/* @__PURE__ */ A(s, { children: [/* @__PURE__ */ k(u, { children: /* @__PURE__ */ A(l, {
 							className: "flex items-center gap-2",
 							children: [
 								/* @__PURE__ */ k(x, { size: 18 }),
@@ -302,9 +302,9 @@ function F() {
 								I.items.length,
 								")"
 							]
-						}) }), /* @__PURE__ */ k(l, {
+						}) }), /* @__PURE__ */ k(c, {
 							className: "p-0",
-							children: /* @__PURE__ */ A(ee, { children: [/* @__PURE__ */ k(te, { children: /* @__PURE__ */ A(h, { children: [
+							children: /* @__PURE__ */ A(ee, { children: [/* @__PURE__ */ k(te, { children: /* @__PURE__ */ A(m, { children: [
 								/* @__PURE__ */ k(t, { children: "Item" }),
 								/* @__PURE__ */ k(t, { children: "SKU" }),
 								/* @__PURE__ */ k(t, {
@@ -319,7 +319,7 @@ function F() {
 									className: "text-right",
 									children: "Total"
 								})
-							] }) }), /* @__PURE__ */ k(ne, { children: I.items.map((e) => /* @__PURE__ */ A(h, { children: [
+							] }) }), /* @__PURE__ */ k(ne, { children: I.items.map((e) => /* @__PURE__ */ A(m, { children: [
 								/* @__PURE__ */ k(o, { children: /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
 									className: "font-medium",
 									children: e.name
@@ -345,10 +345,10 @@ function F() {
 								})
 							] }, e.id)) })] })
 						})] }),
-						/* @__PURE__ */ A(c, { children: [/* @__PURE__ */ k(d, { children: /* @__PURE__ */ A(u, {
+						/* @__PURE__ */ A(s, { children: [/* @__PURE__ */ k(u, { children: /* @__PURE__ */ A(l, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ k(le, { size: 18 }), "Order Timeline"]
-						}) }), /* @__PURE__ */ k(l, { children: /* @__PURE__ */ k("div", {
+						}) }), /* @__PURE__ */ k(c, { children: /* @__PURE__ */ k("div", {
 							className: "relative",
 							children: I.timeline.map((e, t) => /* @__PURE__ */ A("div", {
 								className: "flex gap-4 pb-6 last:pb-0",
@@ -446,10 +446,10 @@ function F() {
 								})
 							]
 						})] }),
-						/* @__PURE__ */ A(c, { children: [/* @__PURE__ */ k(d, { children: /* @__PURE__ */ A(u, {
+						/* @__PURE__ */ A(s, { children: [/* @__PURE__ */ k(u, { children: /* @__PURE__ */ A(l, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ k(ge, { size: 18 }), "Assignment"]
-						}) }), /* @__PURE__ */ k(l, { children: /* @__PURE__ */ A("div", {
+						}) }), /* @__PURE__ */ k(c, { children: /* @__PURE__ */ A("div", {
 							className: "space-y-4",
 							children: [
 								J && /* @__PURE__ */ k(Te, { message: J }),
@@ -467,7 +467,7 @@ function F() {
 									children: [
 										/* @__PURE__ */ A("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ k(f, {
+											children: [/* @__PURE__ */ k(d, {
 												htmlFor: "assign-vehicle",
 												children: "Vehicle"
 											}), /* @__PURE__ */ A(i, {
@@ -493,7 +493,7 @@ function F() {
 										}),
 										/* @__PURE__ */ A("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ k(f, {
+											children: [/* @__PURE__ */ k(d, {
 												htmlFor: "assign-driver",
 												children: "Driver"
 											}), /* @__PURE__ */ A(i, {
@@ -517,7 +517,7 @@ function F() {
 												}, e.id)) })]
 											})]
 										}),
-										/* @__PURE__ */ A(g, {
+										/* @__PURE__ */ A(h, {
 											className: "w-full",
 											onClick: Ie,
 											disabled: W || !B && !H,
@@ -538,7 +538,7 @@ function F() {
 										}),
 										(() => {
 											let e = ke(I.status);
-											return e ? /* @__PURE__ */ A(g, {
+											return e ? /* @__PURE__ */ A(h, {
 												variant: "outline",
 												className: "w-full",
 												onClick: () => Q(e, `Order advanced to ${P[e]}.`),
@@ -546,7 +546,7 @@ function F() {
 												children: [/* @__PURE__ */ k(ce, { size: 16 }), K ? "Updating…" : `Advance to ${P[e]}`]
 											}) : null;
 										})(),
-										I.status !== "cancelled" && I.status !== "delivered" && /* @__PURE__ */ A(g, {
+										I.status !== "cancelled" && I.status !== "delivered" && /* @__PURE__ */ A(h, {
 											variant: "outline",
 											className: "w-full text-status-error-text",
 											onClick: () => Q("cancelled", "Order cancelled."),
@@ -555,7 +555,7 @@ function F() {
 										})
 									]
 								}),
-								/* @__PURE__ */ A(g, {
+								/* @__PURE__ */ A(h, {
 									variant: "outline",
 									className: "w-full",
 									onClick: () => $(`tracking?order=${I.id}`),
@@ -567,10 +567,10 @@ function F() {
 							entityType: "order",
 							entityId: I.id
 						}),
-						I.specialInstructions && /* @__PURE__ */ A(c, { children: [/* @__PURE__ */ k(d, { children: /* @__PURE__ */ A(u, {
+						I.specialInstructions && /* @__PURE__ */ A(s, { children: [/* @__PURE__ */ k(u, { children: /* @__PURE__ */ A(l, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ k(fe, { size: 18 }), "Special Instructions"]
-						}) }), /* @__PURE__ */ k(l, { children: /* @__PURE__ */ k("p", {
+						}) }), /* @__PURE__ */ k(c, { children: /* @__PURE__ */ k("p", {
 							className: "text-sm",
 							children: I.specialInstructions
 						}) })] })