@burdenoff/microfe-theglobalfuel 2026.705.2 → 2026.705.3

package/dist/theglobalfuel/pages/emissions/EmissionsPage.js

@@ -3,25 +3,25 @@ import { MetricsCard as t } from "../../components/MetricsCard.js";
 import { formatDate as n, formatEnumLabel as r, formatPercent as i, formatRelativeTime as ee, formatTonnesCo2e as a, toBackendDate as o } from "../../utils/formatters.js";
 import { StatusBadge as te } from "../../components/StatusBadge.js";
 import { MiniBar as s } from "../../components/MiniBar.js";
-import { DataTable as c } from "../../components/DataTable.js";
-import { ErrorView as l, LoadingView as u } from "../../components/StateViews.js";
-import { EmptyState as d } from "../../components/EmptyState.js";
-import { useTheAssets as ne, useTheEmissionRecords as re, useTheRecordEmission as ie, useTheVerifyEmission as ae } from "../../hooks/useTheGlobalFuelApi.js";
-import { useCursorPager as oe } from "../../hooks/useCursorPager.js";
-import { useNotify as se } from "../../hooks/useNotify.js";
+import { DataTable as ne } from "../../components/DataTable.js";
+import { ErrorView as re, LoadingView as c } from "../../components/StateViews.js";
+import { EmptyState as l } from "../../components/EmptyState.js";
+import { useTheAssets as ie, useTheEmissionRecords as ae, useTheRecordEmission as oe, useTheVerifyEmission as se } from "../../hooks/useTheGlobalFuelApi.js";
+import { useCursorPager as ce } from "../../hooks/useCursorPager.js";
+import { useNotify as le } from "../../hooks/useNotify.js";
 import "../../hooks/index.js";
