@burdenoff/microfe-eventfullymanaged 2026.704.6 → 2026.704.8

package/dist/eventfullymanaged/pages/modules/RegistrationPage.js

@@ -1,22 +1,23 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
 import { notify as t } from "../../lib/toast.js";
-import { useAttendeesQuery as n, useDeleteAttendeeMutation as r, useDeletePromoCodeMutation as i, useDeleteRegistrationMutation as a, usePromoCodesQuery as o, useRegistrationsQuery as s, useUpdateRegistrationMutation as c } from "../../api/eventApi.js";
-import { ActionMenu as l } from "../../components/ActionMenu.js";
-import { Pagination as u, usePagination as d } from "../../components/Pagination.js";
-import { mutationSucceeded as f } from "../../lib/mutationResult.js";
-import { useMemo as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Megaphone as g, Tag as _, TicketPlus as v, UserPlus as y, Users as b } from "lucide-react";
-import { Badge as x, Button as S, EmphasisPanel as C, GlassCard as w, GradientText as T, IllustratedEmptyState as E, NextSteps as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
+import { useAttendeesQuery as n, useDeleteAttendeeMutation as r, useDeletePromoCodeMutation as i, useDeleteRegistrationMutation as a, usePromoCodesQuery as o, useRegistrationsQuery as s, useTicketTypesQuery as c, useUpdateRegistrationMutation as l } from "../../api/eventApi.js";
+import { ActionMenu as u } from "../../components/ActionMenu.js";
+import { Pagination as d, usePagination as f } from "../../components/Pagination.js";
+import { mutationSucceeded as p } from "../../lib/mutationResult.js";
+import { formatMoney as m } from "../../lib/format.js";
+import { useMemo as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Megaphone as v, Tag as y, TicketPlus as b, UserPlus as x, Users as S } from "lucide-react";
+import { Badge as C, Button as w, EmphasisPanel as T, GlassCard as E, GradientText as D, IllustratedEmptyState as O, NextSteps as k, PagePurpose as A, ResponsiveTable as j } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/RegistrationPage.tsx
-var k = [
+var M = [
 	"PENDING",
 	"CONFIRMED",
 	"WAITLISTED",
 	"CANCELLED",
 	"CHECKED_IN"
 ];
-function A(e) {
+function N(e) {
 	switch ((e ?? "").toUpperCase()) {
 		case "CONFIRMED":
 		case "CHECKED_IN": return "default";
@@ -25,18 +26,81 @@ function A(e) {
 		default: return "secondary";
 	}
 }
-function j() {
-	let e = d({ pageSize: 10 }), { data: r, loading: i } = s({
+function P({ used: e, max: t }) {
+	if (t == null || t <= 0) return /* @__PURE__ */ _("span", {
+		className: "text-xs text-text-secondary",
+		children: [e, " used"]
+	});
+	let n = Math.min(100, Math.round(e / t * 100));
+	return /* @__PURE__ */ _("div", {
+		className: "min-w-[7rem] space-y-1",
+		children: [/* @__PURE__ */ _("div", {
+			className: "flex items-center justify-between text-xs tabular-nums text-text-secondary",
+			children: [/* @__PURE__ */ _("span", { children: [
+				e,
+				" / ",
+				t
+			] }), /* @__PURE__ */ _("span", {
+				className: "text-text-muted",
+				children: [n, "%"]
+			})]
+		}), /* @__PURE__ */ g("div", {
+			className: "h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken",
+			children: /* @__PURE__ */ g("div", {
+				className: `h-full rounded-full ${n >= 90 ? "bg-status-warning" : "bg-action-primary-bg"}`,
+				style: { width: `${n}%` }
+			})
+		})]
+	});
+}
+function F({ icon: e, title: t, count: n, loading: r, action: i, children: a }) {
+	return /* @__PURE__ */ _(E, {
+		treatment: "plain",
+		className: "border-border-seam p-5",
+		children: [/* @__PURE__ */ _("div", {
+			className: "flex items-center justify-between gap-3",
+			children: [/* @__PURE__ */ _("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ g("span", {
+					className: "flex h-9 w-9 items-center justify-center rounded-input bg-accent-wash text-action-primary",
+					children: e
+				}), /* @__PURE__ */ _("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: [r ? `Loading ${t.toLowerCase()}…` : t, !r && n != null ? /* @__PURE__ */ _("span", {
+						className: "ml-2 text-sm font-normal text-text-secondary",
+						children: [
+							"(",
+							n.toLocaleString(),
+							")"
+						]
+					}) : null]
+				})]
+			}), i]
+		}), /* @__PURE__ */ g("div", {
+			className: "mt-4",
+			children: a
+		})]
+	});
+}
+function I() {
+	let e = f({ pageSize: 10 }), { data: r, loading: i } = s({
 		limit: e.limit,
 		offset: e.offset
-	}), [o] = c(), [g] = a(), { data: _ } = n({
+	}), [o] = l(), [v] = a(), { data: y } = n({
+		limit: 200,
+		offset: 0
+	}), { data: x } = c({
 		limit: 200,
 		offset: 0
-	}), v = p(() => {
+	}), S = h(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of y?.attendees.items ?? []) t.id && t.fullName && e.set(t.id, t.fullName);
+		return e;
+	}, [y]), w = h(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of _?.attendees.items ?? []) t.id && t.fullName && e.set(t.id, t.fullName);
+		for (let t of x?.ticketTypes.items ?? []) t.id && t.name && e.set(t.id, t.name);
 		return e;
