@burdenoff/microfe-theglobalfuel 2026.705.5 → 2026.709.2

package/dist/theglobalfuel/pages/inventory/InventoryPage.js

@@ -5,19 +5,21 @@ import { StatusBadge as te } from "../../components/StatusBadge.js";
 import { DataTable as ne } from "../../components/DataTable.js";
 import { ErrorView as re, LoadingView as ie } from "../../components/StateViews.js";
 import { EmptyState as ae } from "../../components/EmptyState.js";
-import { useTheAssets as oe, useTheCreateInventoryLot as se, useTheInventoryLots as c, useTheSetInventoryLotStatus as ce } from "../../hooks/useTheGlobalFuelApi.js";
-import { useCursorPager as le } from "../../hooks/useCursorPager.js";
-import { useNotify as ue } from "../../hooks/useNotify.js";
+import { useTheAssets as oe, useTheCreateInventoryLot as se, useTheInventoryLots as c, useTheSetInventoryLotStatus as l } from "../../hooks/useTheGlobalFuelApi.js";
+import { useCursorPager as ce } from "../../hooks/useCursorPager.js";
+import { useNotify as le } from "../../hooks/useNotify.js";
+import { useThePageView as ue } from "../../hooks/useThePageView.js";
+import { useTheTranslation as de } from "../../hooks/useTheTranslation.js";
 import "../../hooks/index.js";
-import { INVENTORY_TRANSITIONS as de, nextStatuses as fe } from "../../utils/transitions.js";
-import { FilterTabs as pe } from "../../components/FilterTabs.js";
-import { Pagination as me } from "../../components/Pagination.js";
-import { useMemo as l, useState as u } from "react";
-import { Boxes as d, Coins as f, Layers as p, Plus as m, Warehouse as he } from "lucide-react";
-import { Fragment as ge, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Button as _, Input as v, Label as y, ResponsiveDialog as _e, ResponsiveDialogContent as ve, ResponsiveDialogDescription as ye, ResponsiveDialogFooter as be, ResponsiveDialogHeader as b, ResponsiveDialogTitle as x, Select as S, SelectContent as C, SelectItem as w, SelectTrigger as T, SelectValue as E, Textarea as D } from "@burdenoff/fe-libs/ui";
+import { INVENTORY_TRANSITIONS as fe, nextStatuses as pe } from "../../utils/transitions.js";
+import { FilterTabs as me } from "../../components/FilterTabs.js";
+import { Pagination as he } from "../../components/Pagination.js";
+import { useMemo as u, useState as d } from "react";
+import { Boxes as f, Coins as ge, Layers as _e, Plus as p, Warehouse as ve } from "lucide-react";
+import { Fragment as ye, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g, Input as _, Label as v, ResponsiveDialog as be, ResponsiveDialogContent as xe, ResponsiveDialogDescription as Se, ResponsiveDialogFooter as Ce, ResponsiveDialogHeader as y, ResponsiveDialogTitle as b, Select as x, SelectContent as S, SelectItem as C, SelectTrigger as w, SelectValue as T, Textarea as E } from "@burdenoff/fe-libs/ui";
 //#region src/theglobalfuel/pages/inventory/InventoryPage.tsx
