@burdenoff/microfe-theglobalfuel 2026.709.1 → 2026.709.2

package/dist/theglobalfuel/pages/contracts/ContractsPage.js

@@ -3,21 +3,24 @@ import { PageLayout as t } from "../../components/PageLayout.js";
 import { formatEnumLabel as n, formatMoney as ee, formatUnit as r, formatVolume as i, toBackendDate as a } from "../../utils/formatters.js";
 import { StatusBadge as o } from "../../components/StatusBadge.js";
 import { MiniBar as s } from "../../components/MiniBar.js";
-import { DataTable as te } from "../../components/DataTable.js";
-import { ErrorView as ne, LoadingView as re } from "../../components/StateViews.js";
-import { EmptyState as ie } from "../../components/EmptyState.js";
+import { DataTable as c } from "../../components/DataTable.js";
+import { ErrorView as te, LoadingView as ne } from "../../components/StateViews.js";
+import { EmptyState as re } from "../../components/EmptyState.js";
 import "../../context/index.js";
-import { useTheContracts as ae, useTheCreateContract as c } from "../../hooks/useTheGlobalFuelApi.js";
-import { useCursorPager as oe } from "../../hooks/useCursorPager.js";
-import { useNotify as se } from "../../hooks/useNotify.js";
-import { useTheAnalytics as ce } from "../../hooks/useTheAnalytics.js";
+import { useTheContracts as l, useTheCreateContract as u } from "../../hooks/useTheGlobalFuelApi.js";
+import { useCursorPager as d } from "../../hooks/useCursorPager.js";
+import { useNotify as f } from "../../hooks/useNotify.js";
+import { useTheAnalytics as p } from "../../hooks/useTheAnalytics.js";
+import { useThePageView as ie } from "../../hooks/useThePageView.js";
+import { useTheNativeControls as ae } from "../../hooks/useTheNativeControls.js";
+import { useTheTranslation as oe } from "../../hooks/useTheTranslation.js";
 import "../../hooks/index.js";