-	}, [_]), y = (e) => e ? v.get(e) ?? `Attendee ${e.slice(0, 8)}…` : null, b = p(() => r?.registrations.items ?? [], [r]), S = r?.registrations.total ?? 0, C = async (e, n) => {
+	}, [x]), T = (e) => e ? S.get(e) ?? `Attendee ${e.slice(0, 8)}…` : null, E = h(() => r?.registrations.items ?? [], [r]), D = r?.registrations.total ?? 0, k = async (e, n) => {
 		let r = await o({ variables: {
 			id: e.id,
 			input: {
@@ -49,259 +113,309 @@ function j() {
 				status: n
 			}
 		} });
-		f(r, r.data?.updateRegistration?.id, "Could not update registration") && t.success("Registration updated", `Status set to ${n}`);
-	}, T = async (e, n) => {
-		let r = await g({ variables: { id: e.id } });
+		p(r, r.data?.updateRegistration?.id, "Could not update registration") && t.success("Registration updated", `Status set to ${n}`);
+	}, A = async (e, n) => {
+		let r = await v({ variables: { id: e.id } });
 		if (r.error) throw t.error("Could not delete registration", r.error.message), r.error;
 		if (!r.data?.deleteRegistration) throw t.error("Could not delete registration", "The server did not confirm the change."), Error("delete-unconfirmed");
 		t.success("Registration deleted", n);
-	};
-	return /* @__PURE__ */ h(w, {
-		treatment: "plain",
-		className: "border-border-seam p-5",
-		children: [
-			/* @__PURE__ */ m("h2", {
-				className: "text-lg font-semibold text-text-primary",
-				children: i ? "Loading registrations…" : `Registrations (${S})`
-			}),
-			b.length === 0 && !i ? /* @__PURE__ */ m(E, {
+	}, P = (e) => T(e.attendeeId) ?? `Registration ${e.id}`;
+	return /* @__PURE__ */ _(F, {
+		icon: /* @__PURE__ */ g(b, { className: "h-4 w-4" }),
+		title: "Registrations",
+		count: D,
+		loading: i,
+		children: [/* @__PURE__ */ g(j, {
+			columns: [
+				{
+					key: "name",
+					header: "Name",
+					priority: "primary",
+					cell: (e) => /* @__PURE__ */ g("span", {
+						className: "font-medium text-text-primary",
+						children: P(e)
+					})
+				},
+				{
+					key: "ticket",
+					header: "Ticket Type",
+					mobileLabel: "Ticket",
+					cell: (e) => /* @__PURE__ */ g("span", {
+						className: "text-text-secondary",
+						children: e.ticketTypeId ? w.get(e.ticketTypeId) ?? "—" : "—"
+					})
+				},
+				{
+					key: "quantity",
+					header: "Qty",
+					mobileLabel: "Quantity",
+					priority: "secondary",
+					cell: (e) => /* @__PURE__ */ g("span", {
+						className: "tabular-nums text-text-secondary",
+						children: e.quantity
+					})
+				},
+				{
+					key: "amount",
+					header: "Amount",
+					cell: (e) => /* @__PURE__ */ g("span", {
+						className: "tabular-nums text-text-primary",
+						children: e.totalAmount ? m(Number(e.totalAmount), e.currency) : "—"
+					})
+				},
+				{
+					key: "status",
+					header: "Status",
+					priority: "primary",
+					cell: (e) => /* @__PURE__ */ g(C, {
+						variant: N(e.status),
+						children: e.status ?? "UNKNOWN"
+					})
+				}
+			],
+			data: E,
+			rowKey: (e) => e.id,
+			emptyState: i ? null : /* @__PURE__ */ g(O, {
 				illustration: "empty-data",
 				title: "No registrations yet.",
-				description: "Register your first attendee to start tracking sign-ups.",
-				className: "mt-4"
-			}) : /* @__PURE__ */ m("ul", {
-				className: "mt-4 space-y-2",
-				children: b.map((e) => {
-					let t = y(e.attendeeId) ?? `Registration ${e.id}`, n = k.filter((t) => t !== (e.status ?? "").toUpperCase()).map((t, n) => ({
+				description: "Register your first attendee to start tracking sign-ups."
+			}),
+			rowActions: (e) => {
+				let t = P(e);
+				return /* @__PURE__ */ g(u, {
+					ariaLabel: "Registration actions",
+					entityName: t,
+					deleteLabel: "Delete registration",
+					extraItems: M.filter((t) => t !== (e.status ?? "").toUpperCase()).map((t, n) => ({
 						key: t,
 						label: `Set ${t.replace("_", " ").toLowerCase()}`,
-						onSelect: () => void C(e, t),
+						onSelect: () => void k(e, t),
 						separatorBefore: n === 0
-					}));
-					return /* @__PURE__ */ h("li", {
-						className: "flex items-center justify-between gap-3 rounded-input border border-border-seam bg-bg-surface px-3 py-2",
-						children: [/* @__PURE__ */ h("div", {
-							className: "min-w-0",
-							children: [/* @__PURE__ */ m("p", {
-								className: "truncate text-sm font-medium text-text-primary",
-								children: t
-							}), /* @__PURE__ */ m("p", {
-								className: "truncate text-xs text-text-secondary",
-								children: [`Qty ${e.quantity}`, e.totalAmount ? `${e.totalAmount} ${e.currency}` : void 0].filter(Boolean).join(" • ")
-							})]
-						}), /* @__PURE__ */ h("div", {
-							className: "flex shrink-0 items-center gap-2",
-							children: [/* @__PURE__ */ m(x, {
-								variant: A(e.status),
-								children: e.status ?? "UNKNOWN"
-							}), /* @__PURE__ */ m(l, {
-								ariaLabel: "Registration actions",
-								entityName: t,
-								deleteLabel: "Delete registration",
-								extraItems: n,
-								onDelete: () => T(e, t)
-							})]
-						})]
-					}, e.id);
-				})
-			}),
-			/* @__PURE__ */ m(u, {
-				offset: e.offset,
-				limit: e.limit,
-				loadedCount: b.length,
-				total: S,
-				onPrev: e.prevPage,
-				onNext: e.nextPage,
-				itemLabel: "registrations",
-				loading: i
-			})
-		]
+					})),
+					onDelete: () => A(e, t)
+				});
+			}
+		}), /* @__PURE__ */ g(d, {
+			offset: e.offset,
+			limit: e.limit,
+			loadedCount: E.length,
+			total: D,
+			onPrev: e.prevPage,
+			onNext: e.nextPage,
+			itemLabel: "registrations",
+			loading: i
+		})]
 	});
 }
-function M() {
-	let { navigate: i } = e(), a = d({ pageSize: 10 }), { data: o, loading: s } = n({
+function L() {
+	let { navigate: i } = e(), a = f({ pageSize: 10 }), { data: o, loading: s } = n({
 		limit: a.limit,
 		offset: a.offset
-	}), [c] = r(), f = p(() => o?.attendees.items ?? [], [o]), g = o?.attendees.total ?? 0, _ = async (e) => {
+	}), [c] = r(), l = h(() => o?.attendees.items ?? [], [o]), p = o?.attendees.total ?? 0, m = async (e) => {
 		let n = await c({ variables: { id: e.id } });
 		if (n.error) throw t.error("Could not delete attendee", n.error.message), n.error;
 		if (!n.data?.deleteAttendee) throw t.error("Could not delete attendee", "The server did not confirm the change."), Error("delete-unconfirmed");
 		t.success("Attendee deleted", e.fullName);
 	};
-	return /* @__PURE__ */ h(w, {
-		treatment: "plain",
-		className: "border-border-seam p-5",
-		children: [
-			/* @__PURE__ */ h("div", {
-				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ m("h2", {
-					className: "text-lg font-semibold text-text-primary",
-					children: s ? "Loading attendees…" : `Attendees (${g})`
-				}), /* @__PURE__ */ h(S, {
-					type: "button",
-					size: "sm",
-					variant: "outline",
-					onClick: () => i("/registration/attendees/create"),
-					children: [/* @__PURE__ */ m(y, { className: "h-4 w-4" }), "Add attendee"]
-				})]
-			}),
-			f.length === 0 && !s ? /* @__PURE__ */ m(E, {
+	return /* @__PURE__ */ _(F, {
+		icon: /* @__PURE__ */ g(S, { className: "h-4 w-4" }),
+		title: "Attendees",
+		count: p,
+		loading: s,
+		action: /* @__PURE__ */ _(w, {
+			type: "button",
+			size: "sm",
+			variant: "outline",
+			onClick: () => i("/registration/attendees/create"),
+			children: [/* @__PURE__ */ g(x, { className: "h-4 w-4" }), "Add attendee"]
+		}),
+		children: [/* @__PURE__ */ g(j, {
+			columns: [
+				{
+					key: "name",
+					header: "Name",
+					priority: "primary",
+					cell: (e) => /* @__PURE__ */ g("span", {
+						className: "font-medium text-text-primary",
+						children: e.fullName
+					})
+				},
+				{
+					key: "email",
+					header: "Email",
+					priority: "primary",
+					cell: (e) => /* @__PURE__ */ g("span", {
+						className: "text-text-secondary",
+						children: e.email
+					})
+				},
+				{
+					key: "company",
+					header: "Company",
+					cell: (e) => /* @__PURE__ */ g("span", {
+						className: "text-text-secondary",
+						children: [e.company, e.role].filter(Boolean).join(" · ") || "—"
+					})
+				}
+			],
+			data: l,
+			rowKey: (e) => e.id,
+			emptyState: s ? null : /* @__PURE__ */ g(O, {
 				illustration: "empty-people",
 				title: "No attendees yet.",
-				description: "Add attendees or register one to build your guest list.",
-				className: "mt-4"
-			}) : /* @__PURE__ */ m("ul", {
-				className: "mt-4 space-y-2",
-				children: f.map((e) => /* @__PURE__ */ h("li", {
-					className: "flex items-center justify-between gap-3 rounded-input border border-border-seam bg-bg-surface px-3 py-2",
-					children: [/* @__PURE__ */ h("div", {
-						className: "min-w-0",
-						children: [/* @__PURE__ */ m("p", {
-							className: "truncate text-sm font-medium text-text-primary",
-							children: e.fullName
-						}), /* @__PURE__ */ m("p", {
-							className: "truncate text-xs text-text-secondary",
-							children: [
-								e.email,
-								e.company,
-								e.role
-							].filter(Boolean).join(" • ")
-						})]
-					}), /* @__PURE__ */ m(l, {
-						ariaLabel: `Actions for ${e.fullName}`,
-						entityName: e.fullName,
-						deleteLabel: "Delete attendee",
-						onView: () => i(`/attendees/${e.id}/profile`),
-						onEdit: () => i(`/registration/attendees/${e.id}/edit`),
-						onDelete: () => _(e)
-					})]
-				}, e.id))
+				description: "Add attendees or register one to build your guest list."
 			}),
-			/* @__PURE__ */ m(u, {
-				offset: a.offset,
-				limit: a.limit,
-				loadedCount: f.length,
-				total: g,
-				onPrev: a.prevPage,
-				onNext: a.nextPage,
-				itemLabel: "attendees",
-				loading: s
+			rowActions: (e) => /* @__PURE__ */ g(u, {
+				ariaLabel: `Actions for ${e.fullName}`,
+				entityName: e.fullName,
+				deleteLabel: "Delete attendee",
+				onView: () => i(`/attendees/${e.id}/profile`),
+				onEdit: () => i(`/registration/attendees/${e.id}/edit`),
+				onDelete: () => m(e)
 			})
-		]
+		}), /* @__PURE__ */ g(d, {
+			offset: a.offset,
+			limit: a.limit,
+			loadedCount: l.length,
+			total: p,
+			onPrev: a.prevPage,
+			onNext: a.nextPage,
+			itemLabel: "attendees",
+			loading: s
+		})]
 	});
 }
-function N() {
-	let { navigate: n } = e(), r = d({ pageSize: 10 }), { data: a, loading: s } = o({
+function R() {
+	let { navigate: n } = e(), r = f({ pageSize: 10 }), { data: a, loading: s } = o({
 		limit: r.limit,
 		offset: r.offset
-	}), [c] = i(), f = p(() => a?.promoCodes.items ?? [], [a]), g = a?.promoCodes.total ?? 0, _ = async (e) => {
+	}), [c] = i(), l = h(() => a?.promoCodes.items ?? [], [a]), p = a?.promoCodes.total ?? 0, m = async (e) => {
 		let n = await c({ variables: { id: e.id } });
 		if (n.error) throw t.error("Could not delete promo code", n.error.message), n.error;
 		t.success("Promo code deleted", e.code);
 	};
-	return /* @__PURE__ */ h(w, {
-		treatment: "plain",
-		className: "border-border-seam p-5",
-		children: [
-			/* @__PURE__ */ h("div", {
-				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ m("h2", {
-					className: "text-lg font-semibold text-text-primary",
-					children: s ? "Loading promo codes…" : `Promo Codes (${g})`
-				}), /* @__PURE__ */ h(S, {
-					type: "button",
-					size: "sm",
-					variant: "outline",
-					onClick: () => n("/registration/promo-codes/create"),
-					children: [/* @__PURE__ */ m(v, { className: "h-4 w-4" }), "New promo code"]
-				})]
-			}),
-			f.length === 0 && !s ? /* @__PURE__ */ m(E, {
+	return /* @__PURE__ */ _(F, {
+		icon: /* @__PURE__ */ g(y, { className: "h-4 w-4" }),
+		title: "Promo Codes",
+		count: p,
+		loading: s,
+		action: /* @__PURE__ */ _(w, {
+			type: "button",
+			size: "sm",
+			variant: "outline",
+			onClick: () => n("/registration/promo-codes/create"),
+			children: [/* @__PURE__ */ g(b, { className: "h-4 w-4" }), "New promo code"]
+		}),
+		children: [/* @__PURE__ */ g(j, {
+			columns: [
+				{
+					key: "code",
+					header: "Code",
+					priority: "primary",
+					cell: (e) => /* @__PURE__ */ g("span", {
+						className: "font-mono text-sm font-semibold text-text-primary",
+						children: e.code
+					})
+				},
+				{
+					key: "discount",
+					header: "Discount",
+					priority: "primary",
+					cell: (e) => /* @__PURE__ */ _("span", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ g(C, {
+							variant: "secondary",
+							children: e.discountType === "PERCENT" ? "PERCENT" : "FIXED"
+						}), /* @__PURE__ */ g("span", {
+							className: "text-sm text-text-secondary",
+							children: e.discountType === "PERCENT" ? `${e.discountValue}%` : e.discountValue
+						})]
+					})
+				},
+				{
+					key: "usage",
+					header: "Usage",
+					cell: (e) => /* @__PURE__ */ g(P, {
+						used: e.usedCount,
+						max: e.maxUses
+					})
+				},
+				{
+					key: "status",
+					header: "Status",
+					priority: "secondary",
+					cell: (e) => /* @__PURE__ */ g(C, {
+						variant: e.isActive ? "default" : "secondary",
+						children: e.isActive ? "Active" : "Inactive"
+					})
+				}
+			],
+			data: l,
+			rowKey: (e) => e.id,
+			emptyState: s ? null : /* @__PURE__ */ g(O, {
 				illustration: "empty-data",
 				title: "No promo codes yet.",
-				description: "Create a code to offer discounts and drive registrations.",
-				className: "mt-4"
-			}) : /* @__PURE__ */ m("ul", {
-				className: "mt-4 space-y-2",
-				children: f.map((e) => /* @__PURE__ */ h("li", {
-					className: "flex items-center justify-between gap-3 rounded-input border border-border-seam bg-bg-surface px-3 py-2",
-					children: [/* @__PURE__ */ h("div", {
-						className: "min-w-0",
-						children: [/* @__PURE__ */ m("p", {
-							className: "truncate text-sm font-medium text-text-primary",
-							children: e.code
-						}), /* @__PURE__ */ h("p", {
-							className: "truncate text-xs text-text-secondary",
-							children: [e.discountType === "PERCENT" ? `${e.discountValue}% off` : `${e.discountValue} off`, e.maxUses == null ? ` • ${e.usedCount} used` : ` • ${e.usedCount}/${e.maxUses} used`]
-						})]
-					}), /* @__PURE__ */ h("div", {
-						className: "flex shrink-0 items-center gap-2",
-						children: [/* @__PURE__ */ m(x, {
-							variant: e.isActive ? "default" : "secondary",
-							children: e.isActive ? "Active" : "Inactive"
-						}), /* @__PURE__ */ m(l, {
-							ariaLabel: `Actions for ${e.code}`,
-							onEdit: () => n(`/registration/promo-codes/${e.id}/edit`),
-							onDelete: () => _(e),
-							entityName: e.code
-						})]
-					})]
-				}, e.id))
+				description: "Create a code to offer discounts and drive registrations."
 			}),
-			/* @__PURE__ */ m(u, {
-				offset: r.offset,
-				limit: r.limit,
-				loadedCount: f.length,
-				total: g,
-				onPrev: r.prevPage,
-				onNext: r.nextPage,
-				itemLabel: "promo codes",
-				loading: s
+			rowActions: (e) => /* @__PURE__ */ g(u, {
+				ariaLabel: `Actions for ${e.code}`,
+				entityName: e.code,
+				onEdit: () => n(`/registration/promo-codes/${e.id}/edit`),
+				onDelete: () => m(e)
 			})
-		]
+		}), /* @__PURE__ */ g(d, {
+			offset: r.offset,
+			limit: r.limit,
+			loadedCount: l.length,
+			total: p,
+			onPrev: r.prevPage,
+			onNext: r.nextPage,
+			itemLabel: "promo codes",
+			loading: s
+		})]
 	});
 }
-function P() {
+function z() {
 	let { navigate: t } = e();
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ _("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ m(O, { children: "This is where you see who is coming. Registrations are the paid or confirmed sign-ups, attendees are the people behind them, and promo codes let you offer discounts. Register attendees, edit their details, change a registration's status, and manage discount codes — all backed by live GraphQL APIs." }),
-			/* @__PURE__ */ m(C, { children: /* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g(A, { children: "This is where you see who is coming. Registrations are the paid or confirmed sign-ups, attendees are the people behind them, and promo codes let you offer discounts. Register attendees, edit their details, change a registration's status, and manage discount codes — all backed by live GraphQL APIs." }),
+			/* @__PURE__ */ g(T, { children: /* @__PURE__ */ _("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+				children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: /* @__PURE__ */ m(T, { children: "Registration" })
-				}), /* @__PURE__ */ m("p", {
+					children: /* @__PURE__ */ g(D, { children: "Registration" })
+				}), /* @__PURE__ */ g("p", {
 					className: "mt-1 text-sm text-text-secondary",
 					children: "Track registrations, attendees, and promo codes with backend persistence."
-				})] }), /* @__PURE__ */ h("div", {
+				})] }), /* @__PURE__ */ _("div", {
 					className: "flex flex-wrap gap-2",
 					children: [
-						/* @__PURE__ */ h(S, {
+						/* @__PURE__ */ _(w, {
 							type: "button",
 							onClick: () => t("/registration/register"),
-							children: [/* @__PURE__ */ m(v, { className: "h-4 w-4" }), "Register attendee"]
+							children: [/* @__PURE__ */ g(b, { className: "h-4 w-4" }), "Register attendee"]
 						}),
-						/* @__PURE__ */ h(S, {
+						/* @__PURE__ */ _(w, {
 							type: "button",
 							variant: "outline",
 							onClick: () => t("/registration/attendees/create"),
-							children: [/* @__PURE__ */ m(y, { className: "h-4 w-4" }), "Add attendee"]
+							children: [/* @__PURE__ */ g(x, { className: "h-4 w-4" }), "Add attendee"]
 						}),
-						/* @__PURE__ */ h(S, {
+						/* @__PURE__ */ _(w, {
 							type: "button",
 							variant: "outline",
 							onClick: () => t("/registration/promo-codes/create"),
-							children: [/* @__PURE__ */ m(_, { className: "h-4 w-4" }), "New promo code"]
+							children: [/* @__PURE__ */ g(y, { className: "h-4 w-4" }), "New promo code"]
 						})
 					]
 				})]
 			}) }),
-			/* @__PURE__ */ m(j, {}),
-			/* @__PURE__ */ m(M, {}),
-			/* @__PURE__ */ m(N, {}),
-			/* @__PURE__ */ m(D, {
+			/* @__PURE__ */ g(I, {}),
+			/* @__PURE__ */ g(L, {}),
+			/* @__PURE__ */ g(R, {}),
+			/* @__PURE__ */ g(k, {
 				storageKey: "eventfullymanaged-registration",
 				title: "Grow your registrations",
 				steps: [
@@ -309,21 +423,21 @@ function P() {
 						id: "view-networking",
 						label: "Set up attendee networking",
 						description: "Turn registered attendees into connections with matchmaking.",
-						icon: /* @__PURE__ */ m(b, { className: "h-4 w-4" }),
+						icon: /* @__PURE__ */ g(S, { className: "h-4 w-4" }),
 						onClick: () => t("/networking")
 					},
 					{
 						id: "promote",
 						label: "Promote with a campaign",
 						description: "Send reminders and offers to drive more sign-ups.",
-						icon: /* @__PURE__ */ m(g, { className: "h-4 w-4" }),
+						icon: /* @__PURE__ */ g(v, { className: "h-4 w-4" }),
 						onClick: () => t("/communication")
 					},
 					{
 						id: "analyze",
 						label: "Snapshot your numbers",
 						description: "Capture an analytics snapshot to track registration trends.",
-						icon: /* @__PURE__ */ m(_, { className: "h-4 w-4" }),
+						icon: /* @__PURE__ */ g(y, { className: "h-4 w-4" }),
 						onClick: () => t("/analytics")
 					}
 				]
@@ -332,6 +446,6 @@ function P() {
 	});
 }
 //#endregion
-export { P as default };
+export { z as default };
 
 //# sourceMappingURL=RegistrationPage.js.map