@burdenoff/microfe-movethewheels 2026.704.2 → 2026.713.1

package/dist/{AnalyticsPage-900jpV2T.js → pages/AnalyticsPage.js}

@@ -1,38 +1,43 @@
-import { M as e, d as t, f as n, g as r, h as i, i as a, u as o } from "./PageLayout-j9Zw3wBN.js";
-import { t as s } from "./chart-column-BwQ5H9ol.js";
-import { t as c } from "./dollar-sign-CYGHy2oS.js";
-import { t as l } from "./package-UyaWiALC.js";
-import { t as u } from "./star-1Ixfuzai.js";
-import { t as d } from "./trending-up-1brglj1E.js";
-import { t as f } from "./users-BKmsb79k.js";
-import { l as p, n as m, o as h, r as g, t as _, u as v } from "./charts-Dv_zxP7L.js";
-import { n as y, r as b, t as x } from "./MetricCard-CqU5WsyW.js";
-import { n as S } from "./formatters-FWJDwTFv.js";
+import { ChartColumn as e } from "../node_modules/lucide-react/dist/esm/icons/chart-column.js";
+import { DollarSign as t } from "../node_modules/lucide-react/dist/esm/icons/dollar-sign.js";
+import { Package as n } from "../node_modules/lucide-react/dist/esm/icons/package.js";
+import { Star as r } from "../node_modules/lucide-react/dist/esm/icons/star.js";
+import { TrendingUp as i } from "../node_modules/lucide-react/dist/esm/icons/trending-up.js";
+import { Users as a } from "../node_modules/lucide-react/dist/esm/icons/users.js";
+import { useAnalytics as o, useFleetAnalytics as s, useOrderAnalytics as c } from "../hooks/useAnalytics.js";
+import { Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p, Progress as m } from "../components/ui.js";
+import { PageLayout as h } from "../components/PageLayout.js";
+import { MetricCard as g, MetricCardSkeleton as _, MetricGrid as v } from "../components/MetricCard.js";
+import { TrendChart as y } from "../components/charts/TrendChart.js";
+import { VolumeBar as b } from "../components/charts/VolumeBar.js";
+import { StatusDonut as x } from "../components/charts/StatusDonut.js";
+import "../components/charts/index.js";
+import { formatCurrency as S } from "../utils/formatters.js";
 import { useMemo as C } from "react";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
 import { EmphasisPanel as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/AnalyticsPage.tsx
 var O = (e) => e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 function k() {
-	let { analytics: k, isLoading: A, error: j, refetch: M } = h(), { orderData: N } = v(), { fleetData: P } = p(), F = C(() => k.trends.dailyOrders.map((e) => e.orders), [k.trends.dailyOrders]), I = C(() => k.trends.revenue.map((e) => ({
+	let { analytics: k, isLoading: A, error: j, refetch: M } = o(), { orderData: N } = c(), { fleetData: P } = s(), F = C(() => k.trends.dailyOrders.map((e) => e.orders), [k.trends.dailyOrders]), I = C(() => k.trends.revenue.map((e) => ({
 		month: e.month,
 		revenue: e.revenue
 	})), [k.trends.revenue]), L = C(() => N.byStatus.filter((e) => e.count > 0).map((e) => ({
 		name: O(e.status),
 		value: e.count
 	})), [N.byStatus]), R = L.reduce((e, t) => e + t.value, 0);
-	return /* @__PURE__ */ T(a, {
+	return /* @__PURE__ */ T(h, {
 		title: "Analytics",
 		subtitle: "Business performance and insights",
-		icon: /* @__PURE__ */ w(s, { size: 24 }),
+		icon: /* @__PURE__ */ w(e, { size: 24 }),
 		children: [
 			/* @__PURE__ */ w(D, {
-				icon: /* @__PURE__ */ w(s, { size: 18 }),
+				icon: /* @__PURE__ */ w(e, { size: 18 }),
 				children: "See how the operation is really performing. Track order volume, revenue, on-time rate and customer satisfaction over time so you can spot trends, find bottlenecks, and decide where to invest — whether that's more vehicles, better routes, or new customers."
 			}),
-			j && !A ? /* @__PURE__ */ w(t, {
+			j && !A ? /* @__PURE__ */ w(u, {
 				className: "border-status-error-border",
-				children: /* @__PURE__ */ T(n, {
+				children: /* @__PURE__ */ T(d, {
 					className: "p-6 text-center space-y-3",
 					children: [
 						/* @__PURE__ */ w("p", {
@@ -43,38 +48,38 @@ function k() {
 							className: "text-sm text-text-secondary",
 							children: j.message
 						}),
-						/* @__PURE__ */ w(o, {
+						/* @__PURE__ */ w(l, {
 							variant: "outline",
 							onClick: M,
 							children: "Retry"
 						})
 					]
 				})
-			}) : A ? /* @__PURE__ */ w(b, {
+			}) : A ? /* @__PURE__ */ w(v, {
 				columns: 4,
-				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ w(y, {}, t))
-			}) : /* @__PURE__ */ T(b, {
+				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ w(_, {}, t))
+			}) : /* @__PURE__ */ T(v, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ w(x, {
+					/* @__PURE__ */ w(g, {
 						label: "Order Volume",
 						value: k.overview.totalOrders.toLocaleString(),
-						icon: /* @__PURE__ */ w(l, { size: 20 }),
+						icon: /* @__PURE__ */ w(n, { size: 20 }),
 						accent: "brand",
 						sparklineData: F.length >= 2 ? F : void 0
 					}),
-					/* @__PURE__ */ w(x, {
+					/* @__PURE__ */ w(g, {
 						treatment: "glass",
 						glow: !0,
 						label: "Revenue",
 						value: S(k.overview.totalRevenue),
-						icon: /* @__PURE__ */ w(c, { size: 20 }),
+						icon: /* @__PURE__ */ w(t, { size: 20 }),
 						accent: "success"
 					}),
-					/* @__PURE__ */ w(x, {
+					/* @__PURE__ */ w(g, {
 						label: "On-Time Delivery",
 						value: `${k.overview.onTimeDeliveryRate.toFixed(1)}%`,
-						icon: /* @__PURE__ */ w(d, { size: 20 }),
+						icon: /* @__PURE__ */ w(i, { size: 20 }),
 						accent: "blue",
 						delta: k.overview.onTimeDeliveryRate >= 90 ? {
 							value: "On target",
@@ -84,16 +89,16 @@ function k() {
 							direction: "down"
 						}
 					}),
-					/* @__PURE__ */ w(x, {
+					/* @__PURE__ */ w(g, {
 						label: "Customer Satisfaction",
 						value: k.overview.customerSatisfaction.toFixed(1),
-						icon: /* @__PURE__ */ w(u, { size: 20 }),
+						icon: /* @__PURE__ */ w(r, { size: 20 }),
 						accent: "warning",
 						subtitle: "out of 5"
 					})
 				]
 			}),
-			/* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ w(r, { children: "Order & delivery trend" }) }), /* @__PURE__ */ w(n, { children: /* @__PURE__ */ w(g, {
+			/* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w(f, { children: /* @__PURE__ */ w(p, { children: "Order & delivery trend" }) }), /* @__PURE__ */ w(d, { children: /* @__PURE__ */ w(y, {
 				xKey: "date",
 				height: 300,
 				data: k.trends.dailyOrders,
@@ -108,7 +113,7 @@ function k() {
 			}) })] }),
 			/* @__PURE__ */ T("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ w(r, { children: "Revenue by month" }) }), /* @__PURE__ */ w(n, { children: /* @__PURE__ */ w(m, {
+				children: [/* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w(f, { children: /* @__PURE__ */ w(p, { children: "Revenue by month" }) }), /* @__PURE__ */ w(d, { children: /* @__PURE__ */ w(b, {
 					xKey: "month",
 					height: 280,
 					showLegend: !1,
@@ -119,7 +124,7 @@ function k() {
 					}],
 					valueFormatter: (e) => S(Number(e)),
 					emptyMessage: "No revenue recorded yet"
-				}) })] }), /* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ w(r, { children: "Orders by status" }) }), /* @__PURE__ */ w(n, { children: /* @__PURE__ */ w(_, {
+				}) })] }), /* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w(f, { children: /* @__PURE__ */ w(p, { children: "Orders by status" }) }), /* @__PURE__ */ w(d, { children: /* @__PURE__ */ w(x, {
 					data: L,
 					height: 240,
 					centerLabel: R.toLocaleString(),
@@ -129,12 +134,12 @@ function k() {
 			}),
 			/* @__PURE__ */ T("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ w(r, { children: "Fleet Performance" }) }), /* @__PURE__ */ T(n, {
+				children: [/* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w(f, { children: /* @__PURE__ */ w(p, { children: "Fleet Performance" }) }), /* @__PURE__ */ T(d, {
 					className: "space-y-4",
 					children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
 						className: "flex justify-between text-sm mb-1",
 						children: [/* @__PURE__ */ w("span", { children: "Vehicle Utilization" }), /* @__PURE__ */ T("span", { children: [P.vehicleUtilization.toFixed(0), "%"] })]
-					}), /* @__PURE__ */ w(e, { value: P.vehicleUtilization })] }), P.vehiclesByType.length > 0 && /* @__PURE__ */ T("div", {
+					}), /* @__PURE__ */ w(m, { value: P.vehicleUtilization })] }), P.vehiclesByType.length > 0 && /* @__PURE__ */ T("div", {
 						className: "pt-2",
 						children: [/* @__PURE__ */ w("p", {
 							className: "text-sm text-text-secondary mb-2",
@@ -173,7 +178,7 @@ function k() {
 						})] }),
 						/* @__PURE__ */ T("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ w(f, {
+							children: [/* @__PURE__ */ w(a, {
 								size: 16,
 								className: "text-text-secondary"
 							}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {

package/dist/{CreateOrderPage-CXbhJLLz.js → pages/CreateOrderPage.js}

@@ -1,21 +1,24 @@
-import { A as e, F as t, I as n, L as r, P as i, Q as ee, R as a, d as o, f as s, g as c, h as l, i as u, j as d, lt as f, st as p, t as m, u as h, z as te } from "./PageLayout-j9Zw3wBN.js";
-import { t as g } from "./arrow-left-1dVWv2dg.js";
-import { t as _ } from "./map-pin-BISLzLwb.js";
-import { t as v } from "./package-UyaWiALC.js";
-import { t as y } from "./plus-Bk_G-lFC.js";
-import { t as b } from "./save-CcfoIn2J.js";
-import { t as x } from "./trash-2-CC4KugEJ.js";
-import { t as S } from "./users-BKmsb79k.js";
-import { r as C, t as w } from "./useOrders-B5FV0kcz.js";
-import { r as T } from "./useCustomers-BQ4AIEAT.js";
-import { t as E } from "./FormError-D4T5FWZA.js";
+import { ArrowLeft as e } from "../node_modules/lucide-react/dist/esm/icons/arrow-left.js";
+import { MapPin as t } from "../node_modules/lucide-react/dist/esm/icons/map-pin.js";
+import { Package as n } from "../node_modules/lucide-react/dist/esm/icons/package.js";
+import { Plus as r } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
+import { Save as i } from "../node_modules/lucide-react/dist/esm/icons/save.js";
+import { Trash2 as a } from "../node_modules/lucide-react/dist/esm/icons/trash-2.js";
+import { Users as o } from "../node_modules/lucide-react/dist/esm/icons/users.js";
+import { joinPath as s } from "../utils/navigation.js";
+import { useMoveTheWheels as c } from "../providers/MoveTheWheelsProvider.js";
+import { useOrder as ee, useOrders as te } from "../hooks/useOrders.js";
+import { useCustomers as l } from "../hooks/useCustomers.js";
+import { Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m, Input as h, Label as g, Select as _, SelectContent as v, SelectItem as y, SelectTrigger as b, SelectValue as x, Separator as S, Textarea as C } from "../components/ui.js";
+import { EmptyState as w, PageLayout as T } from "../components/PageLayout.js";
+import { FormError as E } from "../components/FormError.js";
 import { useEffect as D, useState as O } from "react";
 import { useParams as k } from "react-router-dom";
 import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { EmphasisPanel as ne, NextSteps as re, PagePurpose as M } from "@burdenoff/fe-libs/ui";
+import { EmphasisPanel as M, NextSteps as ne, PagePurpose as re } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/CreateOrderPage.tsx
 function N() {
-	let { orderId: N } = k(), { basePath: P, navigate: F } = p(), { order: I } = w(N), { createOrder: L, updateOrder: R } = C(), { customers: z } = T({ limit: 100 }), B = !!N && !!I, [V, H] = O({
+	let { orderId: N } = k(), { basePath: P, navigate: F } = c(), { order: I } = ee(N), { createOrder: L, updateOrder: R } = te(), { customers: z } = l({ limit: 100 }), B = !!N && !!I, [V, H] = O({
 		customerId: I?.customerId || "",
 		orderType: I?.orderType || "b2c",
 		priority: I?.priority || "normal",
@@ -60,7 +63,7 @@ function N() {
 		});
 	}, [I]);
 	let q = () => {
-		F && F(f(P, "orders"));
+		F && F(s(P, "orders"));
 	}, J = () => {
 		let e = z.find((e) => e.id === V.customerId);
 		return !V.customerId || !e ? "Select a customer for this order." : V.pickupAddress.street.trim() ? V.deliveryAddress.street.trim() ? V.items.length === 0 ? "Add at least one item to the order." : null : "Enter a delivery street address." : "Enter a pickup street address.";
@@ -93,7 +96,7 @@ function N() {
 				items: V.items,
 				specialInstructions: V.specialInstructions
 			};
-			B && N ? (await R(N, e), F && F(f(P, `orders/${N}`))) : (await L(e), q());
+			B && N ? (await R(N, e), F && F(s(P, `orders/${N}`))) : (await L(e), q());
 		} catch (e) {
 			K(e instanceof Error ? e.message : B ? "Could not update the order. Please try again." : "Could not create the order. Please try again.");
 		} finally {
@@ -145,35 +148,35 @@ function N() {
 			} : r)
 		}));
 	};
-	return /* @__PURE__ */ j(u, {
+	return /* @__PURE__ */ j(T, {
 		title: B ? "Edit Order" : "Create Order",
 		subtitle: B ? `Editing ${I?.orderNumber}` : "Create a new delivery order",
-		icon: /* @__PURE__ */ A(v, { size: 24 }),
+		icon: /* @__PURE__ */ A(n, { size: 24 }),
 		headerActions: /* @__PURE__ */ j("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ j(h, {
+			children: [/* @__PURE__ */ j(u, {
 				variant: "outline",
 				onClick: q,
-				children: [/* @__PURE__ */ A(g, { size: 16 }), "Cancel"]
-			}), /* @__PURE__ */ j(h, {
+				children: [/* @__PURE__ */ A(e, { size: 16 }), "Cancel"]
+			}), /* @__PURE__ */ j(u, {
 				onClick: Y,
 				disabled: U,
-				children: [/* @__PURE__ */ A(b, { size: 16 }), U ? "Saving..." : B ? "Save Changes" : "Create Order"]
+				children: [/* @__PURE__ */ A(i, { size: 16 }), U ? "Saving..." : B ? "Save Changes" : "Create Order"]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ A(M, {
-				icon: /* @__PURE__ */ A(v, { size: 18 }),
+			/* @__PURE__ */ A(re, {
+				icon: /* @__PURE__ */ A(n, { size: 18 }),
 				children: B ? "Update this delivery before it goes out — change the customer, addresses, items or handling notes, then save." : "Book a new delivery in a few steps: choose who it’s for, set pickup and drop-off addresses, list what’s being shipped, and add any handling notes. Once created it joins the orders pipeline ready to assign and track."
 			}),
-			/* @__PURE__ */ A(re, {
+			/* @__PURE__ */ A(ne, {
 				storageKey: "movethewheels-create-order",
 				steps: [
 					{
 						id: "customer",
 						label: "Pick the customer first",
 						description: "Their saved contact details auto-fill the order.",
-						icon: /* @__PURE__ */ A(S, { size: 16 }),
+						icon: /* @__PURE__ */ A(o, { size: 16 }),
 						done: !!V.customerId,
 						onClick: () => document.getElementById("customer")?.focus()
 					},
@@ -181,7 +184,7 @@ function N() {
 						id: "addresses",
 						label: "Set pickup & delivery addresses",
 						description: "Where the shipment is collected and dropped off.",
-						icon: /* @__PURE__ */ A(_, { size: 16 }),
+						icon: /* @__PURE__ */ A(t, { size: 16 }),
 						done: !!V.pickupAddress.street && !!V.deliveryAddress.street,
 						onClick: () => document.getElementById("pickupStreet")?.focus()
 					},
@@ -189,7 +192,7 @@ function N() {
 						id: "items",
 						label: "Add the items to ship",
 						description: "List each product with its quantity and value.",
-						icon: /* @__PURE__ */ A(v, { size: 16 }),
+						icon: /* @__PURE__ */ A(n, { size: 16 }),
 						done: V.items.length > 0,
 						onClick: Q
 					}
@@ -200,7 +203,7 @@ function N() {
 				className: "space-y-6",
 				children: [
 					/* @__PURE__ */ A(E, { message: G }),
-					/* @__PURE__ */ j(ne, { children: [/* @__PURE__ */ A("h2", {
+					/* @__PURE__ */ j(M, { children: [/* @__PURE__ */ A("h2", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Order Details"
 					}), /* @__PURE__ */ A("div", {
@@ -210,16 +213,16 @@ function N() {
 							children: [
 								/* @__PURE__ */ j("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ A(d, {
+									children: [/* @__PURE__ */ A(g, {
 										htmlFor: "customer",
 										children: "Customer"
-									}), /* @__PURE__ */ j(i, {
+									}), /* @__PURE__ */ j(_, {
 										value: V.customerId,
 										onValueChange: (e) => X("customerId", e),
-										children: [/* @__PURE__ */ A(r, {
+										children: [/* @__PURE__ */ A(b, {
 											id: "customer",
-											children: /* @__PURE__ */ A(a, { placeholder: "Select customer" })
-										}), /* @__PURE__ */ A(t, { children: z.map((e) => /* @__PURE__ */ j(n, {
+											children: /* @__PURE__ */ A(x, { placeholder: "Select customer" })
+										}), /* @__PURE__ */ A(v, { children: z.map((e) => /* @__PURE__ */ j(y, {
 											value: e.id,
 											children: [
 												e.name,
@@ -232,19 +235,19 @@ function N() {
 								}),
 								/* @__PURE__ */ j("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ A(d, {
+									children: [/* @__PURE__ */ A(g, {
 										htmlFor: "orderType",
 										children: "Order Type"
-									}), /* @__PURE__ */ j(i, {
+									}), /* @__PURE__ */ j(_, {
 										value: V.orderType,
 										onValueChange: (e) => X("orderType", e),
-										children: [/* @__PURE__ */ A(r, {
+										children: [/* @__PURE__ */ A(b, {
 											id: "orderType",
-											children: /* @__PURE__ */ A(a, {})
-										}), /* @__PURE__ */ j(t, { children: [/* @__PURE__ */ A(n, {
+											children: /* @__PURE__ */ A(x, {})
+										}), /* @__PURE__ */ j(v, { children: [/* @__PURE__ */ A(y, {
 											value: "b2c",
 											children: "B2C (Individual)"
-										}), /* @__PURE__ */ A(n, {
+										}), /* @__PURE__ */ A(y, {
 											value: "b2b",
 											children: "B2B (Business)"
 										})] })]
@@ -252,29 +255,29 @@ function N() {
 								}),
 								/* @__PURE__ */ j("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ A(d, {
+									children: [/* @__PURE__ */ A(g, {
 										htmlFor: "priority",
 										children: "Priority"
-									}), /* @__PURE__ */ j(i, {
+									}), /* @__PURE__ */ j(_, {
 										value: V.priority,
 										onValueChange: (e) => X("priority", e),
-										children: [/* @__PURE__ */ A(r, {
+										children: [/* @__PURE__ */ A(b, {
 											id: "priority",
-											children: /* @__PURE__ */ A(a, {})
-										}), /* @__PURE__ */ j(t, { children: [
-											/* @__PURE__ */ A(n, {
+											children: /* @__PURE__ */ A(x, {})
+										}), /* @__PURE__ */ j(v, { children: [
+											/* @__PURE__ */ A(y, {
 												value: "low",
 												children: "Low"
 											}),
-											/* @__PURE__ */ A(n, {
+											/* @__PURE__ */ A(y, {
 												value: "normal",
 												children: "Normal"
 											}),
-											/* @__PURE__ */ A(n, {
+											/* @__PURE__ */ A(y, {
 												value: "high",
 												children: "High"
 											}),
-											/* @__PURE__ */ A(n, {
+											/* @__PURE__ */ A(y, {
 												value: "urgent",
 												children: "Urgent"
 											})
@@ -286,15 +289,15 @@ function N() {
 					})] }),
 					/* @__PURE__ */ j("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-						children: [/* @__PURE__ */ j(o, { children: [/* @__PURE__ */ A(l, { children: /* @__PURE__ */ A(c, { children: "Pickup Address" }) }), /* @__PURE__ */ j(s, {
+						children: [/* @__PURE__ */ j(d, { children: [/* @__PURE__ */ A(p, { children: /* @__PURE__ */ A(m, { children: "Pickup Address" }) }), /* @__PURE__ */ j(f, {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ j("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ A(d, {
+									children: [/* @__PURE__ */ A(g, {
 										htmlFor: "pickupStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ A(e, {
+									}), /* @__PURE__ */ A(h, {
 										id: "pickupStreet",
 										value: V.pickupAddress.street,
 										onChange: (e) => Z("pickupAddress", "street", e.target.value),
@@ -305,10 +308,10 @@ function N() {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ j("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ A(d, {
+										children: [/* @__PURE__ */ A(g, {
 											htmlFor: "pickupCity",
 											children: "City"
-										}), /* @__PURE__ */ A(e, {
+										}), /* @__PURE__ */ A(h, {
 											id: "pickupCity",
 											value: V.pickupAddress.city,
 											onChange: (e) => Z("pickupAddress", "city", e.target.value),
@@ -316,10 +319,10 @@ function N() {
 										})]
 									}), /* @__PURE__ */ j("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ A(d, {
+										children: [/* @__PURE__ */ A(g, {
 											htmlFor: "pickupState",
 											children: "State"
-										}), /* @__PURE__ */ A(e, {
+										}), /* @__PURE__ */ A(h, {
 											id: "pickupState",
 											value: V.pickupAddress.state,
 											onChange: (e) => Z("pickupAddress", "state", e.target.value),
@@ -331,10 +334,10 @@ function N() {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ j("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ A(d, {
+										children: [/* @__PURE__ */ A(g, {
 											htmlFor: "pickupPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ A(e, {
+										}), /* @__PURE__ */ A(h, {
 											id: "pickupPostal",
 											value: V.pickupAddress.postalCode,
 											onChange: (e) => Z("pickupAddress", "postalCode", e.target.value),
@@ -342,10 +345,10 @@ function N() {
 										})]
 									}), /* @__PURE__ */ j("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ A(d, {
+										children: [/* @__PURE__ */ A(g, {
 											htmlFor: "pickupCountry",
 											children: "Country"
-										}), /* @__PURE__ */ A(e, {
+										}), /* @__PURE__ */ A(h, {
 											id: "pickupCountry",
 											value: V.pickupAddress.country,
 											onChange: (e) => Z("pickupAddress", "country", e.target.value),
@@ -354,15 +357,15 @@ function N() {
 									})]
 								})
 							]
-						})] }), /* @__PURE__ */ j(o, { children: [/* @__PURE__ */ A(l, { children: /* @__PURE__ */ A(c, { children: "Delivery Address" }) }), /* @__PURE__ */ j(s, {
+						})] }), /* @__PURE__ */ j(d, { children: [/* @__PURE__ */ A(p, { children: /* @__PURE__ */ A(m, { children: "Delivery Address" }) }), /* @__PURE__ */ j(f, {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ j("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ A(d, {
+									children: [/* @__PURE__ */ A(g, {
 										htmlFor: "deliveryStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ A(e, {
+									}), /* @__PURE__ */ A(h, {
 										id: "deliveryStreet",
 										value: V.deliveryAddress.street,
 										onChange: (e) => Z("deliveryAddress", "street", e.target.value),
@@ -373,10 +376,10 @@ function N() {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ j("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ A(d, {
+										children: [/* @__PURE__ */ A(g, {
 											htmlFor: "deliveryCity",
 											children: "City"
-										}), /* @__PURE__ */ A(e, {
+										}), /* @__PURE__ */ A(h, {
 											id: "deliveryCity",
 											value: V.deliveryAddress.city,
 											onChange: (e) => Z("deliveryAddress", "city", e.target.value),
@@ -384,10 +387,10 @@ function N() {
 										})]
 									}), /* @__PURE__ */ j("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ A(d, {
+										children: [/* @__PURE__ */ A(g, {
 											htmlFor: "deliveryState",
 											children: "State"
-										}), /* @__PURE__ */ A(e, {
+										}), /* @__PURE__ */ A(h, {
 											id: "deliveryState",
 											value: V.deliveryAddress.state,
 											onChange: (e) => Z("deliveryAddress", "state", e.target.value),
@@ -399,10 +402,10 @@ function N() {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ j("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ A(d, {
+										children: [/* @__PURE__ */ A(g, {
 											htmlFor: "deliveryPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ A(e, {
+										}), /* @__PURE__ */ A(h, {
 											id: "deliveryPostal",
 											value: V.deliveryAddress.postalCode,
 											onChange: (e) => Z("deliveryAddress", "postalCode", e.target.value),
@@ -410,10 +413,10 @@ function N() {
 										})]
 									}), /* @__PURE__ */ j("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ A(d, {
+										children: [/* @__PURE__ */ A(g, {
 											htmlFor: "deliveryCountry",
 											children: "Country"
-										}), /* @__PURE__ */ A(e, {
+										}), /* @__PURE__ */ A(h, {
 											id: "deliveryCountry",
 											value: V.deliveryAddress.country,
 											onChange: (e) => Z("deliveryAddress", "country", e.target.value),
@@ -424,83 +427,83 @@ function N() {
 							]
 						})] })]
 					}),
-					/* @__PURE__ */ j(o, { children: [/* @__PURE__ */ j(l, {
+					/* @__PURE__ */ j(d, { children: [/* @__PURE__ */ j(p, {
 						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ A(c, { children: "Order Items" }), /* @__PURE__ */ j(h, {
+						children: [/* @__PURE__ */ A(m, { children: "Order Items" }), /* @__PURE__ */ j(u, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
 							onClick: Q,
-							children: [/* @__PURE__ */ A(y, { size: 16 }), "Add Item"]
+							children: [/* @__PURE__ */ A(r, { size: 16 }), "Add Item"]
 						})]
-					}), /* @__PURE__ */ A(s, { children: V.items.length === 0 ? /* @__PURE__ */ A(m, {
+					}), /* @__PURE__ */ A(f, { children: V.items.length === 0 ? /* @__PURE__ */ A(w, {
 						illustration: "empty-files",
 						title: "No items added yet",
 						description: "Add the products this order will ship — each with a name, SKU, quantity and value.",
-						action: /* @__PURE__ */ j(h, {
+						action: /* @__PURE__ */ j(u, {
 							type: "button",
 							variant: "outline",
 							onClick: Q,
-							children: [/* @__PURE__ */ A(y, {
+							children: [/* @__PURE__ */ A(r, {
 								size: 16,
 								className: "mr-1.5"
 							}), "Add your first item"]
 						})
 					}) : /* @__PURE__ */ A("div", {
 						className: "space-y-4",
-						children: V.items.map((t, n) => /* @__PURE__ */ j("div", { children: [n > 0 && /* @__PURE__ */ A(te, { className: "my-4" }), /* @__PURE__ */ j("div", {
+						children: V.items.map((e, t) => /* @__PURE__ */ j("div", { children: [t > 0 && /* @__PURE__ */ A(S, { className: "my-4" }), /* @__PURE__ */ j("div", {
 							className: "grid grid-cols-1 md:grid-cols-6 gap-4",
 							children: [
 								/* @__PURE__ */ j("div", {
 									className: "md:col-span-2 space-y-2",
-									children: [/* @__PURE__ */ A(d, { children: "Item Name" }), /* @__PURE__ */ A(e, {
-										value: t.name,
-										onChange: (e) => $(n, "name", e.target.value),
+									children: [/* @__PURE__ */ A(g, { children: "Item Name" }), /* @__PURE__ */ A(h, {
+										value: e.name,
+										onChange: (e) => $(t, "name", e.target.value),
 										placeholder: "Product name"
 									})]
 								}),
 								/* @__PURE__ */ j("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ A(d, { children: "SKU" }), /* @__PURE__ */ A(e, {
-										value: t.sku,
-										onChange: (e) => $(n, "sku", e.target.value),
+									children: [/* @__PURE__ */ A(g, { children: "SKU" }), /* @__PURE__ */ A(h, {
+										value: e.sku,
+										onChange: (e) => $(t, "sku", e.target.value),
 										placeholder: "SKU-001"
 									})]
 								}),
 								/* @__PURE__ */ j("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ A(d, { children: "Quantity" }), /* @__PURE__ */ A(e, {
+									children: [/* @__PURE__ */ A(g, { children: "Quantity" }), /* @__PURE__ */ A(h, {
 										type: "number",
 										min: "1",
-										value: t.quantity,
-										onChange: (e) => $(n, "quantity", parseInt(e.target.value) || 1)
+										value: e.quantity,
+										onChange: (e) => $(t, "quantity", parseInt(e.target.value) || 1)
 									})]
 								}),
 								/* @__PURE__ */ j("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ A(d, { children: "Value ($)" }), /* @__PURE__ */ A(e, {
+									children: [/* @__PURE__ */ A(g, { children: "Value ($)" }), /* @__PURE__ */ A(h, {
 										type: "number",
 										min: "0",
 										step: "0.01",
-										value: t.value,
-										onChange: (e) => $(n, "value", parseFloat(e.target.value) || 0)
+										value: e.value,
+										onChange: (e) => $(t, "value", parseFloat(e.target.value) || 0)
 									})]
 								}),
 								/* @__PURE__ */ A("div", {
 									className: "flex items-end",
-									children: /* @__PURE__ */ A(h, {
+									children: /* @__PURE__ */ A(u, {
 										type: "button",
 										variant: "ghost",
 										size: "icon",
 										className: "text-status-error-text",
-										onClick: () => ie(n),
-										children: /* @__PURE__ */ A(x, { size: 16 })
+										onClick: () => ie(t),
+										children: /* @__PURE__ */ A(a, { size: 16 })
 									})
 								})
 							]
-						})] }, t.id))
+						})] }, e.id))
 					}) })] }),
-					/* @__PURE__ */ j(o, { children: [/* @__PURE__ */ A(l, { children: /* @__PURE__ */ A(c, { children: "Special Instructions" }) }), /* @__PURE__ */ A(s, { children: /* @__PURE__ */ A(ee, {
+					/* @__PURE__ */ j(d, { children: [/* @__PURE__ */ A(p, { children: /* @__PURE__ */ A(m, { children: "Special Instructions" }) }), /* @__PURE__ */ A(f, { children: /* @__PURE__ */ A(C, {
 						value: V.specialInstructions,
 						onChange: (e) => X("specialInstructions", e.target.value),
 						placeholder: "Any special handling or delivery instructions...",