@burdenoff/microfe-export 2026.525.3 → 2026.529.1

package/dist/export/pages/CreateExportPage.js

@@ -2,19 +2,20 @@ import { useExport as e } from "../providers/ExportProvider.js";
 import { useAvailableEntities as t, useCreateExportJob as n, useExportTemplates as r } from "../hooks/useExportQueries.js";
 import { cn as i } from "../utils/cn.js";
 import { getFormatDisplayName as a } from "../constants/enums.js";
-import { tWithFallback as o } from "../utils/i18n.js";
-import { PageLayout as ee } from "../components/PageLayout.js";
-import { useEffect as te, useRef as s, useState as c } from "react";
-import { ArrowLeft as l, ArrowRight as u, Building2 as d, CalendarRange as ne, CheckCircle2 as f, Download as p, FileJson as m, FileSpreadsheet as h, Loader2 as g, Lock as _, Package as re, User as v, Users as y } from "lucide-react";
+import { tWithFallback as ee } from "../utils/i18n.js";
+import { PageLayout as te } from "../components/PageLayout.js";
+import { isExportEntityDisabled as o } from "../utils/disabledModules.js";
+import { useEffect as ne, useRef as s, useState as c } from "react";
+import { ArrowLeft as l, ArrowRight as u, Building2 as d, CalendarRange as re, CheckCircle2 as f, Download as p, FileJson as m, FileSpreadsheet as h, Loader2 as g, Lock as _, Package as ie, User as v, Users as y } from "lucide-react";
 import { usePermission as b } from "@burdenoff/fe-libs/shared/providers/shell";