-import { FilterTabs as ce } from "../../components/FilterTabs.js";
-import { Pagination as le } from "../../components/Pagination.js";
-import { useMemo as f, useState as p } from "react";
-import { CheckCircle2 as ue, Circle as m, Cloud as h, Factory as g, Flame as _, Plus as v, Truck as de, Zap as fe } from "lucide-react";
-import { Fragment as pe, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Button as x, Input as S, Label as C, ResponsiveDialog as me, ResponsiveDialogContent as he, ResponsiveDialogDescription as ge, ResponsiveDialogFooter as _e, ResponsiveDialogHeader as ve, ResponsiveDialogTitle as ye, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O, Textarea as k } from "@burdenoff/fe-libs/ui";
+import { FilterTabs as ue } from "../../components/FilterTabs.js";
+import { Pagination as de } from "../../components/Pagination.js";
+import { useMemo as u, useState as d } from "react";
+import { CheckCircle2 as fe, Circle as pe, Cloud as f, Factory as p, Flame as me, Plus as m, Truck as h, Zap as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Button as b, Input as x, Label as S, ResponsiveDialog as he, ResponsiveDialogContent as ge, ResponsiveDialogDescription as _e, ResponsiveDialogFooter as ve, ResponsiveDialogHeader as ye, ResponsiveDialogTitle as be, 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/emissions/EmissionsPage.tsx
-var A = [
+var k = [
 	"SCOPE_1",
 	"SCOPE_2",
 	"SCOPE_3"
-], j = [
+], A = [
 	{
 		value: "ALL",
 		label: "All scopes"
@@ -38,47 +38,47 @@ var A = [
 		value: "SCOPE_3",
 		label: "Scope 3"
 	}
-], M = {
+], j = {
 	SCOPE_1: "bg-status-error-text",
 	SCOPE_2: "bg-status-warning-text",
 	SCOPE_3: "bg-accent"
-}, N = 25, P = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), F = () => ({
+}, M = 25, N = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), P = () => ({
 	assetId: "",
 	scope: "SCOPE_1",
 	co2eTonnes: "",
-	periodStart: P(),
-	periodEnd: P(),
+	periodStart: N(),
+	periodEnd: N(),
 	source: "",
 	methodology: "",
 	notes: ""
-}), I = (e, t, n) => {
+}), F = (e, t, n) => {
 	if (t <= 0) return;
 	let r = e / t * 100;
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ y("div", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ y(s, {
+		children: [/* @__PURE__ */ v(s, {
 			value: r,
-			barClassName: M[n],
+			barClassName: j[n],
 			height: 4
-		}), /* @__PURE__ */ b("p", {
+		}), /* @__PURE__ */ y("p", {
 			className: "text-xs tabular-nums text-text-tertiary",
 			children: [i(r), " of total"]
 		})]
 	});
 };
-function L() {
-	let i = se(), [s, M] = p("ALL"), [P, L] = p("ALL"), R = oe(), [be, z] = p(!1), [B, V] = p(F), [H, U] = p(null), [W, G] = p(null), K = ne({ pagination: { limit: 100 } }), xe = f(() => {
+function I() {
+	let i = le(), [s, j] = d("ALL"), [N, I] = d("ALL"), L = ce(), [xe, R] = d(!1), [z, B] = d(P), [V, H] = d(null), [U, W] = d(null), G = ie({ pagination: { limit: 100 } }), Se = u(() => {
 		let e = {};
-		for (let t of K.data?.items ?? []) e[t.id] = t.name;
+		for (let t of G.data?.items ?? []) e[t.id] = t.name;
 		return e;
-	}, [K.data]), q = K.data?.items ?? [], { data: J, isLoading: Se, isError: Ce, refetch: we } = re({
+	}, [G.data]), K = G.data?.items ?? [], { data: q, isLoading: Ce, isError: we, refetch: J } = ae({
 		scope: s === "ALL" ? void 0 : s,
-		assetId: P === "ALL" ? void 0 : P,
+		assetId: N === "ALL" ? void 0 : N,
 		pagination: {
-			limit: N,
-			cursor: R.cursor
+			limit: M,
+			offset: L.page * M
 		}
-	}), Y = ie(), Te = ae(), X = f(() => J?.items ?? [], [J]), { total: Z, byScope: Q } = f(() => {
+	}), Y = oe(), Te = se(), X = u(() => q?.items ?? [], [q]), { total: Z, byScope: Q } = u(() => {
 		let e = {
 			SCOPE_1: 0,
 			SCOPE_2: 0,
@@ -93,14 +93,14 @@ function L() {
 		{
 			key: "scope",
 			header: "Scope",
-			render: (e) => /* @__PURE__ */ y(te, { status: e.scope })
+			render: (e) => /* @__PURE__ */ v(te, { status: e.scope })
 		},
 		{
 			key: "asset",
 			header: "Asset",
-			render: (e) => /* @__PURE__ */ y("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "text-text-secondary",
-				children: e.assetId ? xe[e.assetId] ?? `${e.assetId.slice(0, 8)}…` : "—"
+				children: e.assetId ? Se[e.assetId] ?? `${e.assetId.slice(0, 8)}…` : "—"
 			})
 		},
 		{
@@ -108,7 +108,7 @@ function L() {
 			header: "CO₂e",
 			align: "right",
 			sortValue: (e) => e.co2eTonnes,
-			render: (e) => /* @__PURE__ */ y("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "tabular-nums font-medium text-text-primary",
 				children: a(e.co2eTonnes)
 			})
@@ -118,7 +118,7 @@ function L() {
 			header: "Period",
 			hideOnMobile: !0,
 			sortValue: (e) => new Date(e.periodStart).getTime(),
-			render: (e) => /* @__PURE__ */ b("span", {
+			render: (e) => /* @__PURE__ */ y("span", {
 				className: "text-text-secondary",
 				children: [
 					n(e.periodStart),
@@ -131,7 +131,7 @@ function L() {
 			key: "source",
 			header: "Source",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ y("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "text-text-secondary",
 				children: e.source ?? "—"
 			})
@@ -139,22 +139,22 @@ function L() {
 		{
 			key: "verified",
 			header: "Verified",
-			render: (e) => e.verified ? /* @__PURE__ */ b("span", {
+			render: (e) => e.verified ? /* @__PURE__ */ y("span", {
 				className: "inline-flex items-center gap-1.5 text-status-success-text",
 				children: [
-					/* @__PURE__ */ y(ue, { className: "h-4 w-4" }),
-					/* @__PURE__ */ y("span", {
+					/* @__PURE__ */ v(fe, { className: "h-4 w-4" }),
+					/* @__PURE__ */ v("span", {
 						className: "text-xs font-medium",
 						children: "Verified"
 					}),
-					e.verifiedAt && /* @__PURE__ */ y("span", {
+					e.verifiedAt && /* @__PURE__ */ v("span", {
 						className: "text-xs font-normal tabular-nums text-text-tertiary",
 						children: n(e.verifiedAt)
 					})
 				]
-			}) : /* @__PURE__ */ b("span", {
+			}) : /* @__PURE__ */ y("span", {
 				className: "inline-flex items-center gap-1.5 text-text-tertiary",
-				children: [/* @__PURE__ */ y(m, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ y("span", {
+				children: [/* @__PURE__ */ v(pe, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ v("span", {
 					className: "text-xs",
 					children: "Unverified"
 				})]
@@ -165,7 +165,7 @@ function L() {
 			header: "Logged",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ y("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "text-text-tertiary",
 				children: ee(e.createdAt)
 			})
@@ -174,75 +174,75 @@ function L() {
 			key: "verify",
 			header: "",
 			align: "right",
-			render: (e) => e.verified ? null : /* @__PURE__ */ y(x, {
+			render: (e) => e.verified ? null : /* @__PURE__ */ v(b, {
 				size: "sm",
 				variant: "outline",
 				onClick: () => {
-					G(e.id), Te.mutate(e.id, {
+					W(e.id), Te.mutate(e.id, {
 						onSuccess: () => i.success("Emission verified"),
 						onError: (e) => i.fromError(e),
-						onSettled: () => G(null)
+						onSettled: () => W(null)
 					});
 				},
-				disabled: W === e.id,
-				children: W === e.id ? "Verifying…" : "Verify"
+				disabled: U === e.id,
+				children: U === e.id ? "Verifying…" : "Verify"
 			})
 		}
 	], $ = () => {
-		V(F()), U(null), z(!0);
+		B(P()), H(null), R(!0);
 	}, De = async () => {
-		let e = Number(B.co2eTonnes);
-		if (!B.co2eTonnes || Number.isNaN(e) || e <= 0) {
+		let e = Number(z.co2eTonnes);
+		if (!z.co2eTonnes || Number.isNaN(e) || e <= 0) {
 			let e = "CO₂e (tonnes) must be greater than zero.";
-			U(e), i.error(e);
+			H(e), i.error(e);
 			return;
 		}
-		if (!B.periodStart || !B.periodEnd) {
-			U("Period start and end are required.");
+		if (!z.periodStart || !z.periodEnd) {
+			H("Period start and end are required.");
 			return;
 		}
-		let t = o(B.periodStart), n = o(B.periodEnd);
+		let t = o(z.periodStart), n = o(z.periodEnd);
 		if (!t || !n) {
-			U("Period start and end are required.");
+			H("Period start and end are required.");
 			return;
 		}
 		if (new Date(n).getTime() < new Date(t).getTime()) {
-			U("Period end must be on or after the period start.");
+			H("Period end must be on or after the period start.");
 			return;
 		}
-		U(null);
+		H(null);
 		try {
 			await Y.mutateAsync({
-				assetId: B.assetId || null,
-				scope: B.scope,
+				assetId: z.assetId || null,
+				scope: z.scope,
 				co2eTonnes: e,
 				periodStart: t,
 				periodEnd: n,
-				source: B.source.trim() || null,
-				methodology: B.methodology.trim() || null,
-				notes: B.notes.trim() || null
-			}), i.success("Emission recorded"), z(!1), V(F());
+				source: z.source.trim() || null,
+				methodology: z.methodology.trim() || null,
+				notes: z.notes.trim() || null
+			}), i.success("Emission recorded"), R(!1), B(P());
 		} catch (e) {
-			i.fromError(e), U(e instanceof Error ? e.message : "Failed to record emission.");
+			i.fromError(e), H(e instanceof Error ? e.message : "Failed to record emission.");
 		}
 	};
-	return /* @__PURE__ */ b(e, {
+	return /* @__PURE__ */ y(e, {
 		title: "Emissions",
 		description: "ESG greenhouse-gas ledger across every asset — GHG Protocol Scope 1 / 2 / 3, with third-party verification.",
-		actions: /* @__PURE__ */ b(x, {
+		actions: /* @__PURE__ */ y(b, {
 			onClick: $,
-			children: [/* @__PURE__ */ y(v, { className: "mr-1.5 h-4 w-4" }), " Record emission"]
+			children: [/* @__PURE__ */ v(m, { className: "mr-1.5 h-4 w-4" }), " Record emission"]
 		}),
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ y("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ y(t, {
-						icon: /* @__PURE__ */ y(g, { className: "h-5 w-5" }),
+					/* @__PURE__ */ v(t, {
+						icon: /* @__PURE__ */ v(p, { className: "h-5 w-5" }),
 						value: X.length > 0 ? a(Z) : "—",
 						label: "CO₂e on this page",
 						featured: !0,
-						footer: /* @__PURE__ */ b("p", {
+						footer: /* @__PURE__ */ y("p", {
 							className: "text-xs tabular-nums text-text-tertiary",
 							children: [
 								X.length,
@@ -252,65 +252,65 @@ function L() {
 							]
 						})
 					}),
-					/* @__PURE__ */ y(t, {
-						icon: /* @__PURE__ */ y(_, { className: "h-5 w-5" }),
+					/* @__PURE__ */ v(t, {
+						icon: /* @__PURE__ */ v(me, { className: "h-5 w-5" }),
 						value: X.length > 0 ? a(Q.SCOPE_1) : "—",
 						label: "Scope 1 · Direct",
-						footer: I(Q.SCOPE_1, Z, "SCOPE_1")
+						footer: F(Q.SCOPE_1, Z, "SCOPE_1")
 					}),
-					/* @__PURE__ */ y(t, {
-						icon: /* @__PURE__ */ y(fe, { className: "h-5 w-5" }),
+					/* @__PURE__ */ v(t, {
+						icon: /* @__PURE__ */ v(g, { className: "h-5 w-5" }),
 						value: X.length > 0 ? a(Q.SCOPE_2) : "—",
 						label: "Scope 2 · Purchased energy",
-						footer: I(Q.SCOPE_2, Z, "SCOPE_2")
+						footer: F(Q.SCOPE_2, Z, "SCOPE_2")
 					}),
-					/* @__PURE__ */ y(t, {
-						icon: /* @__PURE__ */ y(de, { className: "h-5 w-5" }),
+					/* @__PURE__ */ v(t, {
+						icon: /* @__PURE__ */ v(h, { className: "h-5 w-5" }),
 						value: X.length > 0 ? a(Q.SCOPE_3) : "—",
 						label: "Scope 3 · Value chain",
-						footer: I(Q.SCOPE_3, Z, "SCOPE_3")
+						footer: F(Q.SCOPE_3, Z, "SCOPE_3")
 					})
 				]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ y("div", {
 				className: "mt-6 mb-5 flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ y(ce, {
-					options: j,
+				children: [/* @__PURE__ */ v(ue, {
+					options: A,
 					value: s,
 					onChange: (e) => {
-						M(e), R.reset();
+						j(e), L.reset();
 					}
-				}), /* @__PURE__ */ b(w, {
-					value: P,
+				}), /* @__PURE__ */ y(C, {
+					value: N,
 					onValueChange: (e) => {
-						L(e), R.reset();
+						I(e), L.reset();
 					},
-					children: [/* @__PURE__ */ y(D, {
+					children: [/* @__PURE__ */ v(E, {
 						className: "w-56",
 						"aria-label": "Filter by asset",
-						children: /* @__PURE__ */ y(O, { placeholder: "All assets" })
-					}), /* @__PURE__ */ b(T, { children: [/* @__PURE__ */ y(E, {
+						children: /* @__PURE__ */ v(D, { placeholder: "All assets" })
+					}), /* @__PURE__ */ y(w, { children: [/* @__PURE__ */ v(T, {
 						value: "ALL",
 						children: "All assets"
-					}), q.map((e) => /* @__PURE__ */ y(E, {
+					}), K.map((e) => /* @__PURE__ */ v(T, {
 						value: e.id,
 						children: e.name
 					}, e.id))] })]
 				})]
 			}),
-			Se ? /* @__PURE__ */ y(u, { label: "Loading emission records…" }) : Ce ? /* @__PURE__ */ y(l, {
+			Ce ? /* @__PURE__ */ v(c, { label: "Loading emission records…" }) : we ? /* @__PURE__ */ v(re, {
 				message: "Couldn't load emission records.",
-				onRetry: () => we()
-			}) : X.length === 0 ? /* @__PURE__ */ y(d, {
+				onRetry: () => J()
+			}) : X.length === 0 ? /* @__PURE__ */ v(l, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ y(h, { className: "h-10 w-10" }),
+				icon: /* @__PURE__ */ v(f, { className: "h-10 w-10" }),
 				title: "No emissions recorded",
-				description: s === "ALL" && P === "ALL" ? "Record a CO₂e figure to start building your Scope 1–3 emissions ledger." : "No emission records match these filters.",
-				action: /* @__PURE__ */ b(x, {
+				description: s === "ALL" && N === "ALL" ? "Record a CO₂e figure to start building your Scope 1–3 emissions ledger." : "No emission records match these filters.",
+				action: /* @__PURE__ */ y(b, {
 					onClick: $,
-					children: [/* @__PURE__ */ y(v, { className: "mr-1.5 h-4 w-4" }), " Record emission"]
+					children: [/* @__PURE__ */ v(m, { className: "mr-1.5 h-4 w-4" }), " Record emission"]
 				})
-			}) : /* @__PURE__ */ b(pe, { children: [/* @__PURE__ */ y(c, {
+			}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(ne, {
 				columns: Ee,
 				rows: X,
 				rowKey: (e) => e.id,
@@ -318,176 +318,176 @@ function L() {
 					key: "period",
 					dir: "desc"
 				}
-			}), /* @__PURE__ */ y(le, {
-				page: R.page,
-				pageSize: N,
+			}), /* @__PURE__ */ v(de, {
+				page: L.page,
+				pageSize: M,
 				itemCount: X.length,
-				hasMore: J?.pageInfo?.hasMore ?? !1,
-				onPageChange: (e) => R.onPageChange(e, J?.pageInfo?.cursor)
+				hasMore: q?.pageInfo?.hasMore ?? !1,
+				onPageChange: L.onPageChange
 			})] }),
-			/* @__PURE__ */ y(me, {
-				open: be,
+			/* @__PURE__ */ v(he, {
+				open: xe,
 				onOpenChange: (e) => {
-					z(e), e || (V(F()), U(null));
+					R(e), e || (B(P()), H(null));
 				},
-				children: /* @__PURE__ */ b(he, { children: [/* @__PURE__ */ b(ve, { children: [/* @__PURE__ */ y(ye, { children: "Record emission" }), /* @__PURE__ */ y(ge, { children: "Log a CO₂e figure for a reporting period — optionally attributed to an asset." })] }), /* @__PURE__ */ b("form", {
+				children: /* @__PURE__ */ y(ge, { children: [/* @__PURE__ */ y(ye, { children: [/* @__PURE__ */ v(be, { children: "Record emission" }), /* @__PURE__ */ v(_e, { children: "Log a CO₂e figure for a reporting period — optionally attributed to an asset." })] }), /* @__PURE__ */ y("form", {
 					onSubmit: (e) => {
 						e.preventDefault(), De();
 					},
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ y("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "emScope",
 										children: "Scope"
-									}), /* @__PURE__ */ b(w, {
-										value: B.scope,
-										onValueChange: (e) => V({
-											...B,
+									}), /* @__PURE__ */ y(C, {
+										value: z.scope,
+										onValueChange: (e) => B({
+											...z,
 											scope: e
 										}),
-										children: [/* @__PURE__ */ y(D, {
+										children: [/* @__PURE__ */ v(E, {
 											id: "emScope",
-											children: /* @__PURE__ */ y(O, {})
-										}), /* @__PURE__ */ y(T, { children: A.map((e) => /* @__PURE__ */ y(E, {
+											children: /* @__PURE__ */ v(D, {})
+										}), /* @__PURE__ */ v(w, { children: k.map((e) => /* @__PURE__ */ v(T, {
 											value: e,
 											children: r(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "emCo2e",
 										children: "CO₂e (tonnes) *"
-									}), /* @__PURE__ */ y(S, {
+									}), /* @__PURE__ */ v(x, {
 										id: "emCo2e",
 										type: "number",
 										min: "0",
 										step: "any",
-										value: B.co2eTonnes,
-										onChange: (e) => V({
-											...B,
+										value: z.co2eTonnes,
+										onChange: (e) => B({
+											...z,
 											co2eTonnes: e.target.value
 										}),
 										placeholder: "1250"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ y(C, {
+								children: [/* @__PURE__ */ v(S, {
 									htmlFor: "emAsset",
 									children: "Asset"
-								}), /* @__PURE__ */ b(w, {
-									value: B.assetId,
-									onValueChange: (e) => V({
-										...B,
+								}), /* @__PURE__ */ y(C, {
+									value: z.assetId,
+									onValueChange: (e) => B({
+										...z,
 										assetId: e
 									}),
-									children: [/* @__PURE__ */ y(D, {
+									children: [/* @__PURE__ */ v(E, {
 										id: "emAsset",
-										children: /* @__PURE__ */ y(O, { placeholder: "Optional — org-wide if unset" })
-									}), /* @__PURE__ */ y(T, { children: q.map((e) => /* @__PURE__ */ y(E, {
+										children: /* @__PURE__ */ v(D, { placeholder: "Optional — org-wide if unset" })
+									}), /* @__PURE__ */ v(w, { children: K.map((e) => /* @__PURE__ */ v(T, {
 										value: e.id,
 										children: e.name
 									}, e.id)) })]
 								})]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "emStart",
 										children: "Period start *"
-									}), /* @__PURE__ */ y(S, {
+									}), /* @__PURE__ */ v(x, {
 										id: "emStart",
 										type: "date",
-										value: B.periodStart,
-										onChange: (e) => V({
-											...B,
+										value: z.periodStart,
+										onChange: (e) => B({
+											...z,
 											periodStart: e.target.value
 										})
 									})]
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "emEnd",
 										children: "Period end *"
-									}), /* @__PURE__ */ y(S, {
+									}), /* @__PURE__ */ v(x, {
 										id: "emEnd",
 										type: "date",
-										value: B.periodEnd,
-										onChange: (e) => V({
-											...B,
+										value: z.periodEnd,
+										onChange: (e) => B({
+											...z,
 											periodEnd: e.target.value
 										})
 									})]
 								})]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "emSource",
 										children: "Source"
-									}), /* @__PURE__ */ y(S, {
+									}), /* @__PURE__ */ v(x, {
 										id: "emSource",
-										value: B.source,
-										onChange: (e) => V({
-											...B,
+										value: z.source,
+										onChange: (e) => B({
+											...z,
 											source: e.target.value
 										}),
 										placeholder: "Flaring, grid electricity…"
 									})]
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "emMethod",
 										children: "Methodology"
-									}), /* @__PURE__ */ y(S, {
+									}), /* @__PURE__ */ v(x, {
 										id: "emMethod",
-										value: B.methodology,
-										onChange: (e) => V({
-											...B,
+										value: z.methodology,
+										onChange: (e) => B({
+											...z,
 											methodology: e.target.value
 										}),
 										placeholder: "GHG Protocol / IPCC / API"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ y(C, {
+								children: [/* @__PURE__ */ v(S, {
 									htmlFor: "emNotes",
 									children: "Notes"
-								}), /* @__PURE__ */ y(k, {
+								}), /* @__PURE__ */ v(O, {
 									id: "emNotes",
 									rows: 2,
-									value: B.notes,
-									onChange: (e) => V({
-										...B,
+									value: z.notes,
+									onChange: (e) => B({
+										...z,
 										notes: e.target.value
 									}),
 									placeholder: "Optional context about this figure."
 								})]
 							}),
-							H && /* @__PURE__ */ y("p", {
+							V && /* @__PURE__ */ v("p", {
 								className: "text-sm text-status-error-text",
-								children: H
+								children: V
 							})
 						]
-					}), /* @__PURE__ */ b(_e, { children: [/* @__PURE__ */ y(x, {
+					}), /* @__PURE__ */ y(ve, { children: [/* @__PURE__ */ v(b, {
 						type: "button",
 						variant: "outline",
-						onClick: () => z(!1),
+						onClick: () => R(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ y(x, {
+					}), /* @__PURE__ */ v(b, {
 						type: "submit",
 						disabled: Y.isPending,
 						children: Y.isPending ? "Recording…" : "Record emission"
@@ -498,6 +498,6 @@ function L() {
 	});
 }
 //#endregion
-export { L as EmissionsPage };
+export { I as EmissionsPage };
 
 //# sourceMappingURL=EmissionsPage.js.map