@burdenoff/microfe-movethewheels 2026.923.1 → 2026.924.1

package/dist/pages/CreateOrderPage.js

@@ -4,37 +4,38 @@ import { MapPin as n } from "../node_modules/lucide-react/dist/esm/icons/map-pin
 import { Package as r } from "../node_modules/lucide-react/dist/esm/icons/package.js";
 import { Plus as i } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
 import { Route as a } from "../node_modules/lucide-react/dist/esm/icons/route.js";
-import { Save as ee } from "../node_modules/lucide-react/dist/esm/icons/save.js";
-import { Trash2 as te } from "../node_modules/lucide-react/dist/esm/icons/trash-2.js";
-import { Users as ne } from "../node_modules/lucide-react/dist/esm/icons/users.js";
-import { buildCustomerCreatePath as re, joinPath as o } from "../utils/navigation.js";
-import { useMoveTheWheels as ie } from "../providers/MoveTheWheelsProvider.js";
-import { useRoutes as ae } from "../hooks/useRoutes.js";
-import { useOrder as oe, useOrders as se } from "../hooks/useOrders.js";
-import { useCustomer as ce, useCustomers as le } from "../hooks/useCustomers.js";
-import { Button as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d, Input as f, Label as p, Select as m, SelectContent as h, SelectItem as g, SelectTrigger as _, SelectValue as v, Separator as ue, Textarea as de } from "../components/ui.js";
-import { EmptyState as fe, PageLayout as y } from "../components/PageLayout.js";
-import { FormError as pe } from "../components/FormError.js";
-import { useDebouncedValue as me } from "../hooks/useDebouncedValue.js";
-import { CustomerPicker as he } from "../components/CustomerPicker.js";
+import { Save as o } from "../node_modules/lucide-react/dist/esm/icons/save.js";
+import { Trash2 as ee } from "../node_modules/lucide-react/dist/esm/icons/trash-2.js";
+import { Users as te } from "../node_modules/lucide-react/dist/esm/icons/users.js";
+import { buildCustomerCreatePath as ne, joinPath as s } from "../utils/navigation.js";
+import { useMoveTheWheels as re } from "../providers/MoveTheWheelsProvider.js";
+import { useRoute as ie, useRoutes as ae } from "../hooks/useRoutes.js";
+import { useOrder as oe, useOrders as c } from "../hooks/useOrders.js";
+import { useCustomer as l, useCustomers as u } from "../hooks/useCustomers.js";
+import { Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h, Input as g, Label as _, Select as se, SelectContent as ce, SelectItem as v, SelectTrigger as le, SelectValue as ue, Separator as de, Textarea as y } from "../components/ui.js";
+import { EmptyState as fe, PageLayout as pe } from "../components/PageLayout.js";
+import { FormError as me } from "../components/FormError.js";
+import { EntityCombobox as he } from "../components/EntityCombobox.js";
+import { CustomerPicker as ge } from "../components/CustomerPicker.js";
 import { useEffect as b, useState as x } from "react";