-import { useSearchParams as x } from "react-router-dom";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useSearchParams as ae } from "react-router-dom";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useI18n as oe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/export/pages/CreateExportPage.tsx
-var T = ["CSV", "JSON"], ie = {
+var C = ["CSV", "JSON"], se = {
 	CSV: h,
 	JSON: m
-}, ae = [
+}, w = [
 	{
 		value: "INDIVIDUAL",
 		label: "My Data Only",
@@ -34,65 +35,65 @@ var T = ["CSV", "JSON"], ie = {
 		Icon: d
 	}
 ];
-function E() {
-	let { basePath: d = "/", navigate: m, organizationId: h } = e(), { t: v } = w(), y = (e, t, n) => o(v, e, t, n), { createJob: E, isPending: D } = n(), { data: O } = t(), { data: k } = r(), [A] = x(), j = b("export:workspace:admin"), oe = b("export:org:admin"), [M, N] = c("entities"), [P, F] = c([]), [I, L] = c(""), [R, z] = c("CSV"), [B, V] = c("INDIVIDUAL"), [H, U] = c(A.get("templateId") ?? void 0), [W, G] = c(""), [K, se] = c(""), [q, J] = c(null), Y = s(null);
-	te(() => {
-		let e = A.get("templateId");
-		if (!e || !k?.length || Y.current === e) return;
-		let t = k.find((t) => t.id === e);
+function T() {
+	let { basePath: d = "/", navigate: m, organizationId: h } = e(), { t: v } = oe(), y = (e, t, n) => ee(v, e, t, n), { createJob: T, isPending: E } = n(), { data: ce } = t(), { data: D } = r(), [O] = ae(), k = b("export:workspace:admin"), le = b("export:org:admin"), [A, j] = c("entities"), [M, N] = c([]), [P, F] = c(""), [I, L] = c("CSV"), [R, z] = c("INDIVIDUAL"), [B, V] = c(O.get("templateId") ?? void 0), [H, U] = c(""), [W, ue] = c(""), [G, K] = c(null), q = s(null);
+	ne(() => {
+		let e = O.get("templateId");
+		if (!e || !D?.length || q.current === e) return;
+		let t = D.find((t) => t.id === e);
 		if (!t) return;
-		Y.current = e, U(t.id), F(t.entityTypes ?? []);
+		q.current = e, V(t.id), N((t.entityTypes ?? []).filter((e) => !o(e)));
 		let n = t.format?.toUpperCase();
-		n && T.includes(n) && z(n), t.name && L(t.name);
-	}, [A, k]);
-	let ce = () => {
-		M === "options" ? N("entities") : M === "review" ? N("options") : m?.(d);
-	}, X = () => {
-		if (M === "entities") {
-			if (P.length === 0) {
-				J(y("export.create.errors.selectEntity", "Please select at least one entity type to export"));
+		n && C.includes(n) && L(n), t.name && F(t.name);
+	}, [O, D]);
+	let de = () => {
+		A === "options" ? j("entities") : A === "review" ? j("options") : m?.(d);
+	}, fe = () => {
+		if (A === "entities") {
+			if (M.length === 0) {
+				K(y("export.create.errors.selectEntity", "Please select at least one entity type to export"));
 				return;
 			}
-			J(null), N("options");
-		} else if (M === "options") {
-			if (!I.trim()) {
-				J(y("export.create.errors.exportNameRequired", "Please provide a name for this export"));
+			K(null), j("options");
+		} else if (A === "options") {
+			if (!P.trim()) {
+				K(y("export.create.errors.exportNameRequired", "Please provide a name for this export"));
 				return;
 			}
-			J(null), N("review");
+			K(null), j("review");
 		}
-	}, le = async () => {
+	}, pe = async () => {
 		try {
-			J(null), await E({
-				name: I,
-				entityTypes: P,
-				format: R,
-				exportScope: B,
-				organizationId: B === "ORG_ADMIN" ? h : void 0,
-				templateId: H,
-				dateRangeStart: W ? new Date(W).toISOString() : null,
-				dateRangeEnd: K ? new Date(K).toISOString() : null
+			K(null), await T({
+				name: P,
+				entityTypes: M,
+				format: I,
+				exportScope: R,
+				organizationId: R === "ORG_ADMIN" ? h : void 0,
+				templateId: B,
+				dateRangeStart: H ? new Date(H).toISOString() : null,
+				dateRangeEnd: W ? new Date(W).toISOString() : null
 			}), m?.(d);
 		} catch (e) {
-			J(e instanceof Error ? e.message : y("export.create.errors.createFailed", "Failed to create export"));
+			K(e instanceof Error ? e.message : y("export.create.errors.createFailed", "Failed to create export"));
 		}
-	}, ue = (e) => {
-		F((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, Z = (e) => {
+	}, me = (e) => {
+		o(e) || N((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, J = (e) => {
 		switch (e) {
 			case "INDIVIDUAL": return y("export.create.scope.individual.label", "My Data Only");
 			case "WORKSPACE_ADMIN": return y("export.create.scope.workspaceAdmin.label", "All Workspace Data");
 			case "ORG_ADMIN": return y("export.create.scope.orgAdmin.label", "All Organization Data");
 			default: return e;
 		}
-	}, de = (e) => {
+	}, he = (e) => {
 		switch (e) {
 			case "INDIVIDUAL": return y("export.create.scope.individual.description", "Export data you personally created across selected modules.");
 			case "WORKSPACE_ADMIN": return y("export.create.scope.workspaceAdmin.description", "Export all data in this workspace regardless of who created it. Requires workspace admin access.");
 			case "ORG_ADMIN": return y("export.create.scope.orgAdmin.description", "Export data from every workspace in your organization. Requires org-admin access.");
 			default: return "";
 		}
-	}, Q = {
+	}, Y = {
 		users: {
 			label: y("export.create.entities.users.label", "Users"),
 			description: y("export.create.entities.users.description", "Workspace members and profiles")
@@ -125,294 +126,325 @@ function E() {
 			label: y("export.create.entities.calendar.label", "Calendar Events"),
 			description: y("export.create.entities.calendar.description", "Events and bookings")
 		}
-	}, $ = O.filter((e) => e.enabled !== !1);
-	return /* @__PURE__ */ C(ee, {
+	}, X = ce.filter((e) => e.enabled !== !1), Z = X.filter((e) => !o(e.entityType)), Q = X.filter((e) => o(e.entityType)), $ = (e, t) => {
+		let n = !t && M.includes(e.entityType);
+		return /* @__PURE__ */ S("button", {
+			type: "button",
+			onClick: () => me(e.entityType),
+			disabled: t,
+			"aria-disabled": t,
+			title: t ? y("export.create.select.unavailableHint", "Export for this product isn't available yet") : void 0,
+			className: i("text-left border-2 rounded-xl p-4 transition-all duration-200", t ? "border-border/30 opacity-50 cursor-not-allowed" : n ? "border-primary bg-primary/5 shadow-md" : "border-border/50 hover:border-primary/30 hover:shadow-sm"),
+			children: [
+				/* @__PURE__ */ S("div", {
+					className: "flex items-center justify-between mb-2 gap-2",
+					children: [/* @__PURE__ */ x("h3", {
+						className: "font-semibold",
+						children: Y[e.entityType]?.label ?? e.displayName
+					}), t ? /* @__PURE__ */ x("span", {
+						className: "shrink-0 text-xs font-medium px-2 py-0.5 rounded-full bg-muted text-muted-foreground",
+						children: y("export.create.select.unavailable", "Unavailable")
+					}) : n && /* @__PURE__ */ x(f, {
+						size: 18,
+						className: "text-primary"
+					})]
+				}),
+				/* @__PURE__ */ x("p", {
+					className: "text-sm text-muted-foreground",
+					children: Y[e.entityType]?.description ?? e.description
+				}),
+				e.estimatedSize && /* @__PURE__ */ S("p", {
+					className: "text-xs text-muted-foreground mt-2",
+					children: ["~", e.estimatedSize]
+				})
+			]
+		}, e.entityType);
+	};
+	return /* @__PURE__ */ S(te, {
 		showHeader: !1,
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				className: "relative overflow-hidden rounded-xl bg-gradient-to-br from-primary/5 via-primary/3 to-background border border-border/50 p-6 shadow-sm",
-				children: /* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ S("div", {
 					className: "relative z-10 flex items-center gap-4",
-					children: [/* @__PURE__ */ S("button", {
+					children: [/* @__PURE__ */ x("button", {
+						type: "button",
 						onClick: () => m?.(d),
 						className: "p-2.5 hover:bg-accent rounded-lg transition-all duration-200 hover:scale-110",
 						"aria-label": y("export.create.actions.backToDashboard", "Back to export dashboard"),
-						children: /* @__PURE__ */ S(l, { size: 20 })
-					}), /* @__PURE__ */ C("div", {
+						children: /* @__PURE__ */ x(l, { size: 20 })
+					}), /* @__PURE__ */ S("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ x("div", {
 							className: "p-2.5 rounded-lg bg-primary/10 backdrop-blur-sm",
-							children: /* @__PURE__ */ S(p, {
+							children: /* @__PURE__ */ x(p, {
 								size: 24,
 								className: "text-primary"
 							})
-						}), /* @__PURE__ */ S("h1", {
+						}), /* @__PURE__ */ x("h1", {
 							className: "text-2xl sm:text-3xl font-bold",
 							children: y("export.create.title", "New Export")
 						})]
 					})]
 				})
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex items-center gap-2 justify-center flex-wrap",
 				children: [
 					"entities",
 					"options",
 					"review"
-				].map((e, t) => /* @__PURE__ */ C("div", {
+				].map((e, t) => /* @__PURE__ */ S("div", {
 					className: "flex items-center gap-2",
-					children: [t > 0 && /* @__PURE__ */ S(u, {
+					children: [t > 0 && /* @__PURE__ */ x(u, {
 						size: 18,
 						className: "text-muted-foreground"
-					}), /* @__PURE__ */ C("div", {
-						className: i("flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium border-2 transition-all duration-200", M === e ? "bg-primary text-primary-foreground border-primary shadow-md scale-105" : "bg-muted/50 text-muted-foreground border-border/50"),
-						children: [/* @__PURE__ */ S("div", {
-							className: "flex items-center justify-center w-6 h-6 rounded-full bg-background/20 font-bold",
+					}), /* @__PURE__ */ S("div", {
+						className: i("flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium border-2 transition-all duration-200", A === e ? "bg-primary text-primary-foreground border-primary shadow-md scale-105" : "bg-muted/50 text-muted-foreground border-border/50"),
+						children: [/* @__PURE__ */ x("div", {
+							className: "flex items-center justify-center size-6 rounded-full bg-background/20 font-bold",
 							children: t + 1
-						}), /* @__PURE__ */ S("span", {
+						}), /* @__PURE__ */ x("span", {
 							className: "hidden sm:inline capitalize",
 							children: e === "entities" ? y("export.create.steps.entities", "Select Data") : e === "options" ? y("export.create.steps.options", "Options") : y("export.create.steps.review", "Review")
 						})]
 					})]
 				}, e))
 			}),
-			q && /* @__PURE__ */ S("div", {
+			G && /* @__PURE__ */ x("div", {
 				className: "border-2 border-border-default rounded-xl bg-status-error-bg-subtle p-4 text-status-error-text text-sm",
-				children: q
+				children: G
 			}),
-			M === "entities" && /* @__PURE__ */ C("div", {
+			A === "entities" && /* @__PURE__ */ S("div", {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ S("h2", {
+					/* @__PURE__ */ x("h2", {
 						className: "text-lg font-bold",
 						children: y("export.create.select.title", "Select data to export")
 					}),
-					/* @__PURE__ */ S("p", {
+					/* @__PURE__ */ x("p", {
 						className: "text-sm text-muted-foreground",
 						children: y("export.create.select.description", "Choose which entity types to include in your export.")
 					}),
-					$.length === 0 ? /* @__PURE__ */ S("div", {
+					X.length === 0 ? /* @__PURE__ */ x("div", {
 						className: "border-2 border-border rounded-xl bg-muted/30 p-6 text-sm text-muted-foreground",
 						children: y("export.create.select.empty", "No exportable entity types are configured for this workspace yet.")
 					}) : /* @__PURE__ */ S("div", {
-						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3",
-						children: $.map((e) => {
-							let t = P.includes(e.entityType);
-							return /* @__PURE__ */ C("button", {
-								onClick: () => ue(e.entityType),
-								className: i("text-left border-2 rounded-xl p-4 transition-all duration-200", t ? "border-primary bg-primary/5 shadow-md" : "border-border/50 hover:border-primary/30 hover:shadow-sm"),
+						className: "space-y-6",
+						children: [Z.length > 0 && /* @__PURE__ */ x("div", {
+							className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3",
+							children: Z.map((e) => $(e, !1))
+						}), Q.length > 0 && /* @__PURE__ */ S("div", {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ S("div", {
+								className: "flex items-center gap-3",
 								children: [
-									/* @__PURE__ */ C("div", {
-										className: "flex items-center justify-between mb-2",
-										children: [/* @__PURE__ */ S("h3", {
-											className: "font-semibold",
-											children: Q[e.entityType]?.label ?? e.displayName
-										}), t && /* @__PURE__ */ S(f, {
-											size: 18,
-											className: "text-primary"
-										})]
-									}),
-									/* @__PURE__ */ S("p", {
-										className: "text-sm text-muted-foreground",
-										children: Q[e.entityType]?.description ?? e.description
+									/* @__PURE__ */ x("div", { className: "h-px flex-1 bg-border/60" }),
+									/* @__PURE__ */ x("span", {
+										className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
+										children: y("export.create.select.unavailableSection", "Not available yet")
 									}),
-									e.estimatedSize && /* @__PURE__ */ C("p", {
-										className: "text-xs text-muted-foreground mt-2",
-										children: ["~", e.estimatedSize]
-									})
+									/* @__PURE__ */ x("div", { className: "h-px flex-1 bg-border/60" })
 								]
-							}, e.entityType);
-						})
+							}), /* @__PURE__ */ x("div", {
+								className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3",
+								children: Q.map((e) => $(e, !0))
+							})]
+						})]
 					})
 				]
 			}),
-			M === "options" && /* @__PURE__ */ S("div", {
+			A === "options" && /* @__PURE__ */ x("div", {
 				className: "space-y-6",
-				children: /* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ S("div", {
 					className: "border-2 border-border/50 rounded-xl p-6 space-y-5",
 					children: [
-						/* @__PURE__ */ S("h2", {
+						/* @__PURE__ */ x("h2", {
 							className: "text-lg font-bold",
 							children: y("export.create.options.title", "Export Options")
 						}),
-						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+						/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 							className: "block text-sm font-semibold mb-2",
 							children: y("export.create.options.scope", "Export Scope")
-						}), /* @__PURE__ */ S("div", {
+						}), /* @__PURE__ */ x("div", {
 							className: "grid grid-cols-1 sm:grid-cols-3 gap-3",
-							children: ae.map(({ value: e, Icon: t }) => {
-								let n = e === "WORKSPACE_ADMIN" && !j || e === "ORG_ADMIN" && !oe;
-								return /* @__PURE__ */ C("button", {
+							children: w.map(({ value: e, Icon: t }) => {
+								let n = e === "WORKSPACE_ADMIN" && !k || e === "ORG_ADMIN" && !le;
+								return /* @__PURE__ */ S("button", {
 									type: "button",
-									onClick: () => !n && V(e),
+									onClick: () => !n && z(e),
 									disabled: n,
-									className: i("text-left border-2 rounded-xl p-4 transition-all duration-200", B === e ? "border-primary bg-primary/5 shadow-md" : n ? "border-border/30 opacity-50 cursor-not-allowed" : "border-border/50 hover:border-primary/30 hover:shadow-sm"),
+									className: i("text-left border-2 rounded-xl p-4 transition-all duration-200", R === e ? "border-primary bg-primary/5 shadow-md" : n ? "border-border/30 opacity-50 cursor-not-allowed" : "border-border/50 hover:border-primary/30 hover:shadow-sm"),
 									title: n ? e === "WORKSPACE_ADMIN" ? "Workspace admin access required" : "Organization admin access required" : void 0,
 									children: [
-										/* @__PURE__ */ C("div", {
+										/* @__PURE__ */ S("div", {
 											className: "flex items-center justify-between mb-2",
 											children: [
-												/* @__PURE__ */ S(t, {
+												/* @__PURE__ */ x(t, {
 													size: 18,
-													className: B === e ? "text-primary" : n ? "text-muted-foreground/50" : "text-muted-foreground"
+													className: R === e ? "text-primary" : n ? "text-muted-foreground/50" : "text-muted-foreground"
 												}),
-												B === e && /* @__PURE__ */ S(f, {
+												R === e && /* @__PURE__ */ x(f, {
 													size: 16,
 													className: "text-primary"
 												}),
-												n && /* @__PURE__ */ S(_, {
+												n && /* @__PURE__ */ x(_, {
 													size: 14,
 													className: "text-muted-foreground/50"
 												})
 											]
 										}),
-										/* @__PURE__ */ S("p", {
+										/* @__PURE__ */ x("p", {
 											className: "font-semibold text-sm",
-											children: Z(e)
+											children: J(e)
 										}),
-										/* @__PURE__ */ S("p", {
+										/* @__PURE__ */ x("p", {
 											className: "text-xs text-muted-foreground mt-1",
-											children: de(e)
+											children: he(e)
 										})
 									]
 								}, e);
 							})
 						})] }),
-						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("label", {
+						/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("label", {
 							htmlFor: "exportName",
 							className: "block text-sm font-semibold mb-2",
 							children: [
 								y("export.create.options.name", "Export Name"),
 								" ",
-								/* @__PURE__ */ S("span", {
+								/* @__PURE__ */ x("span", {
 									className: "text-status-error-text",
 									children: "*"
 								})
 							]
-						}), /* @__PURE__ */ S("input", {
+						}), /* @__PURE__ */ x("input", {
 							type: "text",
 							id: "exportName",
-							value: I,
-							onChange: (e) => L(e.target.value),
+							"aria-label": y("export.create.options.name", "Export Name"),
+							value: P,
+							onChange: (e) => F(e.target.value),
 							className: "w-full px-4 py-2.5 border-2 border-border rounded-lg bg-background focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all duration-200",
 							placeholder: y("export.create.options.namePlaceholder", "e.g., Monthly User Export")
 						})] }),
-						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+						/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 							className: "block text-sm font-semibold mb-2",
 							children: y("export.create.options.outputFormat", "Output Format")
-						}), /* @__PURE__ */ S("div", {
+						}), /* @__PURE__ */ x("div", {
 							className: "grid grid-cols-2 gap-3",
-							children: T.map((e) => {
-								let t = ie[e];
-								return /* @__PURE__ */ C("button", {
-									onClick: () => z(e),
-									className: i("flex items-center gap-3 border-2 rounded-lg p-3 transition-all duration-200", R === e ? "border-primary bg-primary/5" : "border-border/50 hover:border-primary/30"),
-									children: [/* @__PURE__ */ S(t, {
+							children: C.map((e) => {
+								let t = se[e];
+								return /* @__PURE__ */ S("button", {
+									type: "button",
+									onClick: () => L(e),
+									className: i("flex items-center gap-3 border-2 rounded-lg p-3 transition-all duration-200", I === e ? "border-primary bg-primary/5" : "border-border/50 hover:border-primary/30"),
+									children: [/* @__PURE__ */ x(t, {
 										size: 18,
-										className: R === e ? "text-primary" : "text-muted-foreground"
-									}), /* @__PURE__ */ S("span", {
+										className: I === e ? "text-primary" : "text-muted-foreground"
+									}), /* @__PURE__ */ x("span", {
 										className: "font-medium text-sm",
 										children: a(e)
 									})]
 								}, e);
 							})
 						})] }),
-						/* @__PURE__ */ C("div", { children: [
-							/* @__PURE__ */ S("label", {
+						/* @__PURE__ */ S("div", { children: [
+							/* @__PURE__ */ x("label", {
 								className: "block text-sm font-semibold mb-2",
 								children: y("export.create.options.archiveFormat", "Archive Format")
 							}),
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ x("div", {
 								className: "flex gap-3",
-								children: /* @__PURE__ */ C("div", {
+								children: /* @__PURE__ */ S("div", {
 									className: i("flex items-center gap-2 border-2 rounded-lg px-4 py-2 border-primary bg-primary/5"),
-									children: [/* @__PURE__ */ S(re, {
+									children: [/* @__PURE__ */ x(ie, {
 										size: 16,
 										className: "text-primary"
-									}), /* @__PURE__ */ S("span", {
+									}), /* @__PURE__ */ x("span", {
 										className: "font-medium text-sm",
 										children: "ZIP"
 									})]
 								})
 							}),
-							/* @__PURE__ */ S("p", {
+							/* @__PURE__ */ x("p", {
 								className: "text-xs text-muted-foreground mt-1.5",
 								children: y("export.create.options.archiveDescription", "Exports are packaged as ZIP archives.")
 							})
 						] }),
-						/* @__PURE__ */ C("div", { children: [
-							/* @__PURE__ */ S("label", {
+						/* @__PURE__ */ S("div", { children: [
+							/* @__PURE__ */ x("label", {
 								className: "block text-sm font-semibold mb-2",
-								children: /* @__PURE__ */ C("span", {
+								children: /* @__PURE__ */ S("span", {
 									className: "inline-flex items-center gap-1.5",
 									children: [
-										/* @__PURE__ */ S(ne, { size: 15 }),
+										/* @__PURE__ */ x(re, { size: 15 }),
 										y("export.create.options.dateRange", "Date Range"),
 										" ",
-										/* @__PURE__ */ S("span", {
+										/* @__PURE__ */ x("span", {
 											className: "font-normal text-muted-foreground",
 											children: y("export.create.shared.optional", "(optional)")
 										})
 									]
 								})
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ S("div", {
 								className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
-								children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+								children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 									htmlFor: "dateFrom",
 									className: "block text-xs text-muted-foreground mb-1",
 									children: y("export.create.options.dateFrom", "From")
-								}), /* @__PURE__ */ S("input", {
+								}), /* @__PURE__ */ x("input", {
 									type: "date",
 									id: "dateFrom",
-									value: W,
-									onChange: (e) => G(e.target.value),
+									"aria-label": y("export.create.options.dateFrom", "From"),
+									value: H,
+									onChange: (e) => U(e.target.value),
 									className: "w-full px-3 py-2 border-2 border-border rounded-lg bg-background focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary text-sm"
-								})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+								})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 									htmlFor: "dateTo",
 									className: "block text-xs text-muted-foreground mb-1",
 									children: y("export.create.options.dateTo", "To")
-								}), /* @__PURE__ */ S("input", {
+								}), /* @__PURE__ */ x("input", {
 									type: "date",
 									id: "dateTo",
-									value: K,
-									min: W,
-									onChange: (e) => se(e.target.value),
+									"aria-label": y("export.create.options.dateTo", "To"),
+									value: W,
+									min: H,
+									onChange: (e) => ue(e.target.value),
 									className: "w-full px-3 py-2 border-2 border-border rounded-lg bg-background focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary text-sm"
 								})] })]
 							}),
-							/* @__PURE__ */ S("p", {
+							/* @__PURE__ */ x("p", {
 								className: "text-xs text-muted-foreground mt-1.5",
 								children: y("export.create.options.dateRangeDescription", "Leave blank to export all data regardless of date.")
 							})
 						] }),
-						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("label", {
+						/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("label", {
 							className: "block text-sm font-semibold mb-2",
 							children: [
 								y("export.create.options.basedOnTemplate", "Based on Template"),
 								" ",
-								/* @__PURE__ */ S("span", {
+								/* @__PURE__ */ x("span", {
 									className: "font-normal text-muted-foreground",
 									children: y("export.create.shared.optional", "(optional)")
 								})
 							]
-						}), k.length > 0 ? /* @__PURE__ */ C("select", {
-							value: H ?? "",
-							onChange: (e) => U(e.target.value || void 0),
+						}), D.length > 0 ? /* @__PURE__ */ S("select", {
+							value: B ?? "",
+							onChange: (e) => V(e.target.value || void 0),
 							className: "w-full px-3 py-2 border-2 border-border rounded-lg bg-background focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary",
-							children: [/* @__PURE__ */ S("option", {
+							children: [/* @__PURE__ */ x("option", {
 								value: "",
 								children: y("export.create.options.noTemplate", "No template")
-							}), k.map((e) => /* @__PURE__ */ S("option", {
+							}), D.map((e) => /* @__PURE__ */ x("option", {
 								value: e.id,
 								children: e.name
 							}, e.id))]
-						}) : /* @__PURE__ */ C("p", {
+						}) : /* @__PURE__ */ S("p", {
 							className: "text-sm text-muted-foreground",
 							children: [
 								y("export.create.options.noTemplates", "No templates yet."),
 								" ",
-								/* @__PURE__ */ S("button", {
+								/* @__PURE__ */ x("button", {
 									type: "button",
 									onClick: () => m?.(d + "/templates"),
 									className: "text-primary underline-offset-2 hover:underline",
@@ -425,53 +457,53 @@ function E() {
 					]
 				})
 			}),
-			M === "review" && /* @__PURE__ */ S("div", {
+			A === "review" && /* @__PURE__ */ x("div", {
 				className: "space-y-6",
-				children: /* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ S("div", {
 					className: "border-2 border-primary/50 rounded-xl bg-primary/5 p-6 space-y-4",
-					children: [/* @__PURE__ */ C("h2", {
+					children: [/* @__PURE__ */ S("h2", {
 						className: "text-lg font-bold flex items-center gap-2",
-						children: [/* @__PURE__ */ S(f, {
+						children: [/* @__PURE__ */ x(f, {
 							size: 20,
 							className: "text-primary"
 						}), y("export.create.review.title", "Review Export")]
-					}), /* @__PURE__ */ S("dl", {
+					}), /* @__PURE__ */ x("dl", {
 						className: "space-y-3 text-sm",
 						children: [
 							{
 								label: y("export.create.review.fields.name", "Name"),
-								value: I
+								value: P
 							},
 							{
 								label: y("export.create.review.fields.scope", "Scope"),
-								value: Z(B)
+								value: J(R)
 							},
 							{
 								label: y("export.create.review.fields.entityTypes", "Entity Types"),
-								value: P.join(", ")
+								value: M.join(", ")
 							},
 							{
 								label: y("export.create.review.fields.format", "Format"),
-								value: a(R)
+								value: a(I)
 							},
 							{
 								label: y("export.create.review.fields.archive", "Archive"),
 								value: "ZIP"
 							},
-							...W || K ? [{
+							...H || W ? [{
 								label: y("export.create.review.fields.dateRange", "Date Range"),
-								value: [W || "—", K || "—"].join(" → ")
+								value: [H || "—", W || "—"].join(" → ")
 							}] : [],
-							...H ? [{
+							...B ? [{
 								label: y("export.create.review.fields.template", "Template"),
-								value: k.find((e) => e.id === H)?.name ?? H
+								value: D.find((e) => e.id === B)?.name ?? B
 							}] : []
-						].map(({ label: e, value: t }) => /* @__PURE__ */ C("div", {
+						].map(({ label: e, value: t }) => /* @__PURE__ */ S("div", {
 							className: "flex flex-col sm:flex-row sm:justify-between gap-1",
-							children: [/* @__PURE__ */ S("dt", {
+							children: [/* @__PURE__ */ x("dt", {
 								className: "text-muted-foreground",
 								children: e
-							}), /* @__PURE__ */ S("dd", {
+							}), /* @__PURE__ */ x("dd", {
 								className: "font-semibold sm:text-right break-words",
 								children: t
 							})]
@@ -479,30 +511,33 @@ function E() {
 					})]
 				})
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex flex-col sm:flex-row gap-3 pt-2",
-				children: [/* @__PURE__ */ S("button", {
-					onClick: ce,
+				children: [/* @__PURE__ */ x("button", {
+					type: "button",
+					onClick: de,
 					className: "px-6 py-3 border-2 border-border/50 rounded-lg hover:bg-accent hover:border-primary/30 transition-all duration-200 font-medium",
-					children: M === "entities" ? y("export.create.actions.cancel", "Cancel") : y("export.create.actions.back", "Back")
-				}), M === "review" ? /* @__PURE__ */ C("button", {
-					onClick: le,
-					disabled: D,
+					children: A === "entities" ? y("export.create.actions.cancel", "Cancel") : y("export.create.actions.back", "Back")
+				}), A === "review" ? /* @__PURE__ */ S("button", {
+					type: "button",
+					onClick: pe,
+					disabled: E,
 					className: "flex-1 inline-flex items-center justify-center gap-2 px-6 py-3 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-all duration-200 hover:scale-105 font-bold shadow-lg disabled:opacity-50 disabled:cursor-not-allowed",
-					children: [D ? /* @__PURE__ */ S(g, {
+					children: [E ? /* @__PURE__ */ x(g, {
 						size: 18,
 						className: "animate-spin"
-					}) : /* @__PURE__ */ S(p, { size: 18 }), y("export.create.actions.startExport", "Start Export")]
-				}) : /* @__PURE__ */ C("button", {
-					onClick: X,
+					}) : /* @__PURE__ */ x(p, { size: 18 }), y("export.create.actions.startExport", "Start Export")]
+				}) : /* @__PURE__ */ S("button", {
+					type: "button",
+					onClick: fe,
 					className: "flex-1 inline-flex items-center justify-center gap-2 px-6 py-3 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-all duration-200 hover:scale-105 font-bold shadow-lg",
-					children: [y("export.create.actions.next", "Next"), /* @__PURE__ */ S(u, { size: 18 })]
+					children: [y("export.create.actions.next", "Next"), /* @__PURE__ */ x(u, { size: 18 })]
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { E as CreateExportPage };
+export { T as CreateExportPage };
 
 //# sourceMappingURL=CreateExportPage.js.map