-import { FilterTabs as le } from "../../components/FilterTabs.js";
-import { Pagination as ue } from "../../components/Pagination.js";
-import { useMemo as de, useState as l } from "react";
-import { FileSignature as u, Plus as d } from "lucide-react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Button as h, Input as g, Label as _, ResponsiveDialog as v, ResponsiveDialogContent as y, ResponsiveDialogDescription as b, ResponsiveDialogFooter as x, ResponsiveDialogHeader as S, ResponsiveDialogTitle as fe, Select as C, SelectContent as w, SelectItem as T, SelectTrigger as E, SelectValue as D, Textarea as O } from "@burdenoff/fe-libs/ui";
+import { FilterTabs as se } from "../../components/FilterTabs.js";
+import { Pagination as ce } from "../../components/Pagination.js";
+import { useMemo as le, useState as m } from "react";
+import { FileSignature as h, Plus as g } from "lucide-react";
+import { Fragment as ue, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Button as y, Input as b, Label as x, ResponsiveDialog as S, ResponsiveDialogContent as de, ResponsiveDialogDescription as fe, ResponsiveDialogFooter as pe, ResponsiveDialogHeader as me, ResponsiveDialogTitle as he, Select as C, SelectContent as w, SelectItem as T, SelectTrigger as E, SelectValue as D, Textarea as O } from "@burdenoff/fe-libs/ui";
 //#region src/theglobalfuel/pages/contracts/ContractsPage.tsx
 var k = [
 	{
@@ -96,29 +99,30 @@ var k = [
 	notes: ""
 };
 function R() {
-	let { navigateTo: F } = e(), R = se(), { trackContractCreateClicked: z, trackContractCreated: B } = ce(), [V, pe] = l("ALL"), [H, me] = l("ALL"), [U, he] = l("ALL"), W = oe(), [ge, G] = l(!1), [K, q] = l(L), [J, Y] = l(null), { data: X, isLoading: _e, isError: ve, refetch: ye } = ae({
-		status: V === "ALL" ? void 0 : V,
+	ie("contracts");
+	let F = oe(), { navigateTo: R } = e(), z = f(), { haptic: ge } = ae(), { trackContractCreateClicked: _e, trackContractCreated: ve } = p(), [B, V] = m("ALL"), [H, ye] = m("ALL"), [U, be] = m("ALL"), W = d(), [xe, G] = m(!1), [K, q] = m(L), [J, Y] = m(null), { data: X, isLoading: Se, isError: Ce, refetch: we } = l({
+		status: B === "ALL" ? void 0 : B,
 		side: H === "ALL" ? void 0 : H,
 		commodity: U === "ALL" ? void 0 : U,
 		pagination: {
 			limit: P,
 			offset: W.page * P
 		}
-	}), Z = c(), Q = de(() => X?.items ?? [], [X]), be = [
+	}), Z = u(), Q = le(() => X?.items ?? [], [X]), Te = [
 		{
 			key: "reference",
 			header: "Contract",
-			render: (e) => /* @__PURE__ */ m("div", {
+			render: (e) => /* @__PURE__ */ v("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-accent",
-					children: /* @__PURE__ */ p(u, { className: "h-4 w-4" })
-				}), /* @__PURE__ */ m("div", {
+					children: /* @__PURE__ */ _(h, { className: "h-4 w-4" })
+				}), /* @__PURE__ */ v("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ p("p", {
+					children: [/* @__PURE__ */ _("p", {
 						className: "truncate font-semibold text-text-primary",
 						children: e.reference
-					}), /* @__PURE__ */ p("p", {
+					}), /* @__PURE__ */ _("p", {
 						className: "truncate text-xs text-text-tertiary",
 						children: e.counterparty
 					})]
@@ -128,13 +132,13 @@ function R() {
 		{
 			key: "side",
 			header: "Side",
-			render: (e) => /* @__PURE__ */ p(o, { status: e.side })
+			render: (e) => /* @__PURE__ */ _(o, { status: e.side })
 		},
 		{
 			key: "commodity",
 			header: "Commodity",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ p("span", {
+			render: (e) => /* @__PURE__ */ _("span", {
 				className: "text-text-secondary",
 				children: n(e.commodity)
 			})
@@ -142,7 +146,7 @@ function R() {
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ p(o, { status: e.status })
+			render: (e) => /* @__PURE__ */ _(o, { status: e.status })
 		},
 		{
 			key: "price",
@@ -150,9 +154,9 @@ function R() {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.pricePerUnit,
-			render: (e) => /* @__PURE__ */ m("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "tabular-nums text-text-secondary",
-				children: [ee(e.pricePerUnit, e.currency), /* @__PURE__ */ m("span", {
+				children: [ee(e.pricePerUnit, e.currency), /* @__PURE__ */ v("span", {
 					className: "text-text-tertiary",
 					children: ["/", r(e.unit)]
 				})]
@@ -162,13 +166,13 @@ function R() {
 			key: "delivery",
 			header: "Delivered",
 			sortValue: (e) => I(e),
-			render: (e) => /* @__PURE__ */ m("div", {
+			render: (e) => /* @__PURE__ */ v("div", {
 				className: "min-w-[9rem]",
-				children: [/* @__PURE__ */ p(s, {
+				children: [/* @__PURE__ */ _(s, {
 					value: I(e),
 					barClassName: "bg-[var(--color-status-success-text)]",
 					className: "mb-1"
-				}), /* @__PURE__ */ m("p", {
+				}), /* @__PURE__ */ v("p", {
 					className: "text-xs tabular-nums text-text-tertiary",
 					children: [
 						i(e.deliveredVolume, e.unit),
@@ -183,7 +187,7 @@ function R() {
 			header: "Updated",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ p("span", {
+			render: (e) => /* @__PURE__ */ _("span", {
 				className: "text-text-tertiary",
 				children: new Date(e.updatedAt).toLocaleDateString(void 0, {
 					day: "numeric",
@@ -194,7 +198,7 @@ function R() {
 		}
 	], $ = () => {
 		q(L), Y(null);
-	}, xe = async () => {
+	}, Ee = async () => {
 		if (!K.reference.trim()) {
 			Y("Contract reference is required.");
 			return;
@@ -203,7 +207,7 @@ function R() {
 			Y("Counterparty is required.");
 			return;
 		}
-		Y(null), z();
+		Y(null), ge("light"), _e();
 		try {
 			let e = await Z.mutateAsync({
 				reference: K.reference.trim(),
@@ -221,112 +225,111 @@ function R() {
 				endDate: a(K.endDate) ?? null,
 				notes: K.notes.trim() || null
 			});
-			B(e.id), R.success("Contract created"), G(!1), $(), F(`contracts/${e.id}`);
+			ve(e.id), z.success("Contract created"), G(!1), $(), R(`contracts/${e.id}`);
 		} catch (e) {
-			Y(e instanceof Error ? e.message : "Failed to create contract."), R.fromError(e);
+			Y(e instanceof Error ? e.message : "Failed to create contract."), z.fromError(e);
 		}
 	};
-	return /* @__PURE__ */ m(t, {
-		title: "Offtake Contracts",
-		description: "Commodity purchase & sale agreements — pricing, contracted volume and delivery progress.",
-		actions: /* @__PURE__ */ m(h, {
+	return /* @__PURE__ */ v(t, {
+		title: F("theglobalfuel.pages.contracts.title", "Offtake Contracts"),
+		description: F("theglobalfuel.pages.contracts.description", "Commodity purchase & sale agreements — pricing, contracted volume and delivery progress."),
+		dataTour: "theglobalfuel-contracts-page",
+		actions: /* @__PURE__ */ v(y, {
 			onClick: () => G(!0),
-			"data-rybbit-event": "theglobalfuel.contract.create_clicked",
-			children: [/* @__PURE__ */ p(d, { className: "mr-1.5 h-4 w-4" }), " New contract"]
+			children: [/* @__PURE__ */ _(g, { className: "mr-1.5 h-4 w-4" }), " New contract"]
 		}),
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ v("div", {
 				className: "mb-5 flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ p(le, {
+					/* @__PURE__ */ _(se, {
 						options: k,
-						value: V,
+						value: B,
 						onChange: (e) => {
-							pe(e), W.reset();
+							V(e), W.reset();
 						}
 					}),
-					/* @__PURE__ */ m(C, {
+					/* @__PURE__ */ v(C, {
 						value: H,
 						onValueChange: (e) => {
-							me(e), W.reset();
+							ye(e), W.reset();
 						},
-						children: [/* @__PURE__ */ p(E, {
+						children: [/* @__PURE__ */ _(E, {
 							className: "w-40",
 							"aria-label": "Filter by side",
-							children: /* @__PURE__ */ p(D, { placeholder: "All sides" })
-						}), /* @__PURE__ */ m(w, { children: [/* @__PURE__ */ p(T, {
+							children: /* @__PURE__ */ _(D, { placeholder: "All sides" })
+						}), /* @__PURE__ */ v(w, { children: [/* @__PURE__ */ _(T, {
 							value: "ALL",
 							children: "All sides"
-						}), A.map((e) => /* @__PURE__ */ p(T, {
+						}), A.map((e) => /* @__PURE__ */ _(T, {
 							value: e,
 							children: n(e)
 						}, e))] })]
 					}),
-					/* @__PURE__ */ m(C, {
+					/* @__PURE__ */ v(C, {
 						value: U,
 						onValueChange: (e) => {
-							he(e), W.reset();
+							be(e), W.reset();
 						},
-						children: [/* @__PURE__ */ p(E, {
+						children: [/* @__PURE__ */ _(E, {
 							className: "w-48",
 							"aria-label": "Filter by commodity",
-							children: /* @__PURE__ */ p(D, { placeholder: "All commodities" })
-						}), /* @__PURE__ */ m(w, { children: [/* @__PURE__ */ p(T, {
+							children: /* @__PURE__ */ _(D, { placeholder: "All commodities" })
+						}), /* @__PURE__ */ v(w, { children: [/* @__PURE__ */ _(T, {
 							value: "ALL",
 							children: "All commodities"
-						}), M.map((e) => /* @__PURE__ */ p(T, {
+						}), M.map((e) => /* @__PURE__ */ _(T, {
 							value: e,
 							children: n(e)
 						}, e))] })]
 					})
 				]
 			}),
-			_e ? /* @__PURE__ */ p(re, { label: "Loading contracts…" }) : ve ? /* @__PURE__ */ p(ne, {
+			Se ? /* @__PURE__ */ _(ne, { label: "Loading contracts…" }) : Ce ? /* @__PURE__ */ _(te, {
 				message: "Couldn't load contracts.",
-				onRetry: () => ye()
-			}) : Q.length === 0 ? /* @__PURE__ */ p(ie, {
+				onRetry: () => we()
+			}) : Q.length === 0 ? /* @__PURE__ */ _(re, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ p(u, { className: "h-10 w-10" }),
+				icon: /* @__PURE__ */ _(h, { className: "h-10 w-10" }),
 				title: "No contracts yet",
-				description: V === "ALL" && H === "ALL" && U === "ALL" ? "Create your first offtake contract to track pricing, volume and delivery." : "No contracts match these filters.",
-				action: /* @__PURE__ */ m(h, {
+				description: B === "ALL" && H === "ALL" && U === "ALL" ? "Create your first offtake contract to track pricing, volume and delivery." : "No contracts match these filters.",
+				action: /* @__PURE__ */ v(y, {
 					onClick: () => G(!0),
-					"data-rybbit-event": "theglobalfuel.contract.create_clicked",
-					children: [/* @__PURE__ */ p(d, { className: "mr-1.5 h-4 w-4" }), " New contract"]
+					children: [/* @__PURE__ */ _(g, { className: "mr-1.5 h-4 w-4" }), " New contract"]
 				})
-			}) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(te, {
-				columns: be,
+			}) : /* @__PURE__ */ v(ue, { children: [/* @__PURE__ */ _(c, {
+				columns: Te,
 				rows: Q,
 				rowKey: (e) => e.id,
-				onRowClick: (e) => F(`contracts/${e.id}`),
+				onRowClick: (e) => R(`contracts/${e.id}`),
 				rowLabel: (e) => `Open ${e.reference}`
-			}), /* @__PURE__ */ p(ue, {
+			}), /* @__PURE__ */ _(ce, {
 				page: W.page,
 				pageSize: P,
 				itemCount: Q.length,
 				hasMore: X?.pageInfo?.hasMore ?? !1,
 				onPageChange: W.onPageChange
 			})] }),
-			/* @__PURE__ */ p(v, {
-				open: ge,
+			/* @__PURE__ */ _(S, {
+				open: xe,
 				onOpenChange: (e) => {
 					G(e), e || $();
 				},
-				children: /* @__PURE__ */ m(y, { children: [/* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(fe, { children: "New offtake contract" }), /* @__PURE__ */ p(b, { children: "Register a commodity purchase or sale agreement with a counterparty." })] }), /* @__PURE__ */ m("form", {
+				children: /* @__PURE__ */ v(de, { children: [/* @__PURE__ */ v(me, { children: [/* @__PURE__ */ _(he, { children: "New offtake contract" }), /* @__PURE__ */ _(fe, { children: "Register a commodity purchase or sale agreement with a counterparty." })] }), /* @__PURE__ */ v("form", {
 					onSubmit: (e) => {
-						e.preventDefault(), xe();
+						e.preventDefault(), Ee();
 					},
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ v("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ v("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ v("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ _(x, {
 										htmlFor: "reference",
 										children: "Reference *"
-									}), /* @__PURE__ */ p(g, {
+									}), /* @__PURE__ */ _(b, {
 										id: "reference",
 										value: K.reference,
 										onChange: (e) => q({
@@ -335,12 +338,12 @@ function R() {
 										}),
 										placeholder: "OFT-2026-0142"
 									})]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ v("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ _(x, {
 										htmlFor: "counterparty",
 										children: "Counterparty *"
-									}), /* @__PURE__ */ p(g, {
+									}), /* @__PURE__ */ _(b, {
 										id: "counterparty",
 										value: K.counterparty,
 										onChange: (e) => q({
@@ -351,75 +354,75 @@ function R() {
 									})]
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ v("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ v("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ _(x, {
 										htmlFor: "commodity",
 										children: "Commodity *"
-									}), /* @__PURE__ */ m(C, {
+									}), /* @__PURE__ */ v(C, {
 										value: K.commodity,
 										onValueChange: (e) => q({
 											...K,
 											commodity: e
 										}),
-										children: [/* @__PURE__ */ p(E, {
+										children: [/* @__PURE__ */ _(E, {
 											id: "commodity",
-											children: /* @__PURE__ */ p(D, {})
-										}), /* @__PURE__ */ p(w, { children: M.map((e) => /* @__PURE__ */ p(T, {
+											children: /* @__PURE__ */ _(D, {})
+										}), /* @__PURE__ */ _(w, { children: M.map((e) => /* @__PURE__ */ _(T, {
 											value: e,
 											children: n(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ v("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ _(x, {
 										htmlFor: "side",
 										children: "Side"
-									}), /* @__PURE__ */ m(C, {
+									}), /* @__PURE__ */ v(C, {
 										value: K.side,
 										onValueChange: (e) => q({
 											...K,
 											side: e
 										}),
-										children: [/* @__PURE__ */ p(E, {
+										children: [/* @__PURE__ */ _(E, {
 											id: "side",
-											children: /* @__PURE__ */ p(D, {})
-										}), /* @__PURE__ */ p(w, { children: A.map((e) => /* @__PURE__ */ p(T, {
+											children: /* @__PURE__ */ _(D, {})
+										}), /* @__PURE__ */ _(w, { children: A.map((e) => /* @__PURE__ */ _(T, {
 											value: e,
 											children: n(e)
 										}, e)) })]
 									})]
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ v("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ v("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ _(x, {
 										htmlFor: "pricingBasis",
 										children: "Pricing basis"
-									}), /* @__PURE__ */ m(C, {
+									}), /* @__PURE__ */ v(C, {
 										value: K.pricingBasis,
 										onValueChange: (e) => q({
 											...K,
 											pricingBasis: e
 										}),
-										children: [/* @__PURE__ */ p(E, {
+										children: [/* @__PURE__ */ _(E, {
 											id: "pricingBasis",
-											children: /* @__PURE__ */ p(D, {})
-										}), /* @__PURE__ */ p(w, { children: j.map((e) => /* @__PURE__ */ p(T, {
+											children: /* @__PURE__ */ _(D, {})
+										}), /* @__PURE__ */ _(w, { children: j.map((e) => /* @__PURE__ */ _(T, {
 											value: e,
 											children: n(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ v("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ _(x, {
 										htmlFor: "priceIndex",
 										children: "Price index"
-									}), /* @__PURE__ */ p(g, {
+									}), /* @__PURE__ */ _(b, {
 										id: "priceIndex",
 										value: K.priceIndex,
 										onChange: (e) => q({
@@ -430,15 +433,15 @@ function R() {
 									})]
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ v("div", {
 								className: "grid gap-2 sm:grid-cols-3",
 								children: [
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ v("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ p(_, {
+										children: [/* @__PURE__ */ _(x, {
 											htmlFor: "pricePerUnit",
 											children: "Price / unit"
-										}), /* @__PURE__ */ p(g, {
+										}), /* @__PURE__ */ _(b, {
 											id: "pricePerUnit",
 											type: "number",
 											min: "0",
@@ -451,12 +454,12 @@ function R() {
 											placeholder: "82.50"
 										})]
 									}),
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ v("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ p(_, {
+										children: [/* @__PURE__ */ _(x, {
 											htmlFor: "currency",
 											children: "Currency"
-										}), /* @__PURE__ */ p(g, {
+										}), /* @__PURE__ */ _(b, {
 											id: "currency",
 											value: K.currency,
 											onChange: (e) => q({
@@ -466,21 +469,21 @@ function R() {
 											placeholder: "USD"
 										})]
 									}),
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ v("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ p(_, {
+										children: [/* @__PURE__ */ _(x, {
 											htmlFor: "unit",
 											children: "Unit"
-										}), /* @__PURE__ */ m(C, {
+										}), /* @__PURE__ */ v(C, {
 											value: K.unit,
 											onValueChange: (e) => q({
 												...K,
 												unit: e
 											}),
-											children: [/* @__PURE__ */ p(E, {
+											children: [/* @__PURE__ */ _(E, {
 												id: "unit",
-												children: /* @__PURE__ */ p(D, {})
-											}), /* @__PURE__ */ p(w, { children: N.map((e) => /* @__PURE__ */ p(T, {
+												children: /* @__PURE__ */ _(D, {})
+											}), /* @__PURE__ */ _(w, { children: N.map((e) => /* @__PURE__ */ _(T, {
 												value: e,
 												children: r(e)
 											}, e)) })]
@@ -488,14 +491,14 @@ function R() {
 									})
 								]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ v("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ v("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ _(x, {
 										htmlFor: "contractedVolume",
 										children: "Contracted volume"
-									}), /* @__PURE__ */ p(g, {
+									}), /* @__PURE__ */ _(b, {
 										id: "contractedVolume",
 										type: "number",
 										min: "0",
@@ -507,12 +510,12 @@ function R() {
 										}),
 										placeholder: "500000"
 									})]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ v("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ _(x, {
 										htmlFor: "deliveryLocation",
 										children: "Delivery location"
-									}), /* @__PURE__ */ p(g, {
+									}), /* @__PURE__ */ _(b, {
 										id: "deliveryLocation",
 										value: K.deliveryLocation,
 										onChange: (e) => q({
@@ -523,14 +526,14 @@ function R() {
 									})]
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ v("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ v("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ _(x, {
 										htmlFor: "startDate",
 										children: "Start date"
-									}), /* @__PURE__ */ p(g, {
+									}), /* @__PURE__ */ _(b, {
 										id: "startDate",
 										type: "date",
 										value: K.startDate,
@@ -539,12 +542,12 @@ function R() {
 											startDate: e.target.value
 										})
 									})]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ v("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ _(x, {
 										htmlFor: "endDate",
 										children: "End date"
-									}), /* @__PURE__ */ p(g, {
+									}), /* @__PURE__ */ _(b, {
 										id: "endDate",
 										type: "date",
 										value: K.endDate,
@@ -555,12 +558,12 @@ function R() {
 									})]
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ v("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ p(_, {
+								children: [/* @__PURE__ */ _(x, {
 									htmlFor: "notes",
 									children: "Notes"
-								}), /* @__PURE__ */ p(O, {
+								}), /* @__PURE__ */ _(O, {
 									id: "notes",
 									rows: 2,
 									value: K.notes,
@@ -571,19 +574,19 @@ function R() {
 									placeholder: "Optional context about this contract."
 								})]
 							}),
-							J && /* @__PURE__ */ p("p", {
+							J && /* @__PURE__ */ _("p", {
 								className: "text-sm text-status-error-text",
 								children: J
 							})
 						]
-					}), /* @__PURE__ */ m(x, { children: [/* @__PURE__ */ p(h, {
+					}), /* @__PURE__ */ v(pe, { children: [/* @__PURE__ */ _(y, {
 						type: "button",
 						variant: "outline",
 						onClick: () => {
 							G(!1), $();
 						},
 						children: "Cancel"
-					}), /* @__PURE__ */ p(h, {
+					}), /* @__PURE__ */ _(y, {
 						type: "submit",
 						disabled: Z.isPending,
 						children: Z.isPending ? "Creating…" : "Create contract"