-import { useParams as ge, useSearchParams as S } from "react-router";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { EmphasisPanel as _e, NextSteps as ve, PagePurpose as ye } from "@burdenoff/fe-libs/ui";
+import { useParams as _e, useSearchParams as ve } from "react-router";
+import { Fragment as ye, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { EmphasisPanel as be, NextSteps as xe, PagePurpose as Se } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/CreateOrderPage.tsx
-function T(e) {
+function w(e) {
 	if (!e || Number.isNaN(e.getTime())) return "";
 	let t = (e) => String(e).padStart(2, "0");
 	return `${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())}T${t(e.getHours())}:${t(e.getMinutes())}`;
 }
-function E() {
-	let { orderId: E } = ge(), [be] = S(), D = be.get("customerId")?.trim() || void 0, { basePath: O, navigate: k } = ie(), { order: A } = oe(E), { createOrder: j, updateOrder: M } = se(), [N, xe] = x(""), { customers: P, createCustomer: Se, isLoading: F, error: I, refetch: Ce } = le({
+function T() {
+	let { orderId: T } = _e(), [E] = ve(), D = E.get("customerId")?.trim() || void 0, { basePath: O, navigate: k } = re(), { order: A } = oe(T), { createOrder: j, updateOrder: Ce } = c(), [we, Te] = x(""), { customers: M, createCustomer: Ee, isLoading: N, error: P, refetch: De } = u({
 		limit: 20,
-		filters: { search: me(N) || void 0 }
-	}), { customer: L } = ce(D ?? A?.customerId), { routes: R, isLoading: we, error: Te } = ae({
+		filters: { search: we || void 0 }
+	}), { customer: F } = l(D ?? A?.customerId), [Oe, ke] = x(""), { routes: I, isLoading: L, error: R, hasMore: Ae, totalRoutes: je } = ae({
 		status: "planned",
+		search: Oe || void 0,
 		limit: 20
-	}), z = !!E && !!A, [B, V] = x(null), [H, U] = x({
+	}), z = !!T && !!A, [B, V] = x(null), [H, U] = x({
 		customerId: D || A?.customerId || "",
 		priority: A?.priority || "normal",
 		routeId: A?.routeId || "",
@@ -53,15 +54,15 @@ function E() {
 			country: A?.deliveryAddress.country || "USA"
 		},
 		items: A?.items || [],
-		scheduledDelivery: T(A?.scheduledDelivery),
+		scheduledDelivery: w(A?.scheduledDelivery),
 		specialInstructions: A?.specialInstructions || ""
-	}), [W, G] = x(!1), [Ee, K] = x(null);
+	}), { route: Me, isLoading: Ne } = ie(H.routeId || void 0), [W, G] = x(!1), [Pe, K] = x(null);
 	b(() => {
-		L && (V((e) => e?.id === L.id ? e : L), U((e) => e.customerId ? e : {
+		F && (V((e) => e?.id === F.id ? e : F), U((e) => e.customerId ? e : {
 			...e,
-			customerId: L.id
+			customerId: F.id
 		}));
-	}, [L]), b(() => {
+	}, [F]), b(() => {
 		A && U({
 			customerId: A.customerId || "",
 			priority: A.priority || "normal",
@@ -81,28 +82,28 @@ function E() {
 				country: A.deliveryAddress.country || "USA"
 			},
 			items: A.items || [],
-			scheduledDelivery: T(A.scheduledDelivery),
+			scheduledDelivery: w(A.scheduledDelivery),
 			specialInstructions: A.specialInstructions || ""
 		});
 	}, [A]);
 	let q = () => {
 		if (k) {
 			if (!z && D) {
-				k(o(O, `customers/${D}`));
+				k(s(O, `customers/${D}`));
 				return;
 			}
-			k(o(O, "orders"));
+			k(s(O, "orders"));
 		}
-	}, J = () => B ?? P.find((e) => e.id === H.customerId), De = () => !H.customerId || !J() ? I ? "Customers could not be loaded. Retry or create a customer before continuing." : "Select a customer for this order." : H.pickupAddress.street.trim() ? H.deliveryAddress.street.trim() ? H.items.length === 0 ? "Add at least one item to the order." : H.scheduledDelivery && Number.isNaN(Date.parse(H.scheduledDelivery)) ? "Enter a valid scheduled delivery date and time." : null : "Enter a delivery street address." : "Enter a pickup street address.", Y = async (e) => {
+	}, J = () => B ?? M.find((e) => e.id === H.customerId), Fe = () => !H.customerId || !J() ? P ? "Customers could not be loaded. Retry or create a customer before continuing." : "Select a customer for this order." : H.pickupAddress.street.trim() ? H.deliveryAddress.street.trim() ? H.items.length === 0 ? "Add at least one item to the order." : H.scheduledDelivery && Number.isNaN(Date.parse(H.scheduledDelivery)) ? "Enter a valid scheduled delivery date and time." : null : "Enter a delivery street address." : "Enter a pickup street address.", Y = async (e) => {
 		e.preventDefault(), K(null);
-		let t = De();
+		let t = Fe();
 		if (t) {
 			K(t);
 			return;
 		}
 		let n = J();
 		if (!n) {
-			K(I ? "Customers could not be loaded. Retry or create a customer before continuing." : "Select a customer for this order.");
+			K(P ? "Customers could not be loaded. Retry or create a customer before continuing." : "Select a customer for this order.");
 			return;
 		}
 		G(!0);
@@ -123,7 +124,7 @@ function E() {
 				routeId: H.routeId || void 0,
 				specialInstructions: H.specialInstructions
 			};
-			z && E ? (await M(E, e), k && k(o(O, `orders/${E}`))) : (await j(e), q());
+			z && T ? (await Ce(T, e), k && k(s(O, `orders/${T}`))) : (await j(e), q());
 		} catch (e) {
 			K(e instanceof Error ? e.message : z ? "Could not update the order. Please try again." : "Could not create the order. Please try again.");
 		} finally {
@@ -142,12 +143,12 @@ function E() {
 				[t]: n
 			}
 		}));
-	}, Oe = (e) => {
-		if (e === "none") {
+	}, Ie = (e) => {
+		if (!e) {
 			X("routeId", "");
 			return;
 		}
-		let t = R.find((t) => t.id === e);
+		let t = I.find((t) => t.id === e);
 		if (!t) return;
 		let n = t.stops.find((e) => e.type === "pickup")?.address, r = [...t.stops].reverse().find((e) => e.type === "delivery")?.address, i = (e, t) => t ? {
 			street: e.street.trim() ? e.street : t.street,
@@ -181,7 +182,7 @@ function E() {
 				sku: ""
 			}]
 		}));
-	}, ke = (e) => {
+	}, Le = (e) => {
 		U((t) => ({
 			...t,
 			items: t.items.filter((t, n) => n !== e)
@@ -195,35 +196,35 @@ function E() {
 			} : r)
 		}));
 	};
-	return /* @__PURE__ */ w(y, {
+	return /* @__PURE__ */ C(pe, {
 		title: z ? "Edit Order" : "Create Order",
 		subtitle: z ? `Editing ${A?.orderNumber}` : "Create a new delivery order",
-		icon: /* @__PURE__ */ C(r, { size: 24 }),
-		headerActions: /* @__PURE__ */ w("div", {
+		icon: /* @__PURE__ */ S(r, { size: 24 }),
+		headerActions: /* @__PURE__ */ C("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ w(s, {
+			children: [/* @__PURE__ */ C(d, {
 				variant: "outline",
 				onClick: q,
-				children: [/* @__PURE__ */ C(e, { size: 16 }), "Cancel"]
-			}), /* @__PURE__ */ w(s, {
+				children: [/* @__PURE__ */ S(e, { size: 16 }), "Cancel"]
+			}), /* @__PURE__ */ C(d, {
 				onClick: Y,
-				disabled: W || F,
-				children: [/* @__PURE__ */ C(ee, { size: 16 }), W ? "Saving..." : z ? "Save Changes" : "Create Order"]
+				disabled: W || N,
+				children: [/* @__PURE__ */ S(o, { size: 16 }), W ? "Saving..." : z ? "Save Changes" : "Create Order"]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ C(ye, {
-				icon: /* @__PURE__ */ C(r, { size: 18 }),
+			/* @__PURE__ */ S(Se, {
+				icon: /* @__PURE__ */ S(r, { size: 18 }),
 				children: z ? "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__ */ C(ve, {
+			/* @__PURE__ */ S(xe, {
 				storageKey: "movethewheels-create-order",
 				steps: [
 					{
 						id: "customer",
 						label: "Pick the customer first",
 						description: "Their saved contact details auto-fill the order.",
-						icon: /* @__PURE__ */ C(ne, { size: 16 }),
+						icon: /* @__PURE__ */ S(te, { size: 16 }),
 						done: !!H.customerId,
 						onClick: () => document.getElementById("customer")?.focus()
 					},
@@ -231,7 +232,7 @@ function E() {
 						id: "addresses",
 						label: "Set pickup & delivery addresses",
 						description: "Where the shipment is collected and dropped off.",
-						icon: /* @__PURE__ */ C(n, { size: 16 }),
+						icon: /* @__PURE__ */ S(n, { size: 16 }),
 						done: !!H.pickupAddress.street && !!H.deliveryAddress.street,
 						onClick: () => document.getElementById("pickupStreet")?.focus()
 					},
@@ -239,68 +240,67 @@ function E() {
 						id: "items",
 						label: "Add the items to ship",
 						description: "List each product with its quantity and value.",
-						icon: /* @__PURE__ */ C(r, { size: 16 }),
+						icon: /* @__PURE__ */ S(r, { size: 16 }),
 						done: H.items.length > 0,
 						onClick: Q
 					}
 				]
 			}),
-			/* @__PURE__ */ w("form", {
+			/* @__PURE__ */ C("form", {
 				onSubmit: Y,
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ C(pe, { message: Ee }),
-					/* @__PURE__ */ w(_e, { children: [/* @__PURE__ */ C("h2", {
+					/* @__PURE__ */ S(me, { message: Pe }),
+					/* @__PURE__ */ C(be, { children: [/* @__PURE__ */ S("h2", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Order Details"
-					}), /* @__PURE__ */ C("div", {
+					}), /* @__PURE__ */ S("div", {
 						className: "space-y-4",
-						children: /* @__PURE__ */ w("div", {
+						children: /* @__PURE__ */ C("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ C(he, {
-								customers: P,
+							children: [/* @__PURE__ */ S(ge, {
+								customers: M,
 								value: H.customerId,
 								onValueChange: (e) => {
-									e && (X("customerId", e), V(P.find((t) => t.id === e) ?? (B?.id === e ? B : null)), K(null));
+									e && (X("customerId", e), V(M.find((t) => t.id === e) ?? (B?.id === e ? B : null)), K(null));
 								},
 								onCreated: (e) => {
 									V(e), X("customerId", e.id), K(null);
 								},
-								createCustomer: Se,
-								isLoading: F,
-								error: I,
-								onRetry: Ce,
+								createCustomer: Ee,
+								isLoading: N,
+								error: P,
+								onRetry: De,
 								onOpenCustomers: () => {
-									k && k(o(O, re(z && E ? `orders/${E}/edit` : "orders/new")));
+									k && k(s(O, ne(z && T ? `orders/${T}/edit` : "orders/new")));
 								},
 								selectedCustomer: B,
-								searchQuery: N,
-								onSearchQueryChange: xe
-							}), /* @__PURE__ */ w("div", {
+								onSearchQueryChange: Te
+							}), /* @__PURE__ */ C("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ C(p, {
+								children: [/* @__PURE__ */ S(_, {
 									htmlFor: "priority",
 									children: "Priority"
-								}), /* @__PURE__ */ w(m, {
+								}), /* @__PURE__ */ C(se, {
 									value: H.priority,
 									onValueChange: (e) => X("priority", e),
-									children: [/* @__PURE__ */ C(_, {
+									children: [/* @__PURE__ */ S(le, {
 										id: "priority",
-										children: /* @__PURE__ */ C(v, {})
-									}), /* @__PURE__ */ w(h, { children: [
-										/* @__PURE__ */ C(g, {
+										children: /* @__PURE__ */ S(ue, {})
+									}), /* @__PURE__ */ C(ce, { children: [
+										/* @__PURE__ */ S(v, {
 											value: "low",
 											children: "Low"
 										}),
-										/* @__PURE__ */ C(g, {
+										/* @__PURE__ */ S(v, {
 											value: "normal",
 											children: "Normal"
 										}),
-										/* @__PURE__ */ C(g, {
+										/* @__PURE__ */ S(v, {
 											value: "high",
 											children: "High"
 										}),
-										/* @__PURE__ */ C(g, {
+										/* @__PURE__ */ S(v, {
 											value: "urgent",
 											children: "Urgent"
 										})
@@ -309,70 +309,76 @@ function E() {
 							})]
 						})
 					})] }),
-					/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(u, { children: /* @__PURE__ */ w(d, {
+					/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(m, { children: /* @__PURE__ */ C(h, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ C(a, { size: 18 }), "Saved Route (Optional)"]
-					}) }), /* @__PURE__ */ w(l, {
+						children: [/* @__PURE__ */ S(a, { size: 18 }), "Saved Route (Optional)"]
+					}) }), /* @__PURE__ */ C(p, {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ w(m, {
-							value: H.routeId || "none",
-							onValueChange: Oe,
-							children: [/* @__PURE__ */ C(_, {
-								id: "saved-route",
-								children: /* @__PURE__ */ C(v, { placeholder: "Choose a saved route" })
-							}), /* @__PURE__ */ w(h, { children: [/* @__PURE__ */ C(g, {
-								value: "none",
-								children: "No saved route"
-							}), R.map((e) => /* @__PURE__ */ w(g, {
-								value: e.id,
-								children: [
-									e.name,
-									" · ",
-									e.stops.length,
-									" stops"
-								]
-							}, e.id))] })]
-						}), /* @__PURE__ */ C("p", {
+						children: [/* @__PURE__ */ S(he, {
+							id: "saved-route",
+							value: H.routeId,
+							onChange: Ie,
+							options: I,
+							loading: L,
+							getId: (e) => e.id,
+							getLabel: (e) => `${e.name} · ${e.stops.length} stops`,
+							renderOption: (e) => /* @__PURE__ */ C(ye, { children: [
+								e.name,
+								" · ",
+								e.stops.length,
+								" stops"
+							] }),
+							selectedOption: Me,
+							selectedLoading: Ne,
+							placeholder: "Choose a saved route",
+							searchPlaceholder: "Search saved routes",
+							emptyText: "No saved routes found.",
+							noneLabel: "No saved route",
+							error: R ? "Saved routes are unavailable" : void 0,
+							onSearchChange: ke,
+							hasMore: Ae,
+							totalCount: je
+						}), /* @__PURE__ */ S("p", {
 							className: "text-xs text-text-secondary",
-							children: we ? "Loading planned routes…" : Te ? "Saved routes are unavailable; enter pickup and delivery addresses manually." : "A saved route fills any blank address fields. You can always edit both addresses below."
+							children: L ? "Loading planned routes…" : R ? "Saved routes are unavailable; enter pickup and delivery addresses manually." : "A saved route fills any blank address fields. You can always edit both addresses below."
 						})]
 					})] }),
-					/* @__PURE__ */ w("div", {
+					/* @__PURE__ */ C("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-						children: [/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(u, { children: /* @__PURE__ */ C(d, { children: "Pickup Address" }) }), /* @__PURE__ */ w(l, {
+						children: [/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(m, { children: /* @__PURE__ */ S(h, { children: "Pickup Address" }) }), /* @__PURE__ */ C(p, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(p, {
+									children: [/* @__PURE__ */ S(_, {
 										htmlFor: "pickupStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ C(f, {
+									}), /* @__PURE__ */ S(g, {
 										id: "pickupStreet",
 										value: H.pickupAddress.street,
 										onChange: (e) => Z("pickupAddress", "street", e.target.value),
 										placeholder: "123 Main St"
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ w("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(p, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "pickupCity",
 											children: "City"
-										}), /* @__PURE__ */ C(f, {
+										}), /* @__PURE__ */ S(g, {
 											id: "pickupCity",
 											value: H.pickupAddress.city,
 											onChange: (e) => Z("pickupAddress", "city", e.target.value),
 											placeholder: "San Francisco"
 										})]
-									}), /* @__PURE__ */ w("div", {
+									}), /* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(p, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "pickupState",
 											children: "State"
-										}), /* @__PURE__ */ C(f, {
+										}), /* @__PURE__ */ S(g, {
 											id: "pickupState",
 											value: H.pickupAddress.state,
 											onChange: (e) => Z("pickupAddress", "state", e.target.value),
@@ -380,25 +386,25 @@ function E() {
 										})]
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ w("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(p, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "pickupPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ C(f, {
+										}), /* @__PURE__ */ S(g, {
 											id: "pickupPostal",
 											value: H.pickupAddress.postalCode,
 											onChange: (e) => Z("pickupAddress", "postalCode", e.target.value),
 											placeholder: "94103"
 										})]
-									}), /* @__PURE__ */ w("div", {
+									}), /* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(p, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "pickupCountry",
 											children: "Country"
-										}), /* @__PURE__ */ C(f, {
+										}), /* @__PURE__ */ S(g, {
 											id: "pickupCountry",
 											value: H.pickupAddress.country,
 											onChange: (e) => Z("pickupAddress", "country", e.target.value),
@@ -407,40 +413,40 @@ function E() {
 									})]
 								})
 							]
-						})] }), /* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(u, { children: /* @__PURE__ */ C(d, { children: "Delivery Address" }) }), /* @__PURE__ */ w(l, {
+						})] }), /* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(m, { children: /* @__PURE__ */ S(h, { children: "Delivery Address" }) }), /* @__PURE__ */ C(p, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(p, {
+									children: [/* @__PURE__ */ S(_, {
 										htmlFor: "deliveryStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ C(f, {
+									}), /* @__PURE__ */ S(g, {
 										id: "deliveryStreet",
 										value: H.deliveryAddress.street,
 										onChange: (e) => Z("deliveryAddress", "street", e.target.value),
 										placeholder: "456 Oak Ave"
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ w("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(p, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "deliveryCity",
 											children: "City"
-										}), /* @__PURE__ */ C(f, {
+										}), /* @__PURE__ */ S(g, {
 											id: "deliveryCity",
 											value: H.deliveryAddress.city,
 											onChange: (e) => Z("deliveryAddress", "city", e.target.value),
 											placeholder: "Los Angeles"
 										})]
-									}), /* @__PURE__ */ w("div", {
+									}), /* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(p, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "deliveryState",
 											children: "State"
-										}), /* @__PURE__ */ C(f, {
+										}), /* @__PURE__ */ S(g, {
 											id: "deliveryState",
 											value: H.deliveryAddress.state,
 											onChange: (e) => Z("deliveryAddress", "state", e.target.value),
@@ -448,25 +454,25 @@ function E() {
 										})]
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ w("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(p, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "deliveryPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ C(f, {
+										}), /* @__PURE__ */ S(g, {
 											id: "deliveryPostal",
 											value: H.deliveryAddress.postalCode,
 											onChange: (e) => Z("deliveryAddress", "postalCode", e.target.value),
 											placeholder: "90210"
 										})]
-									}), /* @__PURE__ */ w("div", {
+									}), /* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(p, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "deliveryCountry",
 											children: "Country"
-										}), /* @__PURE__ */ C(f, {
+										}), /* @__PURE__ */ S(g, {
 											id: "deliveryCountry",
 											value: H.deliveryAddress.country,
 											onChange: (e) => Z("deliveryAddress", "country", e.target.value),
@@ -477,61 +483,61 @@ function E() {
 							]
 						})] })]
 					}),
-					/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ w(u, {
+					/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(m, {
 						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ C(d, { children: "Order Items" }), /* @__PURE__ */ w(s, {
+						children: [/* @__PURE__ */ S(h, { children: "Order Items" }), /* @__PURE__ */ C(d, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
 							onClick: Q,
-							children: [/* @__PURE__ */ C(i, { size: 16 }), "Add Item"]
+							children: [/* @__PURE__ */ S(i, { size: 16 }), "Add Item"]
 						})]
-					}), /* @__PURE__ */ C(l, { children: H.items.length === 0 ? /* @__PURE__ */ C(fe, {
+					}), /* @__PURE__ */ S(p, { children: H.items.length === 0 ? /* @__PURE__ */ S(fe, {
 						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__ */ w(s, {
+						action: /* @__PURE__ */ C(d, {
 							type: "button",
 							variant: "outline",
 							onClick: Q,
-							children: [/* @__PURE__ */ C(i, {
+							children: [/* @__PURE__ */ S(i, {
 								size: 16,
 								className: "mr-1.5"
 							}), "Add your first item"]
 						})
-					}) : /* @__PURE__ */ C("div", {
+					}) : /* @__PURE__ */ S("div", {
 						className: "space-y-4",
-						children: H.items.map((e, t) => /* @__PURE__ */ w("div", { children: [t > 0 && /* @__PURE__ */ C(ue, { className: "my-4" }), /* @__PURE__ */ w("div", {
+						children: H.items.map((e, t) => /* @__PURE__ */ C("div", { children: [t > 0 && /* @__PURE__ */ S(de, { className: "my-4" }), /* @__PURE__ */ C("div", {
 							className: "grid grid-cols-1 md:grid-cols-7 gap-4",
 							children: [
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "md:col-span-2 space-y-2",
-									children: [/* @__PURE__ */ C(p, { children: "Item Name" }), /* @__PURE__ */ C(f, {
+									children: [/* @__PURE__ */ S(_, { children: "Item Name" }), /* @__PURE__ */ S(g, {
 										value: e.name,
 										onChange: (e) => $(t, "name", e.target.value),
 										placeholder: "Product name"
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(p, { children: "SKU" }), /* @__PURE__ */ C(f, {
+									children: [/* @__PURE__ */ S(_, { children: "SKU" }), /* @__PURE__ */ S(g, {
 										value: e.sku,
 										onChange: (e) => $(t, "sku", e.target.value),
 										placeholder: "SKU-001"
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(p, { children: "Quantity" }), /* @__PURE__ */ C(f, {
+									children: [/* @__PURE__ */ S(_, { children: "Quantity" }), /* @__PURE__ */ S(g, {
 										type: "number",
 										min: "1",
 										value: e.quantity,
 										onChange: (e) => $(t, "quantity", parseInt(e.target.value) || 1)
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(p, { children: "Weight (kg)" }), /* @__PURE__ */ C(f, {
+									children: [/* @__PURE__ */ S(_, { children: "Weight (kg)" }), /* @__PURE__ */ S(g, {
 										type: "number",
 										min: "0",
 										step: "0.1",
@@ -539,9 +545,9 @@ function E() {
 										onChange: (e) => $(t, "weight", parseFloat(e.target.value) || 0)
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(p, { children: "Value ($)" }), /* @__PURE__ */ C(f, {
+									children: [/* @__PURE__ */ S(_, { children: "Value ($)" }), /* @__PURE__ */ S(g, {
 										type: "number",
 										min: "0",
 										step: "0.01",
@@ -549,50 +555,50 @@ function E() {
 										onChange: (e) => $(t, "value", parseFloat(e.target.value) || 0)
 									})]
 								}),
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex items-end",
-									children: /* @__PURE__ */ C(s, {
+									children: /* @__PURE__ */ S(d, {
 										type: "button",
 										variant: "ghost",
 										size: "icon",
 										className: "text-status-error-text",
-										onClick: () => ke(t),
-										children: /* @__PURE__ */ C(te, { size: 16 })
+										onClick: () => Le(t),
+										children: /* @__PURE__ */ S(ee, { size: 16 })
 									})
 								})
 							]
 						})] }, e.id))
 					}) })] }),
-					/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(u, { children: /* @__PURE__ */ C(d, { children: "Scheduling & Handling" }) }), /* @__PURE__ */ C(l, { children: /* @__PURE__ */ w("div", {
+					/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(m, { children: /* @__PURE__ */ S(h, { children: "Scheduling & Handling" }) }), /* @__PURE__ */ S(p, { children: /* @__PURE__ */ C("div", {
 						className: "grid grid-cols-1 md:grid-cols-3 gap-6",
-						children: [/* @__PURE__ */ w("div", {
+						children: [/* @__PURE__ */ C("div", {
 							className: "space-y-2",
 							children: [
-								/* @__PURE__ */ w(p, {
+								/* @__PURE__ */ C(_, {
 									htmlFor: "scheduledDelivery",
 									className: "flex items-center gap-1.5",
-									children: [/* @__PURE__ */ C(t, {
+									children: [/* @__PURE__ */ S(t, {
 										size: 14,
 										className: "text-text-secondary"
 									}), "Scheduled Delivery"]
 								}),
-								/* @__PURE__ */ C(f, {
+								/* @__PURE__ */ S(g, {
 									id: "scheduledDelivery",
 									type: "datetime-local",
 									value: H.scheduledDelivery,
 									onChange: (e) => X("scheduledDelivery", e.target.value)
 								}),
-								/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ S("p", {
 									className: "text-xs text-text-secondary",
 									children: "The delivery window promised to the customer. Leave blank to dispatch as soon as a driver is free."
 								})
 							]
-						}), /* @__PURE__ */ w("div", {
+						}), /* @__PURE__ */ C("div", {
 							className: "md:col-span-2 space-y-2",
-							children: [/* @__PURE__ */ C(p, {
+							children: [/* @__PURE__ */ S(_, {
 								htmlFor: "specialInstructions",
 								children: "Special Instructions"
-							}), /* @__PURE__ */ C(de, {
+							}), /* @__PURE__ */ S(y, {
 								id: "specialInstructions",
 								value: H.specialInstructions,
 								onChange: (e) => X("specialInstructions", e.target.value),
@@ -607,4 +613,4 @@ function E() {
 	});
 }
 //#endregion
-export { E as default };
+export { T as default };