@burdenoff/microfe-export 2026.525.3 → 2026.529.1

package/dist/export/pages/ExportTemplatesPage.js

@@ -1,334 +1,346 @@
 import { useExport as e } from "../providers/ExportProvider.js";
-import { useAvailableEntities as t, useCreateExportTemplate as n, useDeleteExportTemplate as r, useExportTemplates as i } from "../hooks/useExportQueries.js";
-import { cn as a } from "../utils/cn.js";
-import { getFormatDisplayName as o } from "../constants/enums.js";
-import { tWithFallback as s } from "../utils/i18n.js";
-import { EmptyState as c, PageLayout as l } from "../components/PageLayout.js";
-import { nativeImpact as u, nativeNotify as d } from "../../utils/nativeBridge.js";
-import { useMemo as f, useState as p } from "react";
-import { ChevronRight as ee, FileBox as m, Loader2 as h, Plus as g, Search as _, Sparkles as v, X as y } from "lucide-react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { useI18n as S } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useAvailableEntities as t, useCreateExportTemplate as n, useDeleteExportTemplate as r, useExportTemplates as ee } 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 { EmptyState as s, PageLayout as c } from "../components/PageLayout.js";
+import { nativeImpact as l, nativeNotify as u } from "../../utils/nativeBridge.js";
+import { useMemo as d, useState as f } from "react";
+import { ChevronRight as te, FileBox as p, Loader2 as m, Plus as h, Search as g, Sparkles as _, X as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useI18n as x } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/export/pages/ExportTemplatesPage.tsx
-var C = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
-function w() {
-	let { basePath: w = "/", navigate: T } = e(), { t: E } = S(), D = (e, t, n) => s(E, e, t, n), { data: O, isLoading: k } = i(), { deleteTemplate: A } = r(), { createTemplate: j, isPending: M } = n(), { data: N } = t(), [P, F] = p(""), [te, I] = p(!1), [L, R] = p(""), [z, B] = p(""), [V, H] = p([]), [U, W] = p("CSV"), [G, K] = p(null), [q, J] = p(null), Y = () => {
+var S = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+function C() {
+	let { basePath: C = "/", navigate: w } = e(), { t: T } = x(), E = (e, t, n) => o(T, e, t, n), { data: D, isLoading: O } = ee(), { deleteTemplate: k } = r(), { createTemplate: A, isPending: j } = n(), { data: M } = t(), [N, P] = f(""), [F, I] = f(!1), [L, R] = f(""), [z, B] = f(""), [V, H] = f([]), [U, W] = f("CSV"), [G, K] = f(null), [q, J] = f(null), Y = () => {
 		R(""), B(""), H([]), W("CSV"), K(null), I(!0);
 	}, X = async () => {
 		if (!L.trim()) {
-			K(D("export.templates.form.errors.nameRequired", "Template name is required."));
+			K(E("export.templates.form.errors.nameRequired", "Template name is required."));
 			return;
 		}
 		if (V.length === 0) {
-			K(D("export.templates.form.errors.entityRequired", "Select at least one entity type."));
+			K(E("export.templates.form.errors.entityRequired", "Select at least one entity type."));
 			return;
 		}
 		K(null);
 		try {
-			await j({
+			await A({
 				name: L.trim(),
 				description: z.trim() || void 0,
 				entityTypes: V,
 				format: U
 			}), I(!1);
 		} catch (e) {
-			K(e instanceof Error ? e.message : D("export.templates.form.errors.createFailed", "Failed to create template."));
+			K(e instanceof Error ? e.message : E("export.templates.form.errors.createFailed", "Failed to create template."));
 		}
 	}, Z = (e) => {
 		H((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, Q = f(() => {
-		if (!P) return O;
-		let e = P.toLowerCase();
-		return O.filter((t) => t.name.toLowerCase().includes(e) || t.entityTypes.some((t) => t.toLowerCase().includes(e)));
-	}, [O, P]), $ = (e) => {
-		T?.(C(w, `templates/${e}`));
+	}, Q = d(() => {
+		if (!N) return D;
+		let e = N.toLowerCase();
+		return D.filter((t) => t.name.toLowerCase().includes(e) || t.entityTypes.some((t) => t.toLowerCase().includes(e)));
+	}, [D, N]), $ = (e) => {
+		w?.(S(C, `templates/${e}`));
 	}, ne = async (e, t) => {
-		e.stopPropagation(), u("medium"), J(t);
+		e.stopPropagation(), l("medium"), J(t);
 	}, re = async () => {
 		if (q) {
 			try {
-				await A(q), d("success");
+				await k(q), u("success");
 			} catch {
-				d("error");
+				u("error");
 			}
 			J(null);
 		}
 	};
-	return /* @__PURE__ */ x(l, {
-		title: D("export.templates.title", "Export Templates"),
-		subtitle: D("export.templates.subtitle", "Reusable export configurations for common data exports"),
-		icon: /* @__PURE__ */ b(m, { size: 24 }),
-		headerActions: /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ b(c, {
+		title: E("export.templates.title", "Export Templates"),
+		subtitle: E("export.templates.subtitle", "Reusable export configurations for common data exports"),
+		icon: /* @__PURE__ */ y(p, { size: 24 }),
+		headerActions: /* @__PURE__ */ b("div", {
 			className: "flex flex-wrap items-center gap-2",
-			children: [/* @__PURE__ */ x("button", {
+			children: [/* @__PURE__ */ b("button", {
+				type: "button",
 				onClick: Y,
 				className: "inline-flex items-center gap-2 px-3 py-2 sm:px-4 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors font-medium text-sm",
-				children: [/* @__PURE__ */ b(g, { size: 16 }), D("export.templates.actions.newTemplate", "New Template")]
-			}), /* @__PURE__ */ x("button", {
-				onClick: () => T?.(C(w, "new")),
+				children: [/* @__PURE__ */ y(h, { size: 16 }), E("export.templates.actions.newTemplate", "New Template")]
+			}), /* @__PURE__ */ b("button", {
+				type: "button",
+				onClick: () => w?.(S(C, "new")),
 				className: "inline-flex items-center gap-2 px-3 py-2 sm:px-4 border-2 border-border rounded-lg hover:bg-accent transition-colors font-medium text-sm",
-				children: [/* @__PURE__ */ b(g, { size: 16 }), D("export.templates.actions.newExport", "New Export")]
+				children: [/* @__PURE__ */ y(h, { size: 16 }), E("export.templates.actions.newExport", "New Export")]
 			})]
 		}),
-		headerContent: /* @__PURE__ */ x("span", {
+		headerContent: /* @__PURE__ */ b("span", {
 			className: "inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium bg-muted text-muted-foreground",
-			children: [/* @__PURE__ */ b(v, { size: 12 }), D("export.templates.summary.available", "{count} template{suffix} available", {
+			children: [/* @__PURE__ */ y(_, { size: 12 }), E("export.templates.summary.available", "{count} template{suffix} available", {
 				count: Q.length,
 				suffix: Q.length === 1 ? "" : "s"
 			})]
 		}),
 		children: [
-			te && /* @__PURE__ */ x("div", {
+			F && /* @__PURE__ */ b("div", {
 				className: "border-2 border-primary/30 rounded-xl p-6 bg-primary/5 space-y-4",
 				children: [
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ b("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ b("h3", {
+						children: [/* @__PURE__ */ y("h3", {
 							className: "font-semibold text-lg",
-							children: D("export.templates.form.title", "New Template")
-						}), /* @__PURE__ */ b("button", {
+							children: E("export.templates.form.title", "New Template")
+						}), /* @__PURE__ */ y("button", {
+							type: "button",
 							onClick: () => I(!1),
 							className: "p-1.5 rounded-md hover:bg-accent",
-							children: /* @__PURE__ */ b(y, { size: 16 })
+							children: /* @__PURE__ */ y(v, { size: 16 })
 						})]
 					}),
-					G && /* @__PURE__ */ b("p", {
+					G && /* @__PURE__ */ y("p", {
 						className: "text-sm text-destructive bg-destructive/10 rounded-lg px-3 py-2",
 						children: G
 					}),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ b("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ x("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "space-y-1",
-							children: [/* @__PURE__ */ x("label", {
+							children: [/* @__PURE__ */ b("label", {
 								className: "text-sm font-medium",
-								children: [D("export.templates.form.fields.name", "Name"), " *"]
-							}), /* @__PURE__ */ b("input", {
+								children: [E("export.templates.form.fields.name", "Name"), " *"]
+							}), /* @__PURE__ */ y("input", {
 								type: "text",
-								placeholder: D("export.templates.form.fields.namePlaceholder", "e.g. Weekly Tags Export"),
+								"aria-label": E("export.templates.form.fields.name", "Name"),
+								placeholder: E("export.templates.form.fields.namePlaceholder", "e.g. Weekly Tags Export"),
 								value: L,
 								onChange: (e) => R(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 transition-all"
 							})]
-						}), /* @__PURE__ */ x("div", {
+						}), /* @__PURE__ */ b("div", {
 							className: "space-y-1",
-							children: [/* @__PURE__ */ x("label", {
+							children: [/* @__PURE__ */ b("label", {
 								className: "text-sm font-medium",
-								children: [D("export.templates.form.fields.format", "Format"), " *"]
-							}), /* @__PURE__ */ x("select", {
+								children: [E("export.templates.form.fields.format", "Format"), " *"]
+							}), /* @__PURE__ */ b("select", {
 								value: U,
 								onChange: (e) => W(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 transition-all",
-								children: [/* @__PURE__ */ b("option", {
+								children: [/* @__PURE__ */ y("option", {
 									value: "CSV",
 									children: "CSV"
-								}), /* @__PURE__ */ b("option", {
+								}), /* @__PURE__ */ y("option", {
 									value: "JSON",
 									children: "JSON"
 								})]
 							})]
 						})]
 					}),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ b("div", {
 						className: "space-y-1",
-						children: [/* @__PURE__ */ b("label", {
+						children: [/* @__PURE__ */ y("label", {
 							className: "text-sm font-medium",
-							children: D("export.templates.form.fields.description", "Description")
-						}), /* @__PURE__ */ b("input", {
+							children: E("export.templates.form.fields.description", "Description")
+						}), /* @__PURE__ */ y("input", {
 							type: "text",
-							placeholder: D("export.templates.form.fields.descriptionPlaceholder", "Optional description"),
+							"aria-label": E("export.templates.form.fields.description", "Description"),
+							placeholder: E("export.templates.form.fields.descriptionPlaceholder", "Optional description"),
 							value: z,
 							onChange: (e) => B(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 transition-all"
 						})]
 					}),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ b("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ x("label", {
+						children: [/* @__PURE__ */ b("label", {
 							className: "text-sm font-medium",
 							children: [
-								D("export.templates.form.fields.entityTypes", "Entity Types"),
+								E("export.templates.form.fields.entityTypes", "Entity Types"),
 								" *",
 								" ",
-								/* @__PURE__ */ b("span", {
+								/* @__PURE__ */ y("span", {
 									className: "text-muted-foreground font-normal",
-									children: D("export.templates.form.fields.entityTypesHint", "(select at least one)")
+									children: E("export.templates.form.fields.entityTypesHint", "(select at least one)")
 								})
 							]
-						}), /* @__PURE__ */ b("div", {
+						}), /* @__PURE__ */ y("div", {
 							className: "flex flex-wrap gap-2",
-							children: N.map((e) => /* @__PURE__ */ b("button", {
+							children: M.map((e) => /* @__PURE__ */ y("button", {
 								type: "button",
 								onClick: () => Z(e.entityType),
-								className: a("px-3 py-1.5 rounded-lg text-sm font-medium border-2 transition-all", V.includes(e.entityType) ? "border-primary bg-primary/10 text-primary" : "border-border bg-background hover:border-primary/50"),
+								className: i("px-3 py-1.5 rounded-lg text-sm font-medium border-2 transition-all", V.includes(e.entityType) ? "border-primary bg-primary/10 text-primary" : "border-border bg-background hover:border-primary/50"),
 								children: e.displayName
 							}, e.entityType))
 						})]
 					}),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ b("div", {
 						className: "flex gap-3 pt-2",
-						children: [/* @__PURE__ */ x("button", {
+						children: [/* @__PURE__ */ b("button", {
+							type: "button",
 							onClick: X,
-							disabled: M,
+							disabled: j,
 							className: "inline-flex items-center gap-2 px-5 py-2.5 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors font-medium disabled:opacity-50",
-							children: [M ? /* @__PURE__ */ b(h, {
+							children: [j ? /* @__PURE__ */ y(m, {
 								size: 16,
 								className: "animate-spin"
-							}) : /* @__PURE__ */ b(g, { size: 16 }), D("export.templates.form.actions.create", "Create Template")]
-						}), /* @__PURE__ */ b("button", {
+							}) : /* @__PURE__ */ y(h, { size: 16 }), E("export.templates.form.actions.create", "Create Template")]
+						}), /* @__PURE__ */ y("button", {
+							type: "button",
 							onClick: () => I(!1),
 							className: "px-5 py-2.5 border-2 border-border rounded-lg hover:bg-accent transition-colors font-medium",
-							children: D("export.templates.form.actions.cancel", "Cancel")
+							children: E("export.templates.form.actions.cancel", "Cancel")
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ b("div", {
 				className: "relative group",
 				children: [
-					/* @__PURE__ */ b(_, {
+					/* @__PURE__ */ y(g, {
 						size: 18,
 						className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground group-focus-within:text-primary transition-colors"
 					}),
-					/* @__PURE__ */ b("input", {
+					/* @__PURE__ */ y("input", {
 						type: "text",
-						placeholder: D("export.templates.search.placeholder", "Search templates..."),
-						value: P,
-						onChange: (e) => F(e.target.value),
+						"aria-label": E("export.templates.search.placeholder", "Search templates"),
+						placeholder: E("export.templates.search.placeholder", "Search templates..."),
+						value: N,
+						onChange: (e) => P(e.target.value),
 						className: "w-full pl-[3.25rem] pr-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"
 					}),
-					P && /* @__PURE__ */ b("button", {
-						onClick: () => F(""),
+					N && /* @__PURE__ */ y("button", {
+						type: "button",
+						onClick: () => P(""),
 						className: "absolute right-3 top-1/2 -translate-y-1/2 p-1 rounded-md text-muted-foreground hover:text-foreground hover:bg-accent",
-						children: /* @__PURE__ */ b(y, { size: 16 })
+						children: /* @__PURE__ */ y(v, { size: 16 })
 					})
 				]
 			}),
-			k && /* @__PURE__ */ b("div", {
+			O && /* @__PURE__ */ y("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-4",
 				children: [...[
 					,
 					,
 					,
 					,
-				]].map((e, t) => /* @__PURE__ */ x("div", {
+				]].map((e, t) => /* @__PURE__ */ b("div", {
 					className: "border-2 border-border/50 rounded-xl p-5 animate-pulse",
 					children: [
-						/* @__PURE__ */ b("div", { className: "h-5 w-40 bg-muted rounded mb-3" }),
-						/* @__PURE__ */ b("div", { className: "h-3 w-full bg-muted rounded mb-2" }),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ y("div", { className: "h-5 w-40 bg-muted rounded mb-3" }),
+						/* @__PURE__ */ y("div", { className: "h-3 w-full bg-muted rounded mb-2" }),
+						/* @__PURE__ */ b("div", {
 							className: "flex gap-2 mt-4",
-							children: [/* @__PURE__ */ b("div", { className: "h-5 w-16 bg-muted rounded-full" }), /* @__PURE__ */ b("div", { className: "h-5 w-16 bg-muted rounded-full" })]
+							children: [/* @__PURE__ */ y("div", { className: "h-5 w-16 bg-muted rounded-full" }), /* @__PURE__ */ y("div", { className: "h-5 w-16 bg-muted rounded-full" })]
 						})
 					]
 				}, t))
 			}),
-			k ? null : Q.length > 0 ? /* @__PURE__ */ b("div", {
+			O ? null : Q.length > 0 ? /* @__PURE__ */ y("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-4",
-				children: Q.map((e, t) => /* @__PURE__ */ x("div", {
+				children: Q.map((e, t) => /* @__PURE__ */ b("div", {
 					role: "button",
 					tabIndex: 0,
 					onClick: () => $(e.id),
 					onKeyDown: (t) => {
 						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), $(e.id));
 					},
-					className: a("text-left group cursor-pointer border-2 border-border/50 rounded-xl overflow-hidden", "hover:shadow-md hover:border-primary/30 transition-all duration-200", "animate-in fade-in-0 slide-in-from-bottom-2"),
+					className: i("text-left group cursor-pointer border-2 border-border/50 rounded-xl overflow-hidden", "hover:shadow-md hover:border-primary/30 transition-all duration-200", "animate-in fade-in-0 slide-in-from-bottom-2"),
 					style: { animationDelay: `${t * 50}ms` },
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ y("div", {
 						className: "p-4 border-b bg-muted/30",
-						children: /* @__PURE__ */ x("div", {
+						children: /* @__PURE__ */ b("div", {
 							className: "flex items-start justify-between",
-							children: [/* @__PURE__ */ x("div", {
+							children: [/* @__PURE__ */ b("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "p-2 rounded-lg bg-primary/10",
-									children: /* @__PURE__ */ b(m, {
+									children: /* @__PURE__ */ y(p, {
 										size: 20,
 										className: "text-primary"
 									})
-								}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
+								}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
 									className: "font-semibold",
 									children: e.name
-								}), /* @__PURE__ */ x("p", {
+								}), /* @__PURE__ */ b("p", {
 									className: "text-xs text-muted-foreground",
-									children: [o(e.format), e.isDefault && /* @__PURE__ */ b("span", {
+									children: [a(e.format), e.isDefault && /* @__PURE__ */ y("span", {
 										className: "ml-1.5 inline-flex items-center px-1.5 py-0.5 rounded text-xs bg-primary/10 text-primary font-medium",
-										children: D("export.templates.card.default", "Default")
+										children: E("export.templates.card.default", "Default")
 									})]
 								})] })]
-							}), /* @__PURE__ */ x("div", {
+							}), /* @__PURE__ */ b("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ b("button", {
+								children: [/* @__PURE__ */ y("button", {
+									type: "button",
 									onClick: (t) => ne(t, e.id),
 									className: "p-1.5 rounded-md text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors",
-									"aria-label": D("export.templates.card.deleteAriaLabel", "Delete {name}", { name: e.name }),
-									children: /* @__PURE__ */ b(y, { size: 14 })
-								}), /* @__PURE__ */ b(ee, {
+									"aria-label": E("export.templates.card.deleteAriaLabel", "Delete {name}", { name: e.name }),
+									children: /* @__PURE__ */ y(v, { size: 14 })
+								}), /* @__PURE__ */ y(te, {
 									size: 18,
 									className: "text-muted-foreground group-hover:text-primary transition-colors mt-1"
 								})]
 							})]
 						})
-					}), /* @__PURE__ */ x("div", {
+					}), /* @__PURE__ */ b("div", {
 						className: "p-4",
-						children: [e.description && /* @__PURE__ */ b("p", {
+						children: [e.description && /* @__PURE__ */ y("p", {
 							className: "text-sm text-muted-foreground mb-3 line-clamp-2",
 							children: e.description
-						}), /* @__PURE__ */ x("div", {
+						}), /* @__PURE__ */ b("div", {
 							className: "flex flex-wrap gap-1.5 overflow-hidden",
-							children: [e.entityTypes.slice(0, 6).map((e) => /* @__PURE__ */ b("span", {
+							children: [e.entityTypes.slice(0, 6).map((e) => /* @__PURE__ */ y("span", {
 								className: "inline-flex px-2 py-0.5 rounded text-xs font-medium bg-muted text-muted-foreground max-w-full truncate",
 								children: e
-							}, e)), e.entityTypes.length > 6 && /* @__PURE__ */ b("span", {
+							}, e)), e.entityTypes.length > 6 && /* @__PURE__ */ y("span", {
 								className: "inline-flex px-2 py-0.5 rounded text-xs font-medium bg-muted text-muted-foreground",
-								children: D("export.templates.card.moreEntities", "+{count} more", { count: e.entityTypes.length - 6 })
+								children: E("export.templates.card.moreEntities", "+{count} more", { count: e.entityTypes.length - 6 })
 							})]
 						})]
 					})]
 				}, e.id))
-			}) : /* @__PURE__ */ b(c, {
-				icon: b(P ? _ : m, { size: 48 }),
-				title: P ? D("export.templates.empty.filtered.title", "No matching templates") : D("export.templates.empty.title", "No templates yet"),
-				description: P ? D("export.templates.empty.filtered.description", "Try adjusting your search to find what you are looking for.") : D("export.templates.empty.description", "Create a template to save reusable export configurations."),
-				action: P ? /* @__PURE__ */ x("button", {
-					onClick: () => F(""),
+			}) : /* @__PURE__ */ y(s, {
+				icon: y(N ? g : p, { size: 48 }),
+				title: N ? E("export.templates.empty.filtered.title", "No matching templates") : E("export.templates.empty.title", "No templates yet"),
+				description: N ? E("export.templates.empty.filtered.description", "Try adjusting your search to find what you are looking for.") : E("export.templates.empty.description", "Create a template to save reusable export configurations."),
+				action: N ? /* @__PURE__ */ b("button", {
+					type: "button",
+					onClick: () => P(""),
 					className: "inline-flex items-center gap-2 px-4 py-2 border-2 border-border rounded-lg hover:bg-accent transition-colors font-medium",
-					children: [/* @__PURE__ */ b(y, { size: 16 }), D("export.templates.empty.filtered.actions.clear", "Clear Search")]
-				}) : /* @__PURE__ */ x("button", {
+					children: [/* @__PURE__ */ y(v, { size: 16 }), E("export.templates.empty.filtered.actions.clear", "Clear Search")]
+				}) : /* @__PURE__ */ b("button", {
+					type: "button",
 					onClick: Y,
 					className: "inline-flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors font-medium",
-					children: [/* @__PURE__ */ b(g, { size: 16 }), D("export.templates.empty.actions.newTemplate", "New Template")]
+					children: [/* @__PURE__ */ y(h, { size: 16 }), E("export.templates.empty.actions.newTemplate", "New Template")]
 				})
 			}),
-			q && /* @__PURE__ */ b("div", {
+			q && /* @__PURE__ */ y("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": "template-list-delete-title",
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur-sm p-4",
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ b("div", {
 					className: "w-full max-w-md rounded-xl border-2 border-border bg-card p-6 shadow-xl",
 					children: [
-						/* @__PURE__ */ b("h2", {
+						/* @__PURE__ */ y("h2", {
 							id: "template-list-delete-title",
 							className: "text-lg font-bold",
-							children: D("export.templates.delete.title", "Delete template?")
+							children: E("export.templates.delete.title", "Delete template?")
 						}),
-						/* @__PURE__ */ b("p", {
+						/* @__PURE__ */ y("p", {
 							className: "mt-2 text-sm text-muted-foreground",
-							children: D("export.templates.delete.description", "This removes the saved export configuration. Existing export jobs are not deleted.")
+							children: E("export.templates.delete.description", "This removes the saved export configuration. Existing export jobs are not deleted.")
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ b("div", {
 							className: "mt-6 flex flex-col-reverse sm:flex-row sm:justify-end gap-3",
-							children: [/* @__PURE__ */ b("button", {
+							children: [/* @__PURE__ */ y("button", {
 								type: "button",
 								onClick: () => J(null),
 								className: "px-4 py-2 rounded-lg border-2 border-border hover:bg-accent transition-colors font-medium",
-								children: D("export.templates.delete.cancel", "Keep Template")
-							}), /* @__PURE__ */ b("button", {
+								children: E("export.templates.delete.cancel", "Keep Template")
+							}), /* @__PURE__ */ y("button", {
 								type: "button",
 								onClick: re,
 								className: "px-4 py-2 rounded-lg bg-destructive text-destructive-foreground hover:bg-destructive/90 transition-colors font-medium",
-								children: D("export.templates.delete.confirmAction", "Delete Template")
+								children: E("export.templates.delete.confirmAction", "Delete Template")
 							})]
 						})
 					]
@@ -338,6 +350,6 @@ function w() {
 	});
 }
 //#endregion
-export { w as ExportTemplatesPage };
+export { C as ExportTemplatesPage };
 
 //# sourceMappingURL=ExportTemplatesPage.js.map