-var O = [
+var D = [
 	{
 		value: "ALL",
 		label: "All"
@@ -42,7 +44,7 @@ var O = [
 		value: "WRITTEN_OFF",
 		label: "Written off"
 	}
-], k = "__none__", A = [
+], O = "__none__", k = [
 	"CRUDE_OIL",
 	"NATURAL_GAS",
 	"LNG",
@@ -56,7 +58,7 @@ var O = [
 	"GOLD",
 	"LITHIUM",
 	"RARE_EARTH"
-], j = [
+], A = [
 	"BARRELS",
 	"CUBIC_METERS",
 	"TONNES",
@@ -64,7 +66,7 @@ var O = [
 	"MWH",
 	"GJ",
 	"MCF"
-], M = 25, N = (e) => e.quantity * e.unitValue, P = {
+], j = 25, M = (e) => e.quantity * e.unitValue, N = {
 	lotCode: "",
 	commodity: "CRUDE_OIL",
 	assetId: "",
@@ -77,19 +79,20 @@ var O = [
 	producedAt: "",
 	notes: ""
 };
-function F() {
-	let [F, xe] = u("ALL"), [I, L] = u("ALL"), R = le(), [Se, z] = u(!1), [B, V] = u(P), [H, U] = u(null), [Ce, W] = u(null), G = ue(), { data: K, isLoading: we, isError: Te, refetch: Ee } = c({
+function P() {
+	ue("inventory");
+	let P = de(), [F, we] = d("ALL"), [I, Te] = d("ALL"), L = ce(), [R, z] = d(!1), [B, V] = d(N), [H, U] = d(null), [Ee, W] = d(null), G = le(), { data: K, isLoading: De, isError: Oe, refetch: ke } = c({
 		status: F === "ALL" ? void 0 : F,
 		commodity: I === "ALL" ? void 0 : I,
 		pagination: {
-			limit: M,
-			offset: R.page * M
+			limit: j,
+			offset: L.page * j
 		}
-	}), q = c({ pagination: { limit: 200 } }), J = oe({ pagination: { limit: 200 } }), Y = se(), De = ce(), X = l(() => K?.items ?? [], [K]), Z = l(() => {
+	}), q = c({ pagination: { limit: 200 } }), J = oe({ pagination: { limit: 200 } }), Y = se(), Ae = l(), X = u(() => K?.items ?? [], [K]), Z = u(() => {
 		let e = {};
 		for (let t of J.data?.items ?? []) e[t.id] = t.code ? `${t.name} · ${t.code}` : t.name;
 		return e;
-	}, [J.data]), Q = l(() => {
+	}, [J.data]), Q = u(() => {
 		let e = q.data?.items ?? [], t = e.filter((e) => e.status === "AVAILABLE"), n = /* @__PURE__ */ new Map();
 		for (let e of t) n.set(e.unit, (n.get(e.unit) ?? 0) + (e.quantity ?? 0));
 		let r = null, i = 0;
@@ -97,7 +100,7 @@ function F() {
 		let a = /* @__PURE__ */ new Map();
 		for (let e of t) {
 			let t = e.currency || "USD";
-			a.set(t, (a.get(t) ?? 0) + N(e));
+			a.set(t, (a.get(t) ?? 0) + M(e));
 		}
 		let o = "USD", s = 0;
 		for (let [e, t] of a) t > s && (s = t, o = e);
@@ -111,21 +114,21 @@ function F() {
 			topValue: s,
 			otherCurrencies: Math.max(0, a.size - 1)
 		};
-	}, [q.data]), Oe = [
+	}, [q.data]), je = [
 		{
 			key: "lotCode",
 			header: "Lot",
-			render: (e) => /* @__PURE__ */ g("div", {
+			render: (e) => /* @__PURE__ */ h("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-accent",
-					children: /* @__PURE__ */ h(d, { className: "h-4 w-4" })
-				}), /* @__PURE__ */ g("div", {
+					children: /* @__PURE__ */ m(f, { className: "h-4 w-4" })
+				}), /* @__PURE__ */ h("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ h("p", {
+					children: [/* @__PURE__ */ m("p", {
 						className: "truncate font-semibold text-text-primary",
 						children: e.lotCode
-					}), e.assetId && Z[e.assetId] && /* @__PURE__ */ h("p", {
+					}), e.assetId && Z[e.assetId] && /* @__PURE__ */ m("p", {
 						className: "truncate text-xs text-text-tertiary",
 						children: Z[e.assetId]
 					})]
@@ -136,7 +139,7 @@ function F() {
 			key: "commodity",
 			header: "Commodity",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ h("span", {
+			render: (e) => /* @__PURE__ */ m("span", {
 				className: "text-text-secondary",
 				children: r(e.commodity)
 			})
@@ -146,7 +149,7 @@ function F() {
 			header: "Quantity",
 			align: "right",
 			sortValue: (e) => e.quantity,
-			render: (e) => /* @__PURE__ */ h("span", {
+			render: (e) => /* @__PURE__ */ m("span", {
 				className: "tabular-nums text-text-primary",
 				children: s(e.quantity, e.unit)
 			})
@@ -157,10 +160,10 @@ function F() {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.grade ?? -1,
-			render: (e) => e.grade == null ? /* @__PURE__ */ h("span", {
+			render: (e) => e.grade == null ? /* @__PURE__ */ m("span", {
 				className: "text-text-tertiary",
 				children: "—"
-			}) : /* @__PURE__ */ h("span", {
+			}) : /* @__PURE__ */ m("span", {
 				className: "tabular-nums text-text-secondary",
 				children: a(e.grade)
 			})
@@ -168,16 +171,16 @@ function F() {
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ h(te, { status: e.status })
+			render: (e) => /* @__PURE__ */ m(te, { status: e.status })
 		},
 		{
 			key: "location",
 			header: "Location",
 			hideOnMobile: !0,
-			render: (e) => e.location ? /* @__PURE__ */ h("span", {
+			render: (e) => e.location ? /* @__PURE__ */ m("span", {
 				className: "text-text-secondary",
 				children: e.location
-			}) : /* @__PURE__ */ h("span", {
+			}) : /* @__PURE__ */ m("span", {
 				className: "text-text-tertiary",
 				children: "—"
 			})
@@ -187,10 +190,10 @@ function F() {
 			header: "Value",
 			align: "right",
 			hideOnMobile: !0,
-			sortValue: (e) => N(e),
-			render: (e) => /* @__PURE__ */ h("span", {
+			sortValue: (e) => M(e),
+			render: (e) => /* @__PURE__ */ m("span", {
 				className: "tabular-nums text-text-secondary",
-				children: i(N(e), e.currency)
+				children: i(M(e), e.currency)
 			})
 		},
 		{
@@ -199,7 +202,7 @@ function F() {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.producedAt ? new Date(e.producedAt).getTime() : 0,
-			render: (e) => /* @__PURE__ */ h("span", {
+			render: (e) => /* @__PURE__ */ m("span", {
 				className: "text-text-tertiary",
 				children: n(e.producedAt)
 			})
@@ -209,12 +212,12 @@ function F() {
 			header: "",
 			align: "right",
 			render: (e) => {
-				let t = fe(de, e.status), n = t.length === 0, i = Ce === e.id;
-				return /* @__PURE__ */ g(S, {
+				let t = pe(fe, e.status), n = t.length === 0, i = Ee === e.id;
+				return /* @__PURE__ */ h(x, {
 					value: e.status,
 					disabled: n || i,
 					onValueChange: (t) => {
-						W(e.id), De.mutate({
+						W(e.id), Ae.mutate({
 							id: e.id,
 							status: t
 						}, {
@@ -223,15 +226,15 @@ function F() {
 							onSettled: () => W(null)
 						});
 					},
-					children: [/* @__PURE__ */ h(T, {
+					children: [/* @__PURE__ */ m(w, {
 						className: "h-8 w-36",
 						"aria-label": `Change status for lot ${e.lotCode}`,
-						children: /* @__PURE__ */ h(E, {})
-					}), /* @__PURE__ */ g(C, { children: [/* @__PURE__ */ h(w, {
+						children: /* @__PURE__ */ m(T, {})
+					}), /* @__PURE__ */ h(S, { children: [/* @__PURE__ */ m(C, {
 						value: e.status,
 						disabled: !0,
 						children: r(e.status)
-					}), t.map((e) => /* @__PURE__ */ h(w, {
+					}), t.map((e) => /* @__PURE__ */ m(C, {
 						value: e,
 						children: r(e)
 					}, e))] })]
@@ -239,8 +242,8 @@ function F() {
 			}
 		}
 	], $ = () => {
-		V(P), U(null);
-	}, ke = async () => {
+		V(N), U(null);
+	}, Me = async () => {
 		if (!B.lotCode.trim()) {
 			U("Lot code is required.");
 			return;
@@ -268,13 +271,13 @@ function F() {
 		} catch (e) {
 			U(e instanceof Error ? e.message : "Failed to create inventory lot."), G.fromError(e);
 		}
-	}, Ae = (() => {
+	}, Ne = (() => {
 		if (q.data) {
-			if (Q.qtyByUnit.size > 1) return /* @__PURE__ */ h("p", {
+			if (Q.qtyByUnit.size > 1) return /* @__PURE__ */ m("p", {
 				className: "text-xs text-text-tertiary",
 				children: [...Q.qtyByUnit.entries()].sort((e, t) => t[1] - e[1]).map(([e, t]) => s(t, e)).join(" · ")
 			});
-			if (Q.availableCount > 0) return /* @__PURE__ */ g("p", {
+			if (Q.availableCount > 0) return /* @__PURE__ */ h("p", {
 				className: "text-xs text-text-tertiary",
 				children: [
 					"across ",
@@ -284,7 +287,7 @@ function F() {
 				]
 			});
 		}
-	})(), je = q.data && Q.otherCurrencies > 0 ? /* @__PURE__ */ g("p", {
+	})(), Pe = q.data && Q.otherCurrencies > 0 ? /* @__PURE__ */ h("p", {
 		className: "text-xs text-text-tertiary",
 		children: [
 			"in ",
@@ -296,111 +299,112 @@ function F() {
 			Q.otherCurrencies === 1 ? "currency" : "currencies"
 		]
 	}) : void 0;
-	return /* @__PURE__ */ g(e, {
-		title: "Inventory",
-		description: "Commodity inventory lots — on-hand quantity, grade, location & book value across the portfolio.",
-		actions: /* @__PURE__ */ g(_, {
+	return /* @__PURE__ */ h(e, {
+		title: P("theglobalfuel.pages.inventory.title", "Inventory"),
+		description: P("theglobalfuel.pages.inventory.description", "Commodity inventory lots — on-hand quantity, grade, location & book value across the portfolio."),
+		dataTour: "theglobalfuel-inventory-page",
+		actions: /* @__PURE__ */ h(g, {
 			onClick: () => z(!0),
-			children: [/* @__PURE__ */ h(m, { className: "mr-1.5 h-4 w-4" }), " New lot"]
+			children: [/* @__PURE__ */ m(p, { className: "mr-1.5 h-4 w-4" }), " New lot"]
 		}),
 		children: [
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ h("div", {
 				className: "mb-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 				children: [
-					/* @__PURE__ */ h(t, {
-						icon: /* @__PURE__ */ h(he, { className: "h-5 w-5" }),
+					/* @__PURE__ */ m(t, {
+						icon: /* @__PURE__ */ m(ve, { className: "h-5 w-5" }),
 						value: q.data ? a(Q.totalLots) : "—",
 						label: "Inventory lots",
 						featured: !0,
-						footer: q.data ? /* @__PURE__ */ g("p", {
+						footer: q.data ? /* @__PURE__ */ h("p", {
 							className: "text-xs text-text-tertiary",
 							children: [a(Q.availableCount), " available"]
 						}) : void 0
 					}),
-					/* @__PURE__ */ h(t, {
-						icon: /* @__PURE__ */ h(p, { className: "h-5 w-5" }),
+					/* @__PURE__ */ m(t, {
+						icon: /* @__PURE__ */ m(_e, { className: "h-5 w-5" }),
 						value: q.data ? s(Q.topUnitQty, Q.topUnit) : "—",
 						label: "On-hand quantity",
 						accent: "success",
-						footer: Ae
+						footer: Ne
 					}),
-					/* @__PURE__ */ h(t, {
-						icon: /* @__PURE__ */ h(f, { className: "h-5 w-5" }),
+					/* @__PURE__ */ m(t, {
+						icon: /* @__PURE__ */ m(ge, { className: "h-5 w-5" }),
 						value: q.data ? i(Q.topValue, Q.topCurrency) : "—",
 						label: "Inventory value",
-						footer: je
+						footer: Pe
 					})
 				]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ h("div", {
 				className: "mb-5 flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ h(pe, {
-					options: O,
+				children: [/* @__PURE__ */ m(me, {
+					options: D,
 					value: F,
 					onChange: (e) => {
-						xe(e), R.reset();
+						we(e), L.reset();
 					}
-				}), /* @__PURE__ */ g(S, {
+				}), /* @__PURE__ */ h(x, {
 					value: I,
 					onValueChange: (e) => {
-						L(e), R.reset();
+						Te(e), L.reset();
 					},
-					children: [/* @__PURE__ */ h(T, {
+					children: [/* @__PURE__ */ m(w, {
 						className: "w-48",
 						"aria-label": "Filter by commodity",
-						children: /* @__PURE__ */ h(E, { placeholder: "All commodities" })
-					}), /* @__PURE__ */ g(C, { children: [/* @__PURE__ */ h(w, {
+						children: /* @__PURE__ */ m(T, { placeholder: "All commodities" })
+					}), /* @__PURE__ */ h(S, { children: [/* @__PURE__ */ m(C, {
 						value: "ALL",
 						children: "All commodities"
-					}), A.map((e) => /* @__PURE__ */ h(w, {
+					}), k.map((e) => /* @__PURE__ */ m(C, {
 						value: e,
 						children: r(e)
 					}, e))] })]
 				})]
 			}),
-			we ? /* @__PURE__ */ h(ie, { label: "Loading inventory…" }) : Te ? /* @__PURE__ */ h(re, {
+			De ? /* @__PURE__ */ m(ie, { label: "Loading inventory…" }) : Oe ? /* @__PURE__ */ m(re, {
 				message: "Couldn't load inventory lots.",
-				onRetry: () => Ee()
-			}) : X.length === 0 ? /* @__PURE__ */ h(ae, {
+				onRetry: () => ke()
+			}) : X.length === 0 ? /* @__PURE__ */ m(ae, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ h(d, { className: "h-10 w-10" }),
+				icon: /* @__PURE__ */ m(f, { className: "h-10 w-10" }),
 				title: "No inventory lots yet",
 				description: F === "ALL" && I === "ALL" ? "Create your first inventory lot to track on-hand commodity quantity, grade and value." : "No lots match these filters.",
-				action: /* @__PURE__ */ g(_, {
+				action: /* @__PURE__ */ h(g, {
 					onClick: () => z(!0),
-					children: [/* @__PURE__ */ h(m, { className: "mr-1.5 h-4 w-4" }), " New lot"]
+					children: [/* @__PURE__ */ m(p, { className: "mr-1.5 h-4 w-4" }), " New lot"]
 				})
-			}) : /* @__PURE__ */ g(ge, { children: [/* @__PURE__ */ h(ne, {
-				columns: Oe,
+			}) : /* @__PURE__ */ h(ye, { children: [/* @__PURE__ */ m(ne, {
+				columns: je,
 				rows: X,
 				rowKey: (e) => e.id
-			}), /* @__PURE__ */ h(me, {
-				page: R.page,
-				pageSize: M,
+			}), /* @__PURE__ */ m(he, {
+				page: L.page,
+				pageSize: j,
 				itemCount: X.length,
 				hasMore: K?.pageInfo?.hasMore ?? !1,
-				onPageChange: R.onPageChange
+				onPageChange: L.onPageChange
 			})] }),
-			/* @__PURE__ */ h(_e, {
-				open: Se,
+			/* @__PURE__ */ m(be, {
+				open: R,
 				onOpenChange: (e) => {
 					z(e), e || $();
 				},
-				children: /* @__PURE__ */ g(ve, { children: [/* @__PURE__ */ g(b, { children: [/* @__PURE__ */ h(x, { children: "New inventory lot" }), /* @__PURE__ */ h(ye, { children: "Register an on-hand quantity of a commodity — optionally attributed to a producing asset." })] }), /* @__PURE__ */ g("form", {
+				children: /* @__PURE__ */ h(xe, { children: [/* @__PURE__ */ h(y, { children: [/* @__PURE__ */ m(b, { children: "New inventory lot" }), /* @__PURE__ */ m(Se, { children: "Register an on-hand quantity of a commodity — optionally attributed to a producing asset." })] }), /* @__PURE__ */ h("form", {
 					onSubmit: (e) => {
-						e.preventDefault(), ke();
+						e.preventDefault(), Me();
 					},
-					children: [/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ h("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ g("div", {
+								children: [/* @__PURE__ */ h("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ h(y, {
+									children: [/* @__PURE__ */ m(v, {
 										htmlFor: "lotCode",
 										children: "Lot code *"
-									}), /* @__PURE__ */ h(v, {
+									}), /* @__PURE__ */ m(_, {
 										id: "lotCode",
 										value: B.lotCode,
 										onChange: (e) => V({
@@ -409,59 +413,59 @@ function F() {
 										}),
 										placeholder: "LOT-2026-0042"
 									})]
-								}), /* @__PURE__ */ g("div", {
+								}), /* @__PURE__ */ h("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ h(y, {
+									children: [/* @__PURE__ */ m(v, {
 										htmlFor: "commodity",
 										children: "Commodity *"
-									}), /* @__PURE__ */ g(S, {
+									}), /* @__PURE__ */ h(x, {
 										value: B.commodity,
 										onValueChange: (e) => V({
 											...B,
 											commodity: e
 										}),
-										children: [/* @__PURE__ */ h(T, {
+										children: [/* @__PURE__ */ m(w, {
 											id: "commodity",
-											children: /* @__PURE__ */ h(E, {})
-										}), /* @__PURE__ */ h(C, { children: A.map((e) => /* @__PURE__ */ h(w, {
+											children: /* @__PURE__ */ m(T, {})
+										}), /* @__PURE__ */ m(S, { children: k.map((e) => /* @__PURE__ */ m(C, {
 											value: e,
 											children: r(e)
 										}, e)) })]
 									})]
 								})]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ h(y, {
+								children: [/* @__PURE__ */ m(v, {
 									htmlFor: "assetId",
 									children: "Produced by asset"
-								}), /* @__PURE__ */ g(S, {
-									value: B.assetId || k,
+								}), /* @__PURE__ */ h(x, {
+									value: B.assetId || O,
 									onValueChange: (e) => V({
 										...B,
-										assetId: e === k ? "" : e
+										assetId: e === O ? "" : e
 									}),
-									children: [/* @__PURE__ */ h(T, {
+									children: [/* @__PURE__ */ m(w, {
 										id: "assetId",
-										children: /* @__PURE__ */ h(E, { placeholder: "Optional — link to a producing asset" })
-									}), /* @__PURE__ */ g(C, { children: [/* @__PURE__ */ h(w, {
-										value: k,
+										children: /* @__PURE__ */ m(T, { placeholder: "Optional — link to a producing asset" })
+									}), /* @__PURE__ */ h(S, { children: [/* @__PURE__ */ m(C, {
+										value: O,
 										children: "None"
-									}), Object.entries(Z).map(([e, t]) => /* @__PURE__ */ h(w, {
+									}), Object.entries(Z).map(([e, t]) => /* @__PURE__ */ m(C, {
 										value: e,
 										children: t
 									}, e))] })]
 								})]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-2 sm:grid-cols-3",
 								children: [
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ h("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ h(y, {
+										children: [/* @__PURE__ */ m(v, {
 											htmlFor: "quantity",
 											children: "Quantity *"
-										}), /* @__PURE__ */ h(v, {
+										}), /* @__PURE__ */ m(_, {
 											id: "quantity",
 											type: "number",
 											min: "0",
@@ -474,32 +478,32 @@ function F() {
 											placeholder: "120000"
 										})]
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ h("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ h(y, {
+										children: [/* @__PURE__ */ m(v, {
 											htmlFor: "unit",
 											children: "Unit"
-										}), /* @__PURE__ */ g(S, {
+										}), /* @__PURE__ */ h(x, {
 											value: B.unit,
 											onValueChange: (e) => V({
 												...B,
 												unit: e
 											}),
-											children: [/* @__PURE__ */ h(T, {
+											children: [/* @__PURE__ */ m(w, {
 												id: "unit",
-												children: /* @__PURE__ */ h(E, {})
-											}), /* @__PURE__ */ h(C, { children: j.map((e) => /* @__PURE__ */ h(w, {
+												children: /* @__PURE__ */ m(T, {})
+											}), /* @__PURE__ */ m(S, { children: A.map((e) => /* @__PURE__ */ m(C, {
 												value: e,
 												children: o(e)
 											}, e)) })]
 										})]
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ h("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ h(y, {
+										children: [/* @__PURE__ */ m(v, {
 											htmlFor: "grade",
 											children: "Grade"
-										}), /* @__PURE__ */ h(v, {
+										}), /* @__PURE__ */ m(_, {
 											id: "grade",
 											type: "number",
 											step: "any",
@@ -513,15 +517,15 @@ function F() {
 									})
 								]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-2 sm:grid-cols-3",
 								children: [
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ h("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ h(y, {
+										children: [/* @__PURE__ */ m(v, {
 											htmlFor: "unitValue",
 											children: "Unit value"
-										}), /* @__PURE__ */ h(v, {
+										}), /* @__PURE__ */ m(_, {
 											id: "unitValue",
 											type: "number",
 											min: "0",
@@ -534,12 +538,12 @@ function F() {
 											placeholder: "82.50"
 										})]
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ h("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ h(y, {
+										children: [/* @__PURE__ */ m(v, {
 											htmlFor: "currency",
 											children: "Currency"
-										}), /* @__PURE__ */ h(v, {
+										}), /* @__PURE__ */ m(_, {
 											id: "currency",
 											value: B.currency,
 											onChange: (e) => V({
@@ -549,12 +553,12 @@ function F() {
 											placeholder: "USD"
 										})]
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ h("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ h(y, {
+										children: [/* @__PURE__ */ m(v, {
 											htmlFor: "producedAt",
 											children: "Produced at"
-										}), /* @__PURE__ */ h(v, {
+										}), /* @__PURE__ */ m(_, {
 											id: "producedAt",
 											type: "date",
 											value: B.producedAt,
@@ -566,12 +570,12 @@ function F() {
 									})
 								]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ h(y, {
+								children: [/* @__PURE__ */ m(v, {
 									htmlFor: "location",
 									children: "Location"
-								}), /* @__PURE__ */ h(v, {
+								}), /* @__PURE__ */ m(_, {
 									id: "location",
 									value: B.location,
 									onChange: (e) => V({
@@ -581,12 +585,12 @@ function F() {
 									placeholder: "Rotterdam Tank Farm 3"
 								})]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ h(y, {
+								children: [/* @__PURE__ */ m(v, {
 									htmlFor: "notes",
 									children: "Notes"
-								}), /* @__PURE__ */ h(D, {
+								}), /* @__PURE__ */ m(E, {
 									id: "notes",
 									rows: 2,
 									value: B.notes,
@@ -597,19 +601,19 @@ function F() {
 									placeholder: "Optional context about this lot."
 								})]
 							}),
-							H && /* @__PURE__ */ h("p", {
+							H && /* @__PURE__ */ m("p", {
 								className: "text-sm text-status-error-text",
 								children: H
 							})
 						]
-					}), /* @__PURE__ */ g(be, { children: [/* @__PURE__ */ h(_, {
+					}), /* @__PURE__ */ h(Ce, { children: [/* @__PURE__ */ m(g, {
 						type: "button",
 						variant: "outline",
 						onClick: () => {
 							z(!1), $();
 						},
 						children: "Cancel"
-					}), /* @__PURE__ */ h(_, {
+					}), /* @__PURE__ */ m(g, {
 						type: "submit",
 						disabled: Y.isPending,
 						children: Y.isPending ? "Creating…" : "Create lot"
@@ -620,6 +624,6 @@ function F() {
 	});
 }
 //#endregion
-export { F as InventoryPage };
+export { P as InventoryPage };
 
 //# sourceMappingURL=InventoryPage.js.map