@voxket-ai/events-sdk 1.0.1 → 1.0.2

package/dist/events-sdk.js

@@ -13,6 +13,11 @@ var g = class {
 		let n = this.getCallerInfo();
 		console.log(`%c[Widget-Log] ${n}`, "color: #0bd649; font-weight: bold;", e, ...t);
 	}
+	warn(e, ...t) {
+		if (!this.isDebug) return;
+		let n = this.getCallerInfo();
+		console.warn(`%c[Widget-Warn] ${n}`, "color: #f59e0b; font-weight: bold;", e, ...t);
+	}
 	error(e, ...t) {
 		if (!this.isDebug) return;
 		let n = this.getCallerInfo();
@@ -26,38 +31,48 @@ var g = class {
 	baseUrl;
 	slug;
 	logger;
-	constructor(e, t, n) {
-		this.baseUrl = e, this.slug = t, this.logger = n;
+	timeoutMs;
+	constructor(e, t, n, r = 12e4) {
+		this.baseUrl = e, this.slug = t, this.logger = n, this.timeoutMs = r;
 	}
 	async fetchApi(e, t = {}) {
 		let n = `${this.baseUrl}${e}`;
-		this.logger.log(`API Call: ${t.method || "GET"} ${n}`);
+		this.logger.log(`API Call: ${t.method || "GET"} ${n} (timeout: ${this.timeoutMs / 1e3}s)`);
+		let r = new AbortController(), i = setTimeout(() => r.abort(), this.timeoutMs);
+		t.signal && t.signal.addEventListener("abort", () => r.abort());
 		try {
 			let e = await fetch(n, {
 				...t,
+				signal: r.signal,
 				headers: {
 					"Content-Type": "application/json",
 					...t.headers
 				}
-			}), r = null;
+			});
+			clearTimeout(i);
+			let a = null;
 			try {
-				r = await e.json();
+				a = await e.json();
 			} catch {}
 			if (!e.ok) {
 				let e = "API Error";
-				if (r) {
-					if (typeof r.message == "string") e = r.message;
-					else if (typeof r.detail == "string") e = r.detail;
-					else if (typeof r.error == "string") e = r.error;
-					else if (typeof r == "object") {
-						let t = Object.values(r)[0];
+				if (a) {
+					if (typeof a.message == "string") e = a.message;
+					else if (typeof a.detail == "string") e = a.detail;
+					else if (typeof a.error == "string") e = a.error;
+					else if (typeof a == "object") {
+						let t = Object.values(a)[0];
 						Array.isArray(t) && typeof t[0] == "string" ? e = t[0] : typeof t == "string" && (e = t);
 					}
 				}
 				throw Error(e);
 			}
-			return r;
+			return a;
 		} catch (t) {
+			if (clearTimeout(i), t?.name === "AbortError") {
+				let t = /* @__PURE__ */ Error(`Request timed out after ${this.timeoutMs / 1e3} seconds`);
+				throw this.logger.error(`API Request timed out for ${e}`, t), t;
+			}
 			throw this.logger.error(`API Request failed for ${e}`, t), t;
 		}
 	}
@@ -114,53 +129,112 @@ var g = class {
 			headers: { Authorization: `Bearer ${e}` }
 		});
 	}
-	async portalUploadFile(e, t) {
-		let n = `${this.baseUrl}/api/portal/${this.slug}/me/upload/`;
-		this.logger.log(`API Call: POST ${n} (upload)`);
-		let r = new FormData();
-		r.append("file", t);
-		let i = await fetch(n, {
-			method: "POST",
-			headers: { Authorization: `Bearer ${e}` },
-			body: r
-		}), a = null;
-		try {
-			a = await i.json();
-		} catch {}
-		if (!i.ok) {
-			let e = a?.message || a?.error || a?.detail || "File upload failed";
-			throw Error(e);
+	async uploadFile(e, t) {
+		let n = new FormData();
+		n.append("file", e);
+		let r = t || null, i = {};
+		r && (i.Authorization = `Bearer ${r}`);
+		let a = r ? [`${this.baseUrl}/api/portal/${this.slug}/me/upload/`, `${this.baseUrl}/api/public/events/${this.slug}/upload/`] : [`${this.baseUrl}/api/public/events/${this.slug}/upload/`, `${this.baseUrl}/api/portal/${this.slug}/me/upload/`], o = null;
+		for (let e = 0; e < a.length; e++) {
+			let t = a[e];
+			this.logger.log(`API Call: POST ${t} (upload)`);
+			let r = new AbortController(), s = setTimeout(() => r.abort(), this.timeoutMs);
+			try {
+				let o = await fetch(t, {
+					method: "POST",
+					signal: r.signal,
+					headers: i,
+					body: n
+				});
+				clearTimeout(s);
+				let c = null;
+				try {
+					c = await o.json();
+				} catch {}
+				if (o.ok) return c;
+				if ((o.status === 404 || o.status === 405) && e < a.length - 1) {
+					this.logger.log(`Upload to ${t} returned ${o.status}, trying fallback endpoint...`);
+					continue;
+				}
+				let l = c?.message || c?.error || c?.detail || "File upload failed";
+				throw Error(l);
+			} catch (t) {
+				if (clearTimeout(s), o = t, e < a.length - 1 && !t?.message?.includes("timed out")) continue;
+				throw t?.name === "AbortError" ? Error(`File upload timed out after ${this.timeoutMs / 1e3} seconds`) : t;
+			}
+		}
+		throw o || /* @__PURE__ */ Error("File upload failed");
+	}
+	async deleteFile(e, t) {
+		let n = encodeURIComponent(String(e).trim()), r = t || null, i = {};
+		r && (i.Authorization = `Bearer ${r}`);
+		let a = r ? [
+			`/api/portal/${this.slug}/me/upload/${n}/`,
+			`/api/portal/${this.slug}/me/upload/${n}`,
+			`/api/public/events/${this.slug}/upload/${n}/`,
+			`/api/public/events/${this.slug}/upload/${n}`
+		] : [
+			`/api/public/events/${this.slug}/upload/${n}/`,
+			`/api/public/events/${this.slug}/upload/${n}`,
+			`/api/portal/${this.slug}/me/upload/${n}/`,
+			`/api/portal/${this.slug}/me/upload/${n}`
+		], o = null;
+		for (let e = 0; e < a.length; e++) {
+			let t = a[e];
+			this.logger.log(`API Call: DELETE ${t}`);
+			try {
+				return await this.fetchApi(t, {
+					method: "DELETE",
+					headers: i
+				});
+			} catch (t) {
+				if (o = t, (t?.message?.includes("404") || t?.message?.includes("405")) && e < a.length - 1) continue;
+				throw t;
+			}
 		}
-		return a;
+		throw o;
+	}
+	async portalUploadFile(e, t) {
+		return this.uploadFile(t, e);
+	}
+	async portalDeleteFile(e, t) {
+		return this.deleteFile(t, e);
 	}
 	async portalUpdateProfile(e, t) {
 		let n = `${this.baseUrl}/api/portal/${this.slug}/me/`;
 		this.logger.log(`API Call: PATCH ${n}`);
-		let r = await fetch(n, {
-			method: "PATCH",
-			headers: {
-				"Content-Type": "application/json",
-				Authorization: `Bearer ${e}`
-			},
-			body: JSON.stringify(t)
-		});
-		r.status === 405 && (r = await fetch(n, {
-			method: "PUT",
-			headers: {
-				"Content-Type": "application/json",
-				Authorization: `Bearer ${e}`
-			},
-			body: JSON.stringify(t)
-		}));
-		let i = null;
+		let r = new AbortController(), i = setTimeout(() => r.abort(), this.timeoutMs);
 		try {
-			i = await r.json();
-		} catch {}
-		if (!r.ok) {
-			let e = i?.message || i?.error || i?.detail || "Failed to update profile";
-			throw Error(e);
+			let a = await fetch(n, {
+				method: "PATCH",
+				signal: r.signal,
+				headers: {
+					"Content-Type": "application/json",
+					Authorization: `Bearer ${e}`
+				},
+				body: JSON.stringify(t)
+			});
+			a.status === 405 && (a = await fetch(n, {
+				method: "PUT",
+				signal: r.signal,
+				headers: {
+					"Content-Type": "application/json",
+					Authorization: `Bearer ${e}`
+				},
+				body: JSON.stringify(t)
+			})), clearTimeout(i);
+			let o = null;
+			try {
+				o = await a.json();
+			} catch {}
+			if (!a.ok) {
+				let e = o?.message || o?.error || o?.detail || "Failed to update profile";
+				throw Error(e);
+			}
+			return o;
+		} catch (e) {
+			throw clearTimeout(i), e?.name === "AbortError" ? Error(`Profile update timed out after ${this.timeoutMs / 1e3} seconds`) : e;
 		}
-		return i;
 	}
 }, v = class {
 	prefix;
@@ -385,7 +459,7 @@ var R = M(L), z = {
 	aliases: ["check-circle"]
 };
 z.node;
-var B = M(z), V = {
+var ee = M(z), B = {
 	name: "credit-card",
 	size: 24,
 	node: [
@@ -410,8 +484,8 @@ var B = M(z), V = {
 		}]
 	]
 };
-V.node;
-var ee = M(V), H = {
+B.node;
+var te = M(B), V = {
 	name: "external-link",
 	size: 24,
 	node: [
@@ -429,8 +503,8 @@ var ee = M(V), H = {
 		}]
 	]
 };
-H.node;
-var U = M(H), W = {
+V.node;
+var ne = M(V), H = {
 	name: "file-text",
 	size: 24,
 	node: [
@@ -456,8 +530,8 @@ var U = M(H), W = {
 		}]
 	]
 };
-W.node;
-var G = M(W), K = {
+H.node;
+var U = M(H), W = {
 	name: "key",
 	size: 24,
 	node: [
@@ -477,8 +551,8 @@ var G = M(W), K = {
 		}]
 	]
 };
-K.node;
-var te = M(K), q = {
+W.node;
+var G = M(W), K = {
 	name: "lock",
 	size: 24,
 	node: [["rect", {
@@ -494,8 +568,8 @@ var te = M(K), q = {
 		key: "fwvmzm"
 	}]]
 };
-q.node;
-var ne = M(q), J = {
+K.node;
+var q = M(K), J = {
 	name: "log-out",
 	size: 24,
 	node: [
@@ -514,7 +588,7 @@ var ne = M(q), J = {
 	]
 };
 J.node;
-var re = M(J), Y = {
+var Y = M(J), X = {
 	name: "mail",
 	size: 24,
 	node: [["path", {
@@ -529,8 +603,8 @@ var re = M(J), Y = {
 		key: "izxlao"
 	}]]
 };
-Y.node;
-var ie = M(Y), ae = {
+X.node;
+var re = M(X), ie = {
 	name: "maximize-2",
 	size: 24,
 	node: [
@@ -552,8 +626,8 @@ var ie = M(Y), ae = {
 		}]
 	]
 };
-ae.node;
-var X = M(ae), oe = {
+ie.node;
+var ae = M(ie), Z = {
 	name: "minimize-2",
 	size: 24,
 	node: [
@@ -575,8 +649,39 @@ var X = M(ae), oe = {
 		}]
 	]
 };
-oe.node;
-var Z = M(oe), se = {
+Z.node;
+var oe = M(Z), Q = {
+	name: "move",
+	size: 24,
+	node: [
+		["path", {
+			d: "M12 2v20",
+			key: "t6zp3m"
+		}],
+		["path", {
+			d: "m15 19-3 3-3-3",
+			key: "11eu04"
+		}],
+		["path", {
+			d: "m19 9 3 3-3 3",
+			key: "1mg7y2"
+		}],
+		["path", {
+			d: "M2 12h20",
+			key: "9i4pu4"
+		}],
+		["path", {
+			d: "m5 9-3 3 3 3",
+			key: "j64kie"
+		}],
+		["path", {
+			d: "m9 5 3-3 3 3",
+			key: "l8vdw6"
+		}]
+	]
+};
+Q.node;
+var se = M(Q), ce = {
 	name: "package-check",
 	size: 24,
 	node: [
@@ -602,8 +707,8 @@ var Z = M(oe), se = {
 		}]
 	]
 };
-se.node;
-var ce = M(se), le = {
+ce.node;
+var le = M(ce), ue = {
 	name: "receipt",
 	size: 24,
 	node: [
@@ -621,8 +726,36 @@ var ce = M(se), le = {
 		}]
 	]
 };
-le.node;
-var ue = M(le), de = {
+ue.node;
+var de = M(ue), $ = {
+	name: "trash",
+	size: 24,
+	node: [
+		["path", {
+			d: "M10 11v6",
+			key: "nco0om"
+		}],
+		["path", {
+			d: "M14 11v6",
+			key: "outv1u"
+		}],
+		["path", {
+			d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
+			key: "miytrc"
+		}],
+		["path", {
+			d: "M3 6h18",
+			key: "d0wm0j"
+		}],
+		["path", {
+			d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
+			key: "e791ji"
+		}]
+	],
+	aliases: ["trash-2"]
+};
+$.node;
+var fe = M($), pe = {
 	name: "upload",
 	size: 24,
 	node: [
@@ -640,8 +773,8 @@ var ue = M(le), de = {
 		}]
 	]
 };
-de.node;
-var fe = M(de), pe = {
+pe.node;
+var me = M(pe), he = {
 	name: "x",
 	size: 24,
 	node: [["path", {
@@ -652,135 +785,339 @@ var fe = M(de), pe = {
 		key: "d8bk6v"
 	}]]
 };
-pe.node;
-var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode: i, isExpanded: a, onToggleExpand: o, onClose: c, onChange: l, initialValues: u }) => {
-	let [f, h] = d(u || {}), g = r?.primaryColor || "#2563eb";
+he.node;
+var ge = M(he), _e = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode: i, isExpanded: a, onToggleExpand: o, onClose: c, onChange: l, initialValues: u, isDark: f = !1, apiClient: h, storage: g, onError: _, onEvent: v }) => {
+	let [y, b] = d(u || {}), [x, S] = d(null), [C, w] = d(null), [T, E] = d({}), [D, O] = d({}), [k, A] = d(null), [j, M] = d(null), N = r?.primaryColor || "#2563eb", P = (t) => {
+		let n = e?.review_fields;
+		if (!Array.isArray(n) || n.length === 0) return !1;
+		let r = t.label ? t.label.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "") : "";
+		return n.some((e) => {
+			let i = e?.submission?.reviewer;
+			if (!(i != null && i !== "" && (typeof i != "object" || Object.keys(i).length > 0))) return !1;
+			let a = e?.id == null ? null : String(e.id), o = e?.field_id == null ? null : String(e.field_id), s = String(t.id);
+			return a && (a === s || a === r) || o && (o === s || o === r) || n.length === 1 && t.type === "file";
+		});
+	};
 	s(() => {
-		u && Object.keys(u).length > 0 && h((e) => ({
-			...u,
-			...e
-		}));
-	}, [u]);
-	let _ = (e, t) => {
-		h((n) => {
+		if (u && Object.keys(u).length > 0) {
+			b((e) => ({
+				...u,
+				...e
+			}));
+			let t = {}, n = {};
+			(e?.fields || []).forEach((e) => {
+				if (e.type === "file") {
+					let r = u[e.id];
+					r && (String(r).startsWith("http://") || String(r).startsWith("https://") ? n[e.id] = String(r) : t[e.id] = String(r));
+				}
+			}), Object.keys(t).length > 0 && E((e) => ({
+				...t,
+				...e
+			})), Object.keys(n).length > 0 && O((e) => ({
+				...n,
+				...e
+			}));
+		}
+	}, [u, e]);
+	let F = (e, t) => {
+		b((n) => {
 			let r = {
 				...n,
 				[e]: t
 			};
 			return l?.(r), r;
 		});
-	};
+	}, I = async (t, n) => {
+		if (!h) return;
+		let r = (e?.fields || []).find((e) => e.id === t);
+		if (r && P(r)) {
+			A("This field is under review and cannot be modified."), M(t);
+			return;
+		}
+		S(t), A(null), M(null);
+		let i = g?.getToken?.() || null, a = T[t];
+		try {
+			let e = await h.uploadFile(n, i), r = e?.data?.asset_id || e?.asset_id, o = e?.data?.serve_url || e?.serve_url;
+			if (!r && !o) throw Error("Upload response missing asset_id");
+			let s = String(r || o), c = String(o || "");
+			if (E((e) => ({
+				...e,
+				[t]: s
+			})), c && O((e) => ({
+				...e,
+				[t]: c
+			})), b((e) => {
+				let n = {
+					...e,
+					[t]: s
+				};
+				return l?.(n), n;
+			}), v?.("file_uploaded", {
+				fieldId: t,
+				assetId: s,
+				serveUrl: c
+			}), a && a !== s) try {
+				await h.deleteFile(a, i), v?.("file_deleted", {
+					fieldId: t,
+					assetId: a
+				});
+			} catch (e) {
+				console.warn("Failed to delete previous asset:", e);
+			}
+		} catch (e) {
+			let n = e?.message || "File upload failed. Please try again.";
+			A(n), M(t), _?.({
+				type: "file_upload_error",
+				message: n,
+				error: e
+			});
+		} finally {
+			S(null);
+		}
+	}, L = async (t) => {
+		if (!h) return;
+		let n = (e?.fields || []).find((e) => e.id === t);
+		if (n && P(n)) {
+			A("This field is under review and cannot be deleted."), M(t);
+			return;
+		}
+		let r = g?.getToken?.() || null, i = T[t] || y[t];
+		w(t), A(null), M(null);
+		try {
+			i && (await h.deleteFile(i, r), v?.("file_deleted", {
+				fieldId: t,
+				assetId: i
+			})), E((e) => {
+				let n = { ...e };
+				return delete n[t], n;
+			}), O((e) => {
+				let n = { ...e };
+				return delete n[t], n;
+			}), b((e) => {
+				let n = {
+					...e,
+					[t]: ""
+				};
+				return l?.(n), n;
+			});
+		} catch (e) {
+			let n = e?.message || "Failed to delete file. Please try again.";
+			A(n), M(t), _?.({
+				type: "file_delete_error",
+				message: n,
+				error: e
+			});
+		} finally {
+			w(null);
+		}
+	}, R = (e?.fields || []).filter((e) => e?.is_review !== !0 && e?.is_review !== "true");
 	return /* @__PURE__ */ m("div", {
-		className: "flex flex-col h-full bg-white text-gray-800 relative",
+		className: `flex flex-col h-full relative ${f ? "bg-black text-white" : "bg-white text-gray-800"}`,
 		children: [/* @__PURE__ */ m("div", {
 			className: "flex justify-between items-center p-4 shadow-sm z-10",
 			style: {
-				backgroundColor: g,
+				backgroundColor: N,
 				color: "white"
 			},
 			children: [/* @__PURE__ */ m("button", {
 				onClick: n,
-				className: "text-sm opacity-90 hover:opacity-100 transition-opacity font-bold flex items-center gap-1",
+				className: "text-sm opacity-90 hover:opacity-100 transition-opacity font-bold flex items-center gap-1 cursor-pointer",
 				children: [/* @__PURE__ */ p("span", { children: "←" }), " Back"]
-			}), i === "popup" && /* @__PURE__ */ m("div", {
-				className: "flex items-center gap-4",
-				children: [/* @__PURE__ */ p("button", {
-					onClick: o,
-					className: "opacity-80 hover:opacity-100 transition-opacity",
-					title: a ? "Minimize" : "Expand",
-					children: p(a ? Z : X, { size: 18 })
-				}), /* @__PURE__ */ p("button", {
-					onClick: c,
-					className: "opacity-80 hover:opacity-100 transition-opacity",
-					children: /* @__PURE__ */ p(Q, { size: 22 })
-				})]
+			}), /* @__PURE__ */ p("div", {
+				className: "flex items-center gap-3",
+				children: i === "popup" && /* @__PURE__ */ m("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ p("button", {
+						onClick: o,
+						className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
+						title: a ? "Minimize" : "Expand",
+						children: p(a ? oe : ae, { size: 18 })
+					}), /* @__PURE__ */ p("button", {
+						onClick: c,
+						className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
+						children: /* @__PURE__ */ p(ge, { size: 22 })
+					})]
+				})
 			})]
 		}), /* @__PURE__ */ m("form", {
 			onSubmit: (e) => {
-				e.preventDefault(), t(f);
+				e.preventDefault();
+				for (let e of R) if (e.type === "file" && e.required && !y[e.id]) {
+					A(`Please upload ${e.label || "a file"}`), M(e.id);
+					return;
+				}
+				t(y);
 			},
-			className: "p-5 overflow-y-auto flex-1 space-y-5 bg-white",
+			className: `p-5 overflow-y-auto flex-1 space-y-5 ${f ? "bg-black text-white" : "bg-white"}`,
 			children: [
 				u && Object.keys(u).length > 0 && /* @__PURE__ */ m("div", {
-					className: "bg-emerald-50 border border-emerald-200 text-emerald-800 text-xs px-3.5 py-2 rounded-lg flex items-center gap-2",
+					className: `text-xs px-3.5 py-2 rounded-lg flex items-center gap-2 border ${f ? "bg-emerald-950/60 border-emerald-800/80 text-emerald-300" : "bg-emerald-50 border-emerald-200 text-emerald-800"}`,
 					children: [/* @__PURE__ */ p("span", { children: "✨" }), /* @__PURE__ */ p("span", {
 						className: "font-medium",
 						children: "Restored your saved draft progress"
 					})]
 				}),
-				e.fields.map((e) => /* @__PURE__ */ m("div", {
-					className: `flex flex-col ${e.width === "half" ? "w-full md:w-1/2 md:inline-block md:pr-3 align-top" : "w-full"}`,
-					children: [/* @__PURE__ */ m("label", {
-						className: "text-sm font-semibold mb-1.5 text-gray-700",
-						children: [
-							e.label,
-							" ",
-							e.required && /* @__PURE__ */ p("span", {
-								style: { color: g },
-								children: "*"
-							})
-						]
-					}), e.type === "select" ? /* @__PURE__ */ m("select", {
-						required: e.required,
-						value: f[e.id] ?? "",
-						className: "border border-gray-300 rounded-md p-2.5 w-full bg-white outline-none transition-colors",
-						style: { "--tw-ring-color": g },
-						onFocus: (e) => e.target.style.borderColor = g,
-						onBlur: (e) => e.target.style.borderColor = "#d1d5db",
-						onChange: (t) => _(e.id, t.target.value),
-						children: [/* @__PURE__ */ p("option", {
-							value: "",
-							children: e.placeholder || "Select..."
-						}), e.options?.map((e) => /* @__PURE__ */ p("option", {
-							value: e,
-							children: e
-						}, e))]
-					}) : e.type === "file" ? /* @__PURE__ */ m("div", {
-						className: "flex flex-col",
-						children: [/* @__PURE__ */ p("input", {
-							type: "file",
-							required: !f[e.id] && e.required,
-							className: "border border-gray-300 rounded-md p-2 w-full outline-none bg-white",
-							onChange: (t) => _(e.id, t.target.files?.[0]?.name || "")
-						}), f[e.id] && /* @__PURE__ */ m("span", {
-							className: "text-xs text-gray-500 mt-1",
-							children: ["Saved: ", f[e.id]]
+				R.map((e) => {
+					let t = P(e);
+					return /* @__PURE__ */ m("div", {
+						className: `flex flex-col ${e.width === "half" ? "w-full md:w-1/2 md:inline-block md:pr-3 align-top" : "w-full"}`,
+						children: [/* @__PURE__ */ m("div", {
+							className: "flex items-center justify-between mb-1.5",
+							children: [/* @__PURE__ */ m("label", {
+								className: `text-sm font-semibold ${f ? "text-zinc-200" : "text-gray-700"}`,
+								children: [
+									e.label,
+									" ",
+									e.required && /* @__PURE__ */ p("span", {
+										style: { color: N },
+										children: "*"
+									})
+								]
+							}), t && /* @__PURE__ */ m("span", {
+								className: `flex items-center gap-1 text-2xs font-medium px-1.5 py-0.5 rounded ${f ? "text-amber-400 bg-amber-950/60 border border-amber-900/50" : "text-amber-700 bg-amber-50 border border-amber-200"}`,
+								children: [/* @__PURE__ */ p(q, { size: 10 }), " Under Review"]
+							})]
+						}), e.type === "select" ? /* @__PURE__ */ m("select", {
+							disabled: t,
+							required: e.required,
+							value: y[e.id] ?? "",
+							className: `border rounded-md p-2.5 w-full outline-none transition-colors ${t ? f ? "bg-zinc-800 text-zinc-500 border-zinc-700 cursor-not-allowed" : "bg-gray-100 text-gray-500 border-gray-200 cursor-not-allowed" : f ? "bg-zinc-900 border-zinc-700 text-white" : "bg-white border-gray-300 text-gray-900"}`,
+							style: { "--tw-ring-color": N },
+							onFocus: (e) => {
+								t || (e.target.style.borderColor = N);
+							},
+							onBlur: (e) => {
+								t || (e.target.style.borderColor = f ? "#3f3f46" : "#d1d5db");
+							},
+							onChange: (t) => F(e.id, t.target.value),
+							children: [/* @__PURE__ */ p("option", {
+								value: "",
+								className: f ? "bg-zinc-900 text-white" : "",
+								children: e.placeholder || "Select..."
+							}), e.options?.map((e) => /* @__PURE__ */ p("option", {
+								value: e,
+								className: f ? "bg-zinc-900 text-white" : "",
+								children: e
+							}, e))]
+						}) : e.type === "file" ? /* @__PURE__ */ m("div", {
+							className: "flex flex-col space-y-2",
+							children: [
+								/* @__PURE__ */ m("div", {
+									className: "flex items-center gap-2 flex-wrap",
+									children: [
+										!t && /* @__PURE__ */ m("label", {
+											className: `border border-dashed rounded-lg p-2.5 flex items-center justify-center gap-2 cursor-pointer transition-all hover:border-solid ${f ? "bg-zinc-900/60 border-zinc-700 hover:border-zinc-500 text-zinc-300" : "bg-gray-50 border-gray-300 hover:border-gray-400 text-gray-700"} ${x === e.id ? "opacity-60 pointer-events-none" : ""}`,
+											style: { minWidth: "170px" },
+											children: [
+												/* @__PURE__ */ p("input", {
+													type: "file",
+													className: "hidden",
+													disabled: x === e.id || C === e.id,
+													onChange: (t) => {
+														let n = t.target.files?.[0];
+														n && I(e.id, n), t.target.value = "";
+													}
+												}),
+												/* @__PURE__ */ p(me, {
+													size: 14,
+													className: f ? "text-zinc-400" : "text-gray-500"
+												}),
+												/* @__PURE__ */ p("span", {
+													className: "text-xs font-medium",
+													children: x === e.id ? "Uploading..." : "Choose File to Upload"
+												})
+											]
+										}),
+										(D[e.id] || y[e.id] && String(y[e.id]).startsWith("http")) && /* @__PURE__ */ m("button", {
+											type: "button",
+											onClick: () => {
+												let t = D[e.id] || y[e.id];
+												t && typeof t == "string" && window.open(t, "_blank", "noopener,noreferrer");
+											},
+											style: { backgroundColor: N },
+											className: "text-white text-xs font-semibold px-3 py-2 rounded-lg flex items-center gap-1.5 shadow-sm hover:opacity-90 transition-opacity shrink-0 cursor-pointer",
+											children: [
+												/* @__PURE__ */ p(U, { size: 13 }),
+												/* @__PURE__ */ p("span", { children: "Open File" }),
+												/* @__PURE__ */ p(ne, { size: 12 })
+											]
+										}),
+										!t && (T[e.id] || D[e.id] || y[e.id]) && /* @__PURE__ */ m("button", {
+											type: "button",
+											onClick: () => L(e.id),
+											disabled: C === e.id || x === e.id,
+											className: "text-red-600 bg-red-50 hover:bg-red-100 dark:bg-red-950/40 dark:text-red-400 text-xs font-semibold px-3 py-2 rounded-lg flex items-center gap-1.5 transition-colors shrink-0 cursor-pointer disabled:opacity-50",
+											title: "Delete uploaded file",
+											children: [/* @__PURE__ */ p(fe, { size: 13 }), /* @__PURE__ */ p("span", { children: C === e.id ? "Deleting..." : "Delete" })]
+										})
+									]
+								}),
+								(D[e.id] || y[e.id] && String(y[e.id]).startsWith("http")) && /* @__PURE__ */ m("div", {
+									className: "text-xs text-emerald-600 dark:text-emerald-400 mt-1 flex items-center gap-1",
+									children: [/* @__PURE__ */ p("span", { children: "✓ File attached:" }), /* @__PURE__ */ p("span", {
+										className: "truncate max-w-xs",
+										children: D[e.id] || y[e.id]
+									})]
+								}),
+								k && j === e.id && /* @__PURE__ */ p("div", {
+									className: "text-xs text-red-500 mt-1",
+									children: k
+								})
+							]
+						}) : /* @__PURE__ */ p("input", {
+							type: e.type === "email" ? "email" : "text",
+							disabled: t,
+							required: e.required,
+							value: y[e.id] ?? "",
+							placeholder: e.placeholder,
+							className: `border rounded-md p-2.5 w-full outline-none transition-colors ${t ? f ? "bg-zinc-800 text-zinc-500 border-zinc-700 cursor-not-allowed" : "bg-gray-100 text-gray-500 border-gray-200 cursor-not-allowed" : f ? "bg-zinc-900 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-gray-300 text-gray-900"}`,
+							onFocus: (e) => {
+								t || (e.target.style.borderColor = N);
+							},
+							onBlur: (e) => {
+								t || (e.target.style.borderColor = f ? "#3f3f46" : "#d1d5db");
+							},
+							onChange: (t) => F(e.id, t.target.value)
 						})]
-					}) : /* @__PURE__ */ p("input", {
-						type: e.type === "email" ? "email" : "text",
-						required: e.required,
-						value: f[e.id] ?? "",
-						placeholder: e.placeholder,
-						className: "border border-gray-300 rounded-md p-2.5 w-full outline-none transition-colors bg-white",
-						onFocus: (e) => e.target.style.borderColor = g,
-						onBlur: (e) => e.target.style.borderColor = "#d1d5db",
-						onChange: (t) => _(e.id, t.target.value)
-					})]
-				}, e.id)),
+					}, e.id);
+				}),
 				/* @__PURE__ */ p("div", {
 					className: "pt-6 pb-2",
 					children: /* @__PURE__ */ p("button", {
 						type: "submit",
-						style: { backgroundColor: g },
-						className: "w-full text-white font-bold py-3.5 rounded-md hover:opacity-90 transition-opacity shadow-md",
+						style: { backgroundColor: N },
+						className: "w-full text-white font-bold py-3.5 rounded-md hover:opacity-90 transition-opacity shadow-md cursor-pointer",
 						children: "Complete Registration"
 					})
 				})
 			]
 		})]
 	});
-}, he = ({ apiClient: e, storage: t, logger: n, primaryColor: r, onEvent: i }) => {
-	let [a, o] = d("login"), [c, l] = d(!1), [u, h] = d(!1), [g, _] = d(null), [v, y] = d(null), [b, x] = d(null), [S, C] = d(""), [w, T] = d(""), [E, D] = d(""), [O, k] = d(""), [A, j] = d(""), [M, N] = d(""), [F, L] = d(""), [z, V] = d(!1), [H, W] = d(null), [K, q] = d({}), [J, Y] = d([]), [ae, X] = d({}), [oe, Z] = d(null), [se, le] = d(null), [de, pe] = d(!1);
+};
+//#endregion
+//#region src/widget/utils/formUtils.ts
+function ve(e, t) {
+	if (!e) return "";
+	if (/^field_\d+/i.test(e) && t && typeof t == "string") {
+		let e = t.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
+		if (e) return e;
+	}
+	return e;
+}
+//#endregion
+//#region src/widget/components/AttendeePortal.tsx
+var ye = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1, onEvent: a, onError: o }) => {
+	let [c, l] = d("login"), [u, h] = d(!1), [g, _] = d(!1), [v, y] = d(null), [b, x] = d(null), [S, C] = d(null), [w, T] = d(""), [E, D] = d(""), [O, k] = d(""), [A, j] = d(""), [M, N] = d(""), [F, L] = d(""), [z, B] = d(""), [V, H] = d(!1), [W, K] = d(null), [J, X] = d({}), [ie, ae] = d([]), [Z, oe] = d({}), [Q, se] = d(null), [ce, ue] = d(null), [$, pe] = d(null), [he, ge] = d(!1);
 	s(() => {
 		let e = t.getToken();
-		e && Q(e);
+		e && _e(e);
 	}, []);
-	let Q = async (r) => {
-		l(!0), y(null);
+	let _e = async (r) => {
+		h(!0), x(null);
 		try {
-			let a = await e.portalGetProfile(r), s = a?.data || a || {};
-			W(s);
-			let c = s.registration || {}, l = c.custom_data || {}, u = c.email || s.email || "", d = null;
+			let i = await e.portalGetProfile(r), o = i?.data || i || {};
+			K(o);
+			let s = o.registration || {}, c = s.custom_data || {}, u = s.email || o.email || "", d = null;
 			if (u) try {
 				let t = await e.getDraftByEmail(u);
 				d = t?.data || t, n.log("Portal resume draft data loaded by email:", d);
@@ -795,302 +1132,407 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 				} catch {}
 			}
 			let f = d?.custom_data || {};
-			c.name ? D(c.name) : d?.name ? D(d.name) : s.name && D(s.name);
-			let p = 0, m = {}, h = s.editable_fields || [];
-			h.length > 0 ? h.forEach((e) => {
-				let t = "";
-				if (c[e.id] !== void 0 && c[e.id] !== null && c[e.id] !== "" ? t = c[e.id] : l[e.id] !== void 0 && l[e.id] !== null && l[e.id] !== "" && (t = l[e.id]), d) {
-					let n = d[e.id] ?? f[e.id] ?? (e.id === "salutation" ? d.salutation || d.title : void 0) ?? (e.id === "name" ? d.name || d.fullName || d.full_name : void 0) ?? (e.id === "email" ? d.email : void 0) ?? (e.id === "phone" ? d.phone || d.mobile || d.phoneNumber : void 0);
-					n != null && n !== "" && (t = n, p++);
+			s.name ? k(s.name) : d?.name ? k(d.name) : o.name && k(o.name);
+			let p = 0, m = {}, h = (o.editable_fields || []).filter((e) => e?.is_review !== !0 && e?.is_review !== "true"), g = {};
+			s.asset_id && (g.asset_id = String(s.asset_id)), s.photo_id && (g.photo_id = String(s.photo_id)), c.asset_id && (g.asset_id = String(c.asset_id)), c.photo_id && (g.photo_id = String(c.photo_id)), o.asset_id && (g.asset_id = String(o.asset_id)), h.forEach((e) => {
+				if (e.type === "file") {
+					let t = s[`${e.id}_asset_id`] || c[`${e.id}_asset_id`] || s.asset_id || c.asset_id || o.asset_id;
+					t && (g[e.id] = String(t));
 				}
-				m[e.id] = t;
-			}) : Object.entries(s).forEach(([e, t]) => {
+			}), oe((e) => ({
+				...g,
+				...e
+			}));
+			let _ = s.asset_id || s.photo_id || c.asset_id || c.photo_id || o.asset_id;
+			_ && se(String(_)), h.length > 0 ? h.forEach((e) => {
+				let t = ve(e.id, e.label), n = "";
+				if (s[t] !== void 0 && s[t] !== null && s[t] !== "" ? n = s[t] : s[e.id] !== void 0 && s[e.id] !== null && s[e.id] !== "" ? n = s[e.id] : c[t] !== void 0 && c[t] !== null && c[t] !== "" ? n = c[t] : c[e.id] !== void 0 && c[e.id] !== null && c[e.id] !== "" && (n = c[e.id]), d) {
+					let r = d[t] ?? d[e.id] ?? f[t] ?? f[e.id] ?? (e.id === "salutation" ? d.salutation || d.title : void 0) ?? (e.id === "name" ? d.name || d.fullName || d.full_name : void 0) ?? (e.id === "email" ? d.email : void 0) ?? (e.id === "phone" ? d.phone || d.mobile || d.phoneNumber : void 0);
+					r != null && r !== "" && (n = r, p++);
+				}
+				m[e.id] = n;
+			}) : Object.entries(o).forEach(([e, t]) => {
 				e.toLowerCase() !== "token" && (m[e] = t);
-			}), q(m), p > 0 && pe(!0);
-			let g = (s.addons?.items || []).filter((e) => e.purchased).map((e) => e.name);
+			}), X(m), p > 0 && ge(!0);
+			let v = (o.addons?.items || []).filter((e) => e.purchased).map((e) => e.name);
 			d?.selected_items && Array.isArray(d.selected_items) && d.selected_items.forEach((e) => {
 				let t = typeof e == "string" ? e : e?.name;
-				t && !g.includes(t) && g.push(t);
-			}), Y(g), o("profile"), i?.("attendee_profile_loaded", {
-				profile: s,
+				t && !v.includes(t) && v.push(t);
+			}), ae(v), l("profile"), a?.("attendee_profile_loaded", {
+				profile: o,
 				draft: d
 			});
 		} catch (e) {
-			n.error("Failed to load profile", e), t.clearToken(), o("login");
+			n.error("Failed to load profile", e), t.clearToken(), l("login");
 		} finally {
-			l(!1);
+			h(!1);
 		}
-	}, me = async (r) => {
-		if (r.preventDefault(), !S.trim() || !w) {
-			y("Please enter both your identifier and password.");
+	}, ye = async (r) => {
+		if (r.preventDefault(), !w.trim() || !E) {
+			x("Please enter both your identifier and password.");
 			return;
 		}
-		l(!0), y(null), x(null);
+		h(!0), x(null), C(null);
 		try {
 			let n = await e.portalLogin({
-				identifier: S.trim(),
-				password: w
+				identifier: w.trim(),
+				password: E
 			}), r = n?.data?.token || n?.token;
 			if (!r) throw Error(n?.message || "No authentication token received.");
-			(n?.data?.name || n?.name) && D(n.data?.name || n.name), t.setToken(r), i?.("attendee_logged_in", {
-				identifier: S,
+			(n?.data?.name || n?.name) && k(n.data?.name || n.name), t.setToken(r), a?.("attendee_logged_in", {
+				identifier: w,
 				response: n
-			}), await Q(r);
+			}), await _e(r);
 		} catch (e) {
-			n.error("Login failed", e), y(e.message || "Login failed. Please check your credentials.");
+			n.error("Login failed", e);
+			let t = e.message || "Login failed. Please check your credentials.";
+			x(t), o?.({
+				type: "login_error",
+				message: t,
+				error: e
+			});
 		} finally {
-			l(!1);
+			h(!1);
 		}
-	}, he = async () => {
-		let t = (O || S).trim();
-		if (!t) {
-			y("Please enter your registration number or email to receive a code.");
+	}, be = async (t) => {
+		t.preventDefault();
+		let r = (A || w).trim();
+		if (!r) {
+			x("Please enter your registration number or email to receive a code.");
 			return;
 		}
-		V(!0), y(null), x(null);
+		H(!0), x(null), C(null);
 		try {
-			await e.portalRequestPasswordReset(t), x("A verification code has been sent to your registered email."), i?.("password_reset_code_requested", { identifier: t });
+			await e.portalRequestPasswordReset(r), C("A verification code has been sent to your registered email."), a?.("password_reset_code_requested", { identifier: r }), l("reset");
 		} catch (e) {
-			n.error("Failed to send reset code", e), y(e.message || "Failed to send code. Please verify your identifier.");
+			n.error("Failed to send reset code", e);
+			let t = e.message || "Failed to send code. Please verify your identifier.";
+			x(t), o?.({
+				type: "portal_error",
+				message: t,
+				error: e
+			});
 		} finally {
-			V(!1);
+			H(!1);
 		}
-	}, ge = async (r) => {
+	}, xe = async (r) => {
 		r.preventDefault();
-		let a = (O || S).trim();
-		if (!a) {
-			y("Please enter your registration number or email.");
+		let i = (A || w).trim();
+		if (!i) {
+			x("Please enter your registration number or email.");
 			return;
 		}
-		if (!A.trim()) {
-			y("Please enter the verification code sent to your email.");
+		if (!M.trim()) {
+			x("Please enter the verification code sent to your email.");
 			return;
 		}
-		if (!M) {
-			y("Please enter a new password.");
+		if (!F) {
+			x("Please enter a new password.");
 			return;
 		}
-		if (M !== F) {
-			y("New password and confirm password do not match.");
+		if (F !== z) {
+			x("New password and confirm password do not match.");
 			return;
 		}
-		l(!0), y(null), x(null);
+		h(!0), x(null), C(null);
 		try {
 			let n = await e.portalConfirmPasswordReset({
-				identifier: a,
-				code: A.trim(),
-				new_password: M
+				identifier: i,
+				code: M.trim(),
+				new_password: F
 			}), r = n?.data?.token || n?.token;
-			(n?.data?.name || n?.name) && D(n.data?.name || n.name), i?.("password_reset_success", {
-				identifier: a,
+			(n?.data?.name || n?.name) && k(n.data?.name || n.name), a?.("password_reset_success", {
+				identifier: i,
 				response: n
-			}), r ? (t.setToken(r), j(""), N(""), L(""), await Q(r)) : (C(a), T(""), j(""), N(""), L(""), o("login"), x("Password updated successfully! Please login with your new password."));
+			}), r ? (t.setToken(r), N(""), L(""), B(""), await _e(r)) : (T(i), D(""), N(""), L(""), B(""), l("login"), C("Password updated successfully! Please login with your new password."));
 		} catch (e) {
-			n.error("Password reset failed", e), y(e.message || "Failed to update password. Please check the code.");
+			n.error("Password reset failed", e);
+			let t = e.message || "Failed to update password. Please check the code.";
+			x(t), o?.({
+				type: "portal_error",
+				message: t,
+				error: e
+			});
 		} finally {
-			l(!1);
+			h(!1);
+		}
+	}, Se = () => {
+		t.clearToken(), K(null), X({}), ae([]), oe({}), se(null), pe(null), k(""), D(""), l("login"), C("Logged out successfully."), a?.("attendee_logged_out", {});
+	}, Ce = (e) => {
+		let t = W?.review_fields;
+		if (!Array.isArray(t) || t.length === 0) return !1;
+		let n = ve(e.id, e.label);
+		return t.some((r) => {
+			let i = r?.submission?.reviewer;
+			if (!(i != null && i !== "" && (typeof i != "object" || Object.keys(i).length > 0))) return !1;
+			let a = r?.id == null ? null : String(r.id), o = r?.field_id == null ? null : String(r.field_id), s = r?.field == null ? null : String(r.field), c = r?.name == null ? null : String(r.name), l = r?.key == null ? null : String(r.key), u = r?.submission?.field_id == null ? null : String(r.submission.field_id), d = r?.submission?.field == null ? null : String(r.submission.field), f = String(e.id), p = e.label ? String(e.label).toLowerCase().trim() : "", m = r?.label ? String(r.label).toLowerCase().trim() : "";
+			return !!(a && (a === f || a === n) || o && (o === f || o === n) || s && (s === f || s === n) || c && (c === f || c === n) || l && (l === f || l === n) || u && (u === f || u === n) || d && (d === f || d === n) || p && m && p === m || t.length === 1 && e.type === "file");
+		});
+	}, we = async (r, i) => {
+		let s = t.getToken();
+		if (!s) {
+			x("Session expired. Please log in again.");
+			return;
 		}
-	}, _e = () => {
-		t.clearToken(), W(null), q({}), Y([]), X({}), Z(null), le(null), D(""), T(""), o("login"), x("Logged out successfully."), i?.("attendee_logged_out", {});
-	}, ve = async (r, a) => {
-		let o = t.getToken();
-		if (!o) {
-			y("Session expired. Please log in again.");
+		let c = (W?.editable_fields || []).find((e) => e.id === r);
+		if (c && Ce(c)) {
+			x("This field is under review and cannot be modified.");
 			return;
 		}
-		_(r), y(null), x(null);
+		y(r), x(null), C(null);
+		let l = Z[r] || Q;
 		try {
-			let t = await e.portalUploadFile(o, a), n = t?.data?.serve_url || t?.serve_url, s = t?.data?.asset_id || t?.asset_id;
-			if (!n) throw Error("No file URL returned from upload.");
-			q((e) => ({
+			let t = await e.portalUploadFile(s, i), o = t?.data?.serve_url || t?.serve_url, c = t?.data?.asset_id || t?.asset_id;
+			if (!o) throw Error("No file URL returned from upload.");
+			if (X((e) => ({
 				...e,
-				[r]: n
-			})), s && (X((e) => ({
+				[r]: o
+			})), c && (oe((e) => ({
 				...e,
-				[r]: s
-			})), Z(s)), x(`File "${a.name}" uploaded successfully!`), i?.("portal_file_uploaded", {
+				[r]: String(c)
+			})), se(String(c))), l && String(l) !== String(c)) try {
+				n.log(`Deleting previous asset: ${l}`), await e.portalDeleteFile(s, l), n.log(`Previous asset ${l} deleted successfully.`), a?.("portal_file_deleted", {
+					assetId: l,
+					fieldId: r
+				});
+			} catch (e) {
+				n.warn(`Could not delete previous asset ${l}:`, e);
+			}
+			C(`File "${i.name}" uploaded successfully!`), a?.("portal_file_uploaded", {
 				fieldId: r,
-				serveUrl: n,
-				assetId: s
+				serveUrl: o,
+				assetId: c
 			});
 		} catch (e) {
-			n.error("File upload failed", e), y(e.message || "File upload failed. Please try again.");
+			n.error("File upload failed", e);
+			let t = e.message || "File upload failed. Please try again.";
+			x(t), o?.({
+				type: "file_upload_error",
+				message: t,
+				error: e
+			});
 		} finally {
-			_(null);
+			y(null);
 		}
-	}, $ = (e, t) => {
-		t || Y((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, ye = async (r) => {
+	}, Te = async (r) => {
+		let i = t.getToken();
+		if (!i) {
+			x("Session expired. Please log in again.");
+			return;
+		}
+		let s = (W?.editable_fields || []).find((e) => e.id === r);
+		if (s && Ce(s)) {
+			x("This field is under review and cannot be deleted.");
+			return;
+		}
+		let c = Z[r] || Q;
+		ue(r), x(null), C(null);
+		try {
+			c && (n.log(`Deleting asset ${c} for field ${r}...`), await e.portalDeleteFile(i, c), n.log(`Asset ${c} deleted successfully.`), a?.("portal_file_deleted", {
+				assetId: c,
+				fieldId: r
+			})), X((e) => ({
+				...e,
+				[r]: ""
+			})), oe((e) => {
+				let t = { ...e };
+				return delete t[r], t;
+			}), Q === c && se(null), C("File removed successfully.");
+		} catch (e) {
+			n.error("Failed to delete file", e);
+			let t = e.message || "Failed to delete file. Please try again.";
+			x(t), o?.({
+				type: "file_delete_error",
+				message: t,
+				error: e
+			});
+		} finally {
+			ue(null);
+		}
+	}, Ee = (e, t) => {
+		t || ae((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, De = async (r) => {
 		r.preventDefault();
-		let a = t.getToken();
-		if (!a) {
-			y("Session expired. Please log in again.");
+		let i = t.getToken();
+		if (!i) {
+			x("Session expired. Please log in again.");
 			return;
 		}
-		h(!0), y(null), x(null);
+		_(!0), x(null), C(null);
 		try {
-			let t = H?.editable_fields || [], n = { ...H?.registration?.custom_data || {} }, r = {};
+			let t = (W?.editable_fields || []).filter((e) => e?.is_review !== !0 && e?.is_review !== "true"), n = { ...W?.registration?.custom_data || {} }, r = {};
 			t.forEach((e) => {
-				let t = K[e.id];
-				e.builtin || (n[e.id] = t), r[e.id] = t;
-			}), r.custom_data = n, r.addons = J;
-			let o = oe || Object.values(ae)[0];
+				let t = J[e.id];
+				if (e.type === "file") {
+					let n = Z[e.id] || Q;
+					n && (t = n);
+				}
+				let i = ve(e.id, e.label);
+				e.builtin ? (r[i] = t, i !== e.id && (r[e.id] = t)) : (n[i] = t, r[i] = t, i !== e.id && (n[e.id] = t, r[e.id] = t));
+			}), r.custom_data = n, r.addons = ie;
+			let o = Q || Object.values(Z)[0];
 			o && (r.asset_id = o, r.photo_id = o);
-			let s = await e.portalUpdateProfile(a, r);
-			i?.("attendee_profile_updated", {
+			let s = await e.portalUpdateProfile(i, r);
+			a?.("attendee_profile_updated", {
 				payload: r,
 				response: s
 			});
 			let c = s?.data?.addon_checkout?.payment_url || s?.addon_checkout?.payment_url || s?.data?.payment_url || s?.payment_url;
 			if (c && typeof c == "string" && c.trim() !== "") {
-				le(c), x("Add-ons updated! Opening payment page in a new tab..."), i?.("addon_payment_opened", { payment_url: c }), window.open(c, "_blank", "noopener,noreferrer"), await Q(a);
+				pe(c), C("Add-ons updated! Opening payment page in a new tab..."), a?.("addon_payment_opened", { payment_url: c }), window.open(c, "_blank", "noopener,noreferrer"), await _e(i);
 				return;
 			}
-			x("Profile updated successfully!"), await Q(a);
+			C("Profile updated successfully!"), await _e(i);
 		} catch (e) {
-			n.error("Failed to update profile", e), y(e.message || "Failed to update profile. Please try again.");
+			n.error("Failed to update profile", e);
+			let t = e.message || "Failed to update profile. Please try again.";
+			x(t), o?.({
+				type: "profile_update_error",
+				message: t,
+				error: e
+			});
 		} finally {
-			h(!1);
+			_(!1);
 		}
 	};
-	if (a === "profile") {
-		let e = H?.registration || {}, t = H?.editable_fields || [], n = H?.locked_fields || [], i = H?.payment || {}, a = H?.addons?.items || [];
+	if (c === "profile") {
+		let e = W?.registration || {}, t = (W?.editable_fields || []).filter((e) => e?.is_review !== !0 && e?.is_review !== "true"), n = W?.locked_fields || [], a = W?.payment || {}, o = W?.addons?.items || [];
 		return /* @__PURE__ */ m("div", {
-			className: "flex flex-col h-full bg-gray-50 overflow-hidden",
+			className: `flex flex-col h-full overflow-hidden ${i ? "bg-black text-white" : "bg-gray-50 text-gray-900"}`,
 			children: [/* @__PURE__ */ m("div", {
-				className: "p-4 bg-white border-b border-gray-200 flex justify-between items-center shadow-xs shrink-0",
+				className: `p-4 border-b flex justify-between items-center shadow-xs shrink-0 ${i ? "bg-black border-zinc-800" : "bg-white border-gray-200"}`,
 				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
-					className: "font-bold text-gray-900 text-base",
-					children: E || "Attendee Profile"
+					className: `font-bold text-base ${i ? "text-white" : "text-gray-900"}`,
+					children: O || "Attendee Profile"
 				}), /* @__PURE__ */ p("p", {
-					className: "text-xs text-gray-500",
+					className: `text-xs ${i ? "text-zinc-400" : "text-gray-500"}`,
 					children: e.registration_number ? `Reg #: ${e.registration_number}` : "Attendee Portal"
 				})] }), /* @__PURE__ */ m("button", {
-					onClick: _e,
-					className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-semibold text-red-600 bg-red-50 hover:bg-red-100 rounded-md transition-colors cursor-pointer",
+					onClick: Se,
+					className: `flex items-center gap-1.5 px-3 py-1.5 text-xs font-semibold rounded-md transition-colors cursor-pointer ${i ? "text-red-400 bg-red-950/50 hover:bg-red-900/50 border border-red-900/50" : "text-red-600 bg-red-50 hover:bg-red-100"}`,
 					title: "Logout",
-					children: [/* @__PURE__ */ p(re, { size: 14 }), /* @__PURE__ */ p("span", { children: "Logout" })]
+					children: [/* @__PURE__ */ p(Y, { size: 14 }), /* @__PURE__ */ p("span", { children: "Logout" })]
 				})]
 			}), /* @__PURE__ */ m("div", {
 				className: "flex-1 overflow-y-auto p-4 space-y-4",
 				children: [
-					se && /* @__PURE__ */ m("div", {
-						className: "p-3 bg-blue-50 border border-blue-200 rounded-lg flex items-center justify-between text-xs text-blue-800 shadow-2xs",
+					$ && /* @__PURE__ */ m("div", {
+						className: `p-3 border rounded-lg flex items-center justify-between text-xs shadow-2xs ${i ? "bg-blue-950/50 border-blue-800 text-blue-300" : "bg-blue-50 border-blue-200 text-blue-800"}`,
 						children: [/* @__PURE__ */ m("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ p(ee, {
+							children: [/* @__PURE__ */ p(te, {
 								size: 16,
-								className: "shrink-0 text-blue-600"
+								className: "shrink-0 text-blue-400"
 							}), /* @__PURE__ */ p("span", { children: "Payment page opened in a new tab. If not opened, click:" })]
 						}), /* @__PURE__ */ m("a", {
-							href: se,
+							href: $,
 							target: "_blank",
 							rel: "noopener noreferrer",
-							className: "flex items-center gap-1 font-bold underline text-blue-700 hover:text-blue-900 shrink-0 ml-2",
-							children: [/* @__PURE__ */ p("span", { children: "Complete Payment" }), /* @__PURE__ */ p(U, { size: 12 })]
+							className: "flex items-center gap-1 font-bold underline text-blue-400 hover:text-blue-300 shrink-0 ml-2",
+							children: [/* @__PURE__ */ p("span", { children: "Complete Payment" }), /* @__PURE__ */ p(ne, { size: 12 })]
 						})]
 					}),
-					v && /* @__PURE__ */ m("div", {
-						className: "p-3 bg-red-50 border border-red-200 rounded-lg flex items-start gap-2 text-xs text-red-700 shadow-2xs",
+					b && /* @__PURE__ */ m("div", {
+						className: `p-3 border rounded-lg flex items-start gap-2 text-xs shadow-2xs ${i ? "bg-red-950/60 border-red-900 text-red-300" : "bg-red-50 border-red-200 text-red-700"}`,
 						children: [/* @__PURE__ */ p(R, {
 							size: 16,
 							className: "shrink-0 mt-0.5"
-						}), /* @__PURE__ */ p("span", { children: v })]
+						}), /* @__PURE__ */ p("span", { children: b })]
 					}),
-					b && /* @__PURE__ */ m("div", {
-						className: "p-3 bg-green-50 border border-green-200 rounded-lg flex items-start gap-2 text-xs text-green-700 shadow-2xs",
-						children: [/* @__PURE__ */ p(B, {
+					S && /* @__PURE__ */ m("div", {
+						className: `p-3 border rounded-lg flex items-start gap-2 text-xs shadow-2xs ${i ? "bg-emerald-950/60 border-emerald-900 text-emerald-300" : "bg-green-50 border-green-200 text-green-700"}`,
+						children: [/* @__PURE__ */ p(ee, {
 							size: 16,
 							className: "shrink-0 mt-0.5"
-						}), /* @__PURE__ */ p("span", { children: b })]
+						}), /* @__PURE__ */ p("span", { children: S })]
 					}),
 					/* @__PURE__ */ m("div", {
-						className: "bg-white p-4 rounded-xl border border-gray-200 shadow-xs space-y-3",
+						className: `p-4 rounded-xl border shadow-xs space-y-3 ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200"}`,
 						children: [
 							/* @__PURE__ */ m("div", {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ p("span", {
-									className: "text-xs font-bold text-gray-400 uppercase tracking-wider",
+									className: `text-xs font-bold uppercase tracking-wider ${i ? "text-zinc-400" : "text-gray-400"}`,
 									children: "Registration Details"
 								}), e.status && /* @__PURE__ */ p("span", {
-									className: "px-2.5 py-0.5 rounded-full text-xs font-semibold bg-green-100 text-green-800 capitalize",
+									className: `px-2.5 py-0.5 rounded-full text-xs font-semibold capitalize ${i ? "bg-emerald-950/80 text-emerald-300 border border-emerald-800/80" : "bg-green-100 text-green-800"}`,
 									children: e.status
 								})]
 							}),
 							/* @__PURE__ */ m("div", {
 								className: "grid grid-cols-2 gap-3 text-xs",
 								children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
-									className: "text-gray-500 block",
+									className: `${i ? "text-zinc-400" : "text-gray-500"} block`,
 									children: "Registration No:"
 								}), /* @__PURE__ */ p("span", {
-									className: "font-bold text-gray-900 font-mono",
+									className: `font-bold font-mono ${i ? "text-white" : "text-gray-900"}`,
 									children: e.registration_number || "N/A"
 								})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
-									className: "text-gray-500 block",
+									className: `${i ? "text-zinc-400" : "text-gray-500"} block`,
 									children: "Ticket Type:"
 								}), /* @__PURE__ */ p("span", {
-									className: "font-bold text-gray-900",
+									className: `font-bold ${i ? "text-white" : "text-gray-900"}`,
 									children: e.registration_type || "N/A"
 								})] })]
 							}),
-							i && i.state && /* @__PURE__ */ m("div", {
-								className: "pt-2 border-t border-gray-100 flex items-center justify-between text-xs",
+							a && a.state && /* @__PURE__ */ m("div", {
+								className: `pt-2 border-t flex items-center justify-between text-xs ${i ? "border-zinc-800 text-zinc-300" : "border-gray-100 text-gray-700"}`,
 								children: [/* @__PURE__ */ m("div", {
-									className: "flex items-center gap-1.5 text-gray-700",
-									children: [/* @__PURE__ */ p(ue, {
+									className: "flex items-center gap-1.5",
+									children: [/* @__PURE__ */ p(de, {
 										size: 14,
-										className: "text-gray-400"
+										className: i ? "text-zinc-400" : "text-gray-400"
 									}), /* @__PURE__ */ m("span", { children: [
 										"Payment: ",
 										/* @__PURE__ */ p("strong", {
 											className: "capitalize",
-											children: i.state
+											children: a.state
 										}),
 										" (",
-										i.currency,
+										a.currency,
 										" ",
-										i.amount,
+										a.amount,
 										")"
 									] })]
-								}), i.receipt_url && /* @__PURE__ */ m("a", {
-									href: i.receipt_url,
+								}), a.receipt_url && /* @__PURE__ */ m("a", {
+									href: a.receipt_url,
 									target: "_blank",
 									rel: "noopener noreferrer",
 									className: "flex items-center gap-1 font-semibold hover:underline",
 									style: { color: r },
-									children: [/* @__PURE__ */ p("span", { children: "Receipt" }), /* @__PURE__ */ p(U, { size: 12 })]
+									children: [/* @__PURE__ */ p("span", { children: "Receipt" }), /* @__PURE__ */ p(ne, { size: 12 })]
 								})]
 							})
 						]
 					}),
 					/* @__PURE__ */ m("form", {
-						onSubmit: ye,
+						onSubmit: De,
 						className: "space-y-4",
 						children: [
 							/* @__PURE__ */ m("div", {
-								className: "bg-white p-4 rounded-xl border border-gray-200 shadow-xs space-y-4",
+								className: `p-4 rounded-xl border shadow-xs space-y-4 ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200"}`,
 								children: [/* @__PURE__ */ m("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ p("h4", {
-										className: "text-xs font-bold text-gray-400 uppercase tracking-wider",
+										className: `text-xs font-bold uppercase tracking-wider ${i ? "text-zinc-400" : "text-gray-400"}`,
 										children: "Attendee Information"
-									}), de && /* @__PURE__ */ m("span", {
-										className: "inline-flex items-center gap-1 text-2xs font-semibold px-2 py-0.5 rounded-full bg-blue-50 text-blue-700 border border-blue-200",
+									}), he && /* @__PURE__ */ m("span", {
+										className: `inline-flex items-center gap-1 text-2xs font-semibold px-2 py-0.5 rounded-full border ${i ? "bg-blue-950/60 text-blue-300 border-blue-800/80" : "bg-blue-50 text-blue-700 border-blue-200"}`,
 										children: [/* @__PURE__ */ p(I, { size: 11 }), " Initial draft choices restored"]
 									})]
 								}), t.length === 0 ? /* @__PURE__ */ p("div", {
-									className: "text-center py-6 text-gray-400 text-xs",
+									className: `text-center py-6 text-xs ${i ? "text-zinc-500" : "text-gray-400"}`,
 									children: "No editable fields configured."
 								}) : /* @__PURE__ */ p("div", {
 									className: "flex flex-wrap -mx-1.5",
 									children: t.map((e) => {
-										let t = n.includes(e.id), i = e.width === "half", a = K[e.id] ?? "";
+										let t = Ce(e), a = n.includes(e.id) || n.includes(ve(e.id, e.label)) || t, o = e.width === "half", s = J[e.id] ?? "";
 										return /* @__PURE__ */ m("div", {
-											className: `px-1.5 mb-3.5 ${i ? "w-full md:w-1/2" : "w-full"}`,
+											className: `px-1.5 mb-3.5 ${o ? "w-full md:w-1/2" : "w-full"}`,
 											children: [/* @__PURE__ */ m("div", {
 												className: "flex items-center justify-between mb-1",
 												children: [/* @__PURE__ */ m("label", {
-													className: "block text-xs font-semibold text-gray-700",
+													className: `block text-xs font-semibold ${i ? "text-zinc-200" : "text-gray-700"}`,
 													children: [
 														e.label,
 														" ",
@@ -1099,26 +1541,30 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 															children: "*"
 														})
 													]
-												}), t && /* @__PURE__ */ m("span", {
-													className: "flex items-center gap-1 text-2xs font-medium text-gray-400 bg-gray-100 px-1.5 py-0.5 rounded",
-													children: [/* @__PURE__ */ p(ne, { size: 10 }), " Locked"]
-												})]
+												}), t ? /* @__PURE__ */ m("span", {
+													className: `flex items-center gap-1 text-2xs font-medium px-1.5 py-0.5 rounded ${i ? "text-amber-400 bg-amber-950/60 border border-amber-900/50" : "text-amber-700 bg-amber-50 border border-amber-200"}`,
+													children: [/* @__PURE__ */ p(q, { size: 10 }), " Under Review"]
+												}) : a ? /* @__PURE__ */ m("span", {
+													className: `flex items-center gap-1 text-2xs font-medium px-1.5 py-0.5 rounded ${i ? "text-zinc-400 bg-zinc-800" : "text-gray-400 bg-gray-100"}`,
+													children: [/* @__PURE__ */ p(q, { size: 10 }), " Locked"]
+												}) : null]
 											}), e.type === "select" ? /* @__PURE__ */ m("select", {
-												disabled: t,
-												value: a,
-												onChange: (t) => q({
-													...K,
+												disabled: a,
+												value: s,
+												onChange: (t) => X({
+													...J,
 													[e.id]: t.target.value
 												}),
-												className: `w-full px-3 py-2 text-xs border rounded-lg focus:outline-none transition-all ${t ? "bg-gray-100 text-gray-500 border-gray-200 cursor-not-allowed" : "bg-white border-gray-300"}`,
+												className: `w-full px-3 py-2 text-xs border rounded-lg focus:outline-none transition-all ${a ? i ? "bg-zinc-800 text-zinc-500 border-zinc-700 cursor-not-allowed" : "bg-gray-100 text-gray-500 border-gray-200 cursor-not-allowed" : i ? "bg-zinc-950 text-white border-zinc-700" : "bg-white text-gray-900 border-gray-300"}`,
 												onFocus: (e) => {
-													t || (e.currentTarget.style.borderColor = r);
+													a || (e.currentTarget.style.borderColor = r);
 												},
 												onBlur: (e) => {
-													t || (e.currentTarget.style.borderColor = "#d1d5db");
+													a || (e.currentTarget.style.borderColor = i ? "#3f3f46" : "#d1d5db");
 												},
 												children: [/* @__PURE__ */ m("option", {
 													value: "",
+													className: i ? "bg-zinc-900 text-white" : "",
 													children: [
 														"Select ",
 														e.label,
@@ -1126,94 +1572,105 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 													]
 												}), (e.options || []).map((e) => /* @__PURE__ */ p("option", {
 													value: e,
+													className: i ? "bg-zinc-900 text-white" : "",
 													children: e
 												}, e))]
 											}) : e.type === "file" ? /* @__PURE__ */ m("div", {
 												className: "space-y-2",
 												children: [/* @__PURE__ */ m("div", {
 													className: "flex items-center gap-2",
-													children: [!t && /* @__PURE__ */ m("label", {
+													children: [!a && /* @__PURE__ */ m("label", {
 														className: "flex-1 cursor-pointer",
 														children: [/* @__PURE__ */ p("input", {
 															type: "file",
 															className: "sr-only",
-															disabled: g === e.id,
+															disabled: v === e.id,
 															onChange: (t) => {
 																let n = t.target.files?.[0];
-																n && ve(e.id, n);
+																n && we(e.id, n);
 															}
 														}), /* @__PURE__ */ m("div", {
-															className: "flex items-center justify-center gap-2 py-2 px-3 border border-dashed border-gray-300 hover:border-gray-400 rounded-lg text-xs font-medium text-gray-700 bg-gray-50 hover:bg-gray-100 transition-colors",
-															children: [/* @__PURE__ */ p(fe, {
+															className: `flex items-center justify-center gap-2 py-2 px-3 border border-dashed rounded-lg text-xs font-medium transition-colors ${i ? "border-zinc-700 hover:border-zinc-500 text-zinc-300 bg-zinc-950 hover:bg-zinc-800" : "border-gray-300 hover:border-gray-400 text-gray-700 bg-gray-50 hover:bg-gray-100"}`,
+															children: [/* @__PURE__ */ p(me, {
 																size: 14,
-																className: "text-gray-500"
-															}), /* @__PURE__ */ p("span", { children: g === e.id ? "Uploading..." : "Choose File to Upload" })]
+																className: i ? "text-zinc-400" : "text-gray-500"
+															}), /* @__PURE__ */ p("span", { children: v === e.id ? "Uploading..." : "Choose File to Upload" })]
+														})]
+													}), s && typeof s == "string" && s.trim() !== "" && /* @__PURE__ */ m("div", {
+														className: "flex items-center gap-1.5 shrink-0",
+														children: [/* @__PURE__ */ m("a", {
+															href: s,
+															target: "_blank",
+															rel: "noopener noreferrer",
+															className: "flex items-center gap-1.5 py-2 px-3 rounded-lg text-xs font-semibold text-white shadow-xs transition-opacity hover:opacity-90 shrink-0",
+															style: { backgroundColor: r },
+															title: "Open file in new tab",
+															children: [
+																/* @__PURE__ */ p(U, { size: 14 }),
+																/* @__PURE__ */ p("span", { children: "Open File" }),
+																/* @__PURE__ */ p(ne, { size: 12 })
+															]
+														}), !a && /* @__PURE__ */ m("button", {
+															type: "button",
+															disabled: ce === e.id || v === e.id,
+															onClick: () => Te(e.id),
+															className: `flex items-center gap-1 py-2 px-2.5 rounded-lg text-xs font-semibold border transition-colors cursor-pointer ${i ? "border-red-900/60 bg-red-950/40 text-red-400 hover:bg-red-900/50" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100"}`,
+															title: "Delete uploaded file",
+															children: [/* @__PURE__ */ p(fe, { size: 13 }), /* @__PURE__ */ p("span", { children: ce === e.id ? "Deleting..." : "Delete" })]
 														})]
-													}), a && typeof a == "string" && a.trim() !== "" && /* @__PURE__ */ m("a", {
-														href: a,
-														target: "_blank",
-														rel: "noopener noreferrer",
-														className: "flex items-center gap-1.5 py-2 px-3 rounded-lg text-xs font-semibold text-white shadow-xs transition-opacity hover:opacity-90 shrink-0",
-														style: { backgroundColor: r },
-														title: "Open file in new tab",
-														children: [
-															/* @__PURE__ */ p(G, { size: 14 }),
-															/* @__PURE__ */ p("span", { children: "Open File" }),
-															/* @__PURE__ */ p(U, { size: 12 })
-														]
 													})]
-												}), a && /* @__PURE__ */ m("div", {
-													className: "text-2xs text-gray-500 truncate flex items-center gap-1",
+												}), s && /* @__PURE__ */ m("div", {
+													className: `text-2xs truncate flex items-center gap-1 ${i ? "text-zinc-400" : "text-gray-500"}`,
 													children: [/* @__PURE__ */ p(I, {
 														size: 12,
-														className: "text-green-600 shrink-0"
+														className: "text-green-500 shrink-0"
 													}), /* @__PURE__ */ m("span", {
 														className: "truncate",
-														children: ["File attached: ", a]
+														children: ["File attached: ", s]
 													})]
 												})]
 											}) : /* @__PURE__ */ p("input", {
 												type: e.type === "phone" ? "tel" : e.type === "email" ? "email" : "text",
-												disabled: t,
-												value: a,
+												disabled: a,
+												value: s,
 												placeholder: e.placeholder || `Enter ${e.label.toLowerCase()}`,
-												onChange: (t) => q({
-													...K,
+												onChange: (t) => X({
+													...J,
 													[e.id]: t.target.value
 												}),
-												className: `w-full px-3 py-2 text-xs border rounded-lg focus:outline-none transition-all ${t ? "bg-gray-100 text-gray-500 border-gray-200 cursor-not-allowed" : "bg-white border-gray-300"}`,
+												className: `w-full px-3 py-2 text-xs border rounded-lg focus:outline-none transition-all ${a ? i ? "bg-zinc-800 text-zinc-500 border-zinc-700 cursor-not-allowed" : "bg-gray-100 text-gray-500 border-gray-200 cursor-not-allowed" : i ? "bg-zinc-950 text-white placeholder-zinc-500 border-zinc-700" : "bg-white text-gray-900 border-gray-300"}`,
 												onFocus: (e) => {
-													t || (e.currentTarget.style.borderColor = r);
+													a || (e.currentTarget.style.borderColor = r);
 												},
 												onBlur: (e) => {
-													t || (e.currentTarget.style.borderColor = "#d1d5db");
+													a || (e.currentTarget.style.borderColor = i ? "#3f3f46" : "#d1d5db");
 												}
 											})]
 										}, e.id);
 									})
 								})]
 							}),
-							a.length > 0 && /* @__PURE__ */ m("div", {
-								className: "bg-white p-4 rounded-xl border border-gray-200 shadow-xs space-y-3",
+							o.length > 0 && /* @__PURE__ */ m("div", {
+								className: `p-4 rounded-xl border shadow-xs space-y-3 ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200"}`,
 								children: [/* @__PURE__ */ m("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ p("h4", {
-										className: "text-xs font-bold text-gray-400 uppercase tracking-wider",
+										className: `text-xs font-bold uppercase tracking-wider ${i ? "text-zinc-400" : "text-gray-400"}`,
 										children: "Available Add-ons"
 									}), /* @__PURE__ */ p("span", {
-										className: "text-2xs text-gray-500",
+										className: `text-2xs ${i ? "text-zinc-400" : "text-gray-500"}`,
 										children: "Select items to add"
 									})]
 								}), /* @__PURE__ */ p("div", {
 									className: "space-y-2",
-									children: a.map((e) => {
-										let t = !!e.purchased, n = J.includes(e.name);
+									children: o.map((e) => {
+										let t = !!e.purchased, n = ie.includes(e.name);
 										return /* @__PURE__ */ m("div", {
-											onClick: () => $(e.name, t),
-											className: `p-3 rounded-lg border text-xs flex items-center justify-between transition-all ${t ? "bg-gray-50 border-gray-200 opacity-90 cursor-default" : n ? "border-blue-500 bg-blue-50/40 cursor-pointer shadow-xs" : "border-gray-200 bg-white hover:border-gray-300 cursor-pointer"}`,
+											onClick: () => Ee(e.name, t),
+											className: `p-3 rounded-lg border text-xs flex items-center justify-between transition-all ${t ? i ? "bg-zinc-950/60 border-zinc-800 opacity-70 cursor-default" : "bg-gray-50 border-gray-200 opacity-90 cursor-default" : n ? i ? "border-blue-500 bg-blue-950/40 cursor-pointer shadow-xs" : "border-blue-500 bg-blue-50/40 cursor-pointer shadow-xs" : i ? "border-zinc-800 bg-zinc-950 hover:border-zinc-700 cursor-pointer" : "border-gray-200 bg-white hover:border-gray-300 cursor-pointer"}`,
 											style: {
 												borderColor: n && !t ? r : void 0,
-												backgroundColor: n && !t ? `color-mix(in srgb, ${r} 6%, white)` : void 0
+												backgroundColor: n && !t ? i ? `color-mix(in srgb, ${r} 20%, #09090b)` : `color-mix(in srgb, ${r} 6%, white)` : void 0
 											},
 											children: [/* @__PURE__ */ m("div", {
 												className: "flex items-start gap-2.5 flex-1 pr-3",
@@ -1221,10 +1678,10 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 													type: "checkbox",
 													checked: n,
 													disabled: t,
-													onChange: () => $(e.name, t),
+													onChange: () => Ee(e.name, t),
 													className: "mt-0.5 rounded text-blue-600 focus:ring-0 cursor-pointer"
 												}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
-													className: "font-semibold text-gray-900 leading-snug",
+													className: `font-semibold leading-snug ${i ? "text-white" : "text-gray-900"}`,
 													children: e.name
 												}), /* @__PURE__ */ m("div", {
 													className: "font-bold text-xs mt-1",
@@ -1236,10 +1693,10 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 													]
 												})] })]
 											}), t ? /* @__PURE__ */ m("span", {
-												className: "px-2 py-0.5 rounded text-2xs font-semibold bg-green-100 text-green-800 flex items-center gap-1 shrink-0",
+												className: `px-2 py-0.5 rounded text-2xs font-semibold flex items-center gap-1 shrink-0 ${i ? "bg-emerald-950/80 text-emerald-300 border border-emerald-800/80" : "bg-green-100 text-green-800"}`,
 												children: [/* @__PURE__ */ p(I, { size: 12 }), " Purchased"]
 											}) : /* @__PURE__ */ p("span", {
-												className: `text-2xs font-semibold px-2 py-0.5 rounded transition-colors shrink-0 ${n ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-600"}`,
+												className: `text-2xs font-semibold px-2 py-0.5 rounded transition-colors shrink-0 ${n ? "bg-blue-600 text-white" : i ? "bg-zinc-800 text-zinc-300" : "bg-gray-100 text-gray-600"}`,
 												style: { backgroundColor: n ? r : void 0 },
 												children: n ? "Selected" : "Select"
 											})]
@@ -1251,10 +1708,10 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 								className: "pt-2",
 								children: /* @__PURE__ */ p("button", {
 									type: "submit",
-									disabled: u || g !== null,
+									disabled: g || v !== null,
 									style: { backgroundColor: r },
 									className: "w-full py-3 px-4 text-white text-sm font-bold rounded-lg hover:opacity-90 transition-opacity shadow-sm flex items-center justify-center gap-2 cursor-pointer disabled:opacity-50",
-									children: u ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("svg", {
+									children: g ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("svg", {
 										className: "animate-spin h-4 w-4 text-white",
 										fill: "none",
 										viewBox: "0 0 24 24",
@@ -1270,7 +1727,7 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 											fill: "currentColor",
 											d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
 										})]
-									}), /* @__PURE__ */ p("span", { children: "Saving Profile..." })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ce, { size: 16 }), /* @__PURE__ */ p("span", { children: "Save & Update Profile" })] })
+									}), /* @__PURE__ */ p("span", { children: "Saving Profile..." })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(le, { size: 16 }), /* @__PURE__ */ p("span", { children: "Save & Update Profile" })] })
 								})
 							})
 						]
@@ -1279,130 +1736,241 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 			})]
 		});
 	}
-	return a === "reset" ? /* @__PURE__ */ p("div", {
-		className: "flex flex-col h-full bg-gray-50 overflow-y-auto",
+	return c === "request_code" ? /* @__PURE__ */ p("div", {
+		className: `flex flex-col h-full overflow-y-auto ${i ? "bg-black text-white" : "bg-gray-50 text-gray-900"}`,
+		children: /* @__PURE__ */ m("div", {
+			className: "p-5 flex-1 max-w-md mx-auto w-full flex flex-col justify-center",
+			children: [/* @__PURE__ */ m("div", {
+				className: "flex justify-between items-center mb-4",
+				children: [/* @__PURE__ */ m("button", {
+					onClick: () => {
+						l("login"), x(null), C(null);
+					},
+					className: `flex items-center gap-1.5 text-xs font-semibold transition-colors cursor-pointer ${i ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
+					children: [/* @__PURE__ */ p(P, { size: 14 }), /* @__PURE__ */ p("span", { children: "Back to Login" })]
+				}), /* @__PURE__ */ p("button", {
+					onClick: () => {
+						l("reset"), x(null), C(null);
+					},
+					className: "text-xs font-semibold hover:underline cursor-pointer",
+					style: { color: r },
+					children: "Generate Password →"
+				})]
+			}), /* @__PURE__ */ m("div", {
+				className: `p-6 rounded-xl border shadow-sm space-y-4 ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200"}`,
+				children: [
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
+						className: `text-lg font-bold ${i ? "text-white" : "text-gray-900"}`,
+						children: "Get Verification Code"
+					}), /* @__PURE__ */ p("p", {
+						className: `text-xs mt-1 ${i ? "text-zinc-400" : "text-gray-500"}`,
+						children: "Enter your registered email or registration number to receive a verification code."
+					})] }),
+					b && /* @__PURE__ */ m("div", {
+						className: `p-3 border rounded-lg flex items-start gap-2 text-xs ${i ? "bg-red-950/60 border-red-900 text-red-300" : "bg-red-50 border-red-200 text-red-700"}`,
+						children: [/* @__PURE__ */ p(R, {
+							size: 16,
+							className: "shrink-0 mt-0.5"
+						}), /* @__PURE__ */ p("span", { children: b })]
+					}),
+					S && /* @__PURE__ */ m("div", {
+						className: `p-3 border rounded-lg flex items-start gap-2 text-xs ${i ? "bg-emerald-950/60 border-emerald-900 text-emerald-300" : "bg-green-50 border-green-200 text-green-700"}`,
+						children: [/* @__PURE__ */ p(ee, {
+							size: 16,
+							className: "shrink-0 mt-0.5"
+						}), /* @__PURE__ */ p("span", { children: S })]
+					}),
+					/* @__PURE__ */ m("form", {
+						onSubmit: be,
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								className: `block text-xs font-semibold mb-1 ${i ? "text-zinc-200" : "text-gray-700"}`,
+								children: "Registration Number or Email"
+							}), /* @__PURE__ */ m("div", {
+								className: "relative",
+								children: [/* @__PURE__ */ p("div", {
+									className: `absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none ${i ? "text-zinc-500" : "text-gray-400"}`,
+									children: /* @__PURE__ */ p(re, { size: 16 })
+								}), /* @__PURE__ */ p("input", {
+									type: "text",
+									required: !0,
+									value: A || w,
+									onChange: (e) => {
+										j(e.target.value), T(e.target.value);
+									},
+									placeholder: "e.g. attendee@example.com or REG12345",
+									className: `w-full pl-9 pr-3 py-2 text-sm border rounded-lg focus:outline-none focus:ring-2 ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-gray-300 text-gray-900"}`
+								})]
+							})] }),
+							/* @__PURE__ */ p("button", {
+								type: "submit",
+								disabled: V,
+								style: { backgroundColor: r },
+								className: "w-full py-2.5 px-4 text-white text-sm font-bold rounded-lg hover:opacity-90 transition-opacity shadow-sm flex items-center justify-center cursor-pointer disabled:opacity-50 mt-2",
+								children: V ? /* @__PURE__ */ m("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ m("svg", {
+										className: "animate-spin h-4 w-4 text-white",
+										fill: "none",
+										viewBox: "0 0 24 24",
+										children: [/* @__PURE__ */ p("circle", {
+											className: "opacity-25",
+											cx: "12",
+											cy: "12",
+											r: "10",
+											stroke: "currentColor",
+											strokeWidth: "4"
+										}), /* @__PURE__ */ p("path", {
+											className: "opacity-75",
+											fill: "currentColor",
+											d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+										})]
+									}), /* @__PURE__ */ p("span", { children: "Sending Code..." })]
+								}) : "Send Verification Code"
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "text-center pt-2 border-t border-gray-100 dark:border-zinc-800",
+								children: /* @__PURE__ */ p("button", {
+									type: "button",
+									onClick: () => {
+										l("reset"), x(null), C(null);
+									},
+									className: "text-xs font-semibold hover:underline cursor-pointer",
+									style: { color: r },
+									children: "Already have a code? Click here to generate password"
+								})
+							})
+						]
+					})
+				]
+			})]
+		})
+	}) : c === "reset" ? /* @__PURE__ */ p("div", {
+		className: `flex flex-col h-full overflow-y-auto ${i ? "bg-black text-white" : "bg-gray-50 text-gray-900"}`,
 		children: /* @__PURE__ */ m("div", {
 			className: "p-5 flex-1 max-w-md mx-auto w-full",
 			children: [/* @__PURE__ */ m("button", {
 				onClick: () => {
-					o("login"), y(null), x(null);
+					l("login"), x(null), C(null);
 				},
-				className: "flex items-center gap-1.5 text-xs font-semibold text-gray-500 hover:text-gray-900 mb-4 transition-colors cursor-pointer",
+				className: `flex items-center gap-1.5 text-xs font-semibold mb-4 transition-colors cursor-pointer ${i ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
 				children: [/* @__PURE__ */ p(P, { size: 14 }), /* @__PURE__ */ p("span", { children: "Back to Login" })]
 			}), /* @__PURE__ */ m("div", {
-				className: "bg-white p-6 rounded-xl border border-gray-200 shadow-sm space-y-4",
+				className: `p-6 rounded-xl border shadow-sm space-y-4 ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200"}`,
 				children: [
 					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
-						className: "text-lg font-bold text-gray-900",
+						className: `text-lg font-bold ${i ? "text-white" : "text-gray-900"}`,
 						children: "Generate / Reset Password"
 					}), /* @__PURE__ */ p("p", {
-						className: "text-xs text-gray-500 mt-1",
+						className: `text-xs mt-1 ${i ? "text-zinc-400" : "text-gray-500"}`,
 						children: "You will get a verification code on your registered email."
 					})] }),
-					v && /* @__PURE__ */ m("div", {
-						className: "p-3 bg-red-50 border border-red-200 rounded-lg flex items-start gap-2 text-xs text-red-700",
+					b && /* @__PURE__ */ m("div", {
+						className: `p-3 border rounded-lg flex items-start gap-2 text-xs ${i ? "bg-red-950/60 border-red-900 text-red-300" : "bg-red-50 border-red-200 text-red-700"}`,
 						children: [/* @__PURE__ */ p(R, {
 							size: 16,
 							className: "shrink-0 mt-0.5"
-						}), /* @__PURE__ */ p("span", { children: v })]
+						}), /* @__PURE__ */ p("span", { children: b })]
 					}),
-					b && /* @__PURE__ */ m("div", {
-						className: "p-3 bg-green-50 border border-green-200 rounded-lg flex items-start gap-2 text-xs text-green-700",
-						children: [/* @__PURE__ */ p(B, {
+					S && /* @__PURE__ */ m("div", {
+						className: `p-3 border rounded-lg flex items-start gap-2 text-xs ${i ? "bg-emerald-950/60 border-emerald-900 text-emerald-300" : "bg-green-50 border-green-200 text-green-700"}`,
+						children: [/* @__PURE__ */ p(ee, {
 							size: 16,
 							className: "shrink-0 mt-0.5"
-						}), /* @__PURE__ */ p("span", { children: b })]
+						}), /* @__PURE__ */ p("span", { children: S })]
 					}),
 					/* @__PURE__ */ m("form", {
-						onSubmit: ge,
+						onSubmit: xe,
 						className: "space-y-4",
 						children: [
 							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
-								className: "block text-xs font-semibold text-gray-700 mb-1",
+								className: `block text-xs font-semibold mb-1 ${i ? "text-zinc-200" : "text-gray-700"}`,
 								children: "Registration Number or Email"
 							}), /* @__PURE__ */ m("div", {
 								className: "relative",
 								children: [/* @__PURE__ */ p("div", {
-									className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-gray-400",
-									children: /* @__PURE__ */ p(ie, { size: 16 })
+									className: `absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none ${i ? "text-zinc-500" : "text-gray-400"}`,
+									children: /* @__PURE__ */ p(re, { size: 16 })
 								}), /* @__PURE__ */ p("input", {
 									type: "text",
 									required: !0,
-									value: O || S,
+									value: A || w,
 									onChange: (e) => {
-										k(e.target.value), C(e.target.value);
+										j(e.target.value), T(e.target.value);
 									},
 									placeholder: "e.g. attendee@example.com or REG12345",
-									className: "w-full pl-9 pr-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2"
+									className: `w-full pl-9 pr-3 py-2 text-sm border rounded-lg focus:outline-none focus:ring-2 ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-gray-300 text-gray-900"}`
 								})]
 							})] }),
 							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
 								className: "flex justify-between items-center mb-1",
 								children: [/* @__PURE__ */ p("label", {
-									className: "block text-xs font-semibold text-gray-700",
+									className: `block text-xs font-semibold ${i ? "text-zinc-200" : "text-gray-700"}`,
 									children: "Verification Code"
 								}), /* @__PURE__ */ p("button", {
 									type: "button",
-									onClick: he,
-									disabled: z,
-									className: "text-xs font-semibold hover:underline cursor-pointer disabled:opacity-50",
+									onClick: () => {
+										j(A || w), l("request_code"), x(null), C(null);
+									},
+									className: "text-xs font-semibold hover:underline cursor-pointer",
 									style: { color: r },
-									children: z ? "Sending code..." : "Resend code on email"
+									children: "Get code on email"
 								})]
 							}), /* @__PURE__ */ m("div", {
 								className: "relative",
 								children: [/* @__PURE__ */ p("div", {
-									className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-gray-400",
-									children: /* @__PURE__ */ p(te, { size: 16 })
+									className: `absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none ${i ? "text-zinc-500" : "text-gray-400"}`,
+									children: /* @__PURE__ */ p(G, { size: 16 })
 								}), /* @__PURE__ */ p("input", {
 									type: "text",
 									required: !0,
-									value: A,
-									onChange: (e) => j(e.target.value),
+									value: M,
+									onChange: (e) => N(e.target.value),
 									placeholder: "Enter code from email",
-									className: "w-full pl-9 pr-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2"
+									className: `w-full pl-9 pr-3 py-2 text-sm border rounded-lg focus:outline-none focus:ring-2 ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-gray-300 text-gray-900"}`
 								})]
 							})] }),
 							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
-								className: "block text-xs font-semibold text-gray-700 mb-1",
+								className: `block text-xs font-semibold mb-1 ${i ? "text-zinc-200" : "text-gray-700"}`,
 								children: "New Password"
 							}), /* @__PURE__ */ m("div", {
 								className: "relative",
 								children: [/* @__PURE__ */ p("div", {
-									className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-gray-400",
-									children: /* @__PURE__ */ p(ne, { size: 16 })
+									className: `absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none ${i ? "text-zinc-500" : "text-gray-400"}`,
+									children: /* @__PURE__ */ p(q, { size: 16 })
 								}), /* @__PURE__ */ p("input", {
 									type: "password",
 									required: !0,
-									value: M,
-									onChange: (e) => N(e.target.value),
+									value: F,
+									onChange: (e) => L(e.target.value),
 									placeholder: "Enter new password",
-									className: "w-full pl-9 pr-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2"
+									className: `w-full pl-9 pr-3 py-2 text-sm border rounded-lg focus:outline-none focus:ring-2 ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-gray-300 text-gray-900"}`
 								})]
 							})] }),
 							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
-								className: "block text-xs font-semibold text-gray-700 mb-1",
+								className: `block text-xs font-semibold mb-1 ${i ? "text-zinc-200" : "text-gray-700"}`,
 								children: "Confirm Password"
 							}), /* @__PURE__ */ m("div", {
 								className: "relative",
 								children: [/* @__PURE__ */ p("div", {
-									className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-gray-400",
-									children: /* @__PURE__ */ p(ne, { size: 16 })
+									className: `absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none ${i ? "text-zinc-500" : "text-gray-400"}`,
+									children: /* @__PURE__ */ p(q, { size: 16 })
 								}), /* @__PURE__ */ p("input", {
 									type: "password",
 									required: !0,
-									value: F,
-									onChange: (e) => L(e.target.value),
+									value: z,
+									onChange: (e) => B(e.target.value),
 									placeholder: "Re-enter new password",
-									className: "w-full pl-9 pr-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2"
+									className: `w-full pl-9 pr-3 py-2 text-sm border rounded-lg focus:outline-none focus:ring-2 ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-gray-300 text-gray-900"}`
 								})]
 							})] }),
 							/* @__PURE__ */ p("button", {
 								type: "submit",
-								disabled: c,
+								disabled: u,
 								style: { backgroundColor: r },
 								className: "w-full py-2.5 px-4 text-white text-sm font-bold rounded-lg hover:opacity-90 transition-opacity shadow-sm flex items-center justify-center cursor-pointer disabled:opacity-50 mt-2",
-								children: c ? "Updating Password..." : "Set New Password"
+								children: u ? "Updating Password..." : "Set New Password"
 							})
 						]
 					})
@@ -1410,89 +1978,97 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 			})]
 		})
 	}) : /* @__PURE__ */ p("div", {
-		className: "flex flex-col h-full bg-gray-50 overflow-y-auto",
+		className: `flex flex-col h-full overflow-y-auto ${i ? "bg-black text-white" : "bg-gray-50 text-gray-900"}`,
 		children: /* @__PURE__ */ p("div", {
 			className: "p-5 flex-1 max-w-md mx-auto w-full flex flex-col justify-center",
 			children: /* @__PURE__ */ m("div", {
-				className: "bg-white p-6 rounded-xl border border-gray-200 shadow-sm space-y-4",
+				className: `p-6 rounded-xl border shadow-sm space-y-4 ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200"}`,
 				children: [
 					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
-						className: "text-lg font-bold text-gray-900",
+						className: `text-lg font-bold ${i ? "text-white" : "text-gray-900"}`,
 						children: "Attendee Login"
 					}), /* @__PURE__ */ p("p", {
-						className: "text-xs text-gray-500 mt-1",
+						className: `text-xs mt-1 ${i ? "text-zinc-400" : "text-gray-500"}`,
 						children: "Sign in with your email or registration number"
 					})] }),
-					v && /* @__PURE__ */ m("div", {
-						className: "p-3 bg-red-50 border border-red-200 rounded-lg flex items-start gap-2 text-xs text-red-700",
+					b && /* @__PURE__ */ m("div", {
+						className: `p-3 border rounded-lg flex items-start gap-2 text-xs ${i ? "bg-red-950/60 border-red-900 text-red-300" : "bg-red-50 border-red-200 text-red-700"}`,
 						children: [/* @__PURE__ */ p(R, {
 							size: 16,
 							className: "shrink-0 mt-0.5"
-						}), /* @__PURE__ */ p("span", { children: v })]
+						}), /* @__PURE__ */ p("span", { children: b })]
 					}),
-					b && /* @__PURE__ */ m("div", {
-						className: "p-3 bg-green-50 border border-green-200 rounded-lg flex items-start gap-2 text-xs text-green-700",
-						children: [/* @__PURE__ */ p(B, {
+					S && /* @__PURE__ */ m("div", {
+						className: `p-3 border rounded-lg flex items-start gap-2 text-xs ${i ? "bg-emerald-950/60 border-emerald-900 text-emerald-300" : "bg-green-50 border-green-200 text-green-700"}`,
+						children: [/* @__PURE__ */ p(ee, {
 							size: 16,
 							className: "shrink-0 mt-0.5"
-						}), /* @__PURE__ */ p("span", { children: b })]
+						}), /* @__PURE__ */ p("span", { children: S })]
 					}),
 					/* @__PURE__ */ m("form", {
-						onSubmit: me,
+						onSubmit: ye,
 						className: "space-y-4",
 						children: [
 							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
-								className: "block text-xs font-semibold text-gray-700 mb-1",
+								className: `block text-xs font-semibold mb-1 ${i ? "text-zinc-200" : "text-gray-700"}`,
 								children: "Email or Registration Number"
 							}), /* @__PURE__ */ m("div", {
 								className: "relative",
 								children: [/* @__PURE__ */ p("div", {
-									className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-gray-400",
-									children: /* @__PURE__ */ p(ie, { size: 16 })
+									className: `absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none ${i ? "text-zinc-500" : "text-gray-400"}`,
+									children: /* @__PURE__ */ p(re, { size: 16 })
 								}), /* @__PURE__ */ p("input", {
 									type: "text",
 									required: !0,
-									value: S,
-									onChange: (e) => C(e.target.value),
+									value: w,
+									onChange: (e) => T(e.target.value),
 									placeholder: "Enter email or registration number",
-									className: "w-full pl-9 pr-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2"
+									className: `w-full pl-9 pr-3 py-2 text-sm border rounded-lg focus:outline-none focus:ring-2 ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-gray-300 text-gray-900"}`
 								})]
 							})] }),
 							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
-								className: "block text-xs font-semibold text-gray-700 mb-1",
+								className: `block text-xs font-semibold mb-1 ${i ? "text-zinc-200" : "text-gray-700"}`,
 								children: "Password"
 							}), /* @__PURE__ */ m("div", {
 								className: "relative",
 								children: [/* @__PURE__ */ p("div", {
-									className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-gray-400",
-									children: /* @__PURE__ */ p(ne, { size: 16 })
+									className: `absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none ${i ? "text-zinc-500" : "text-gray-400"}`,
+									children: /* @__PURE__ */ p(q, { size: 16 })
 								}), /* @__PURE__ */ p("input", {
 									type: "password",
 									required: !0,
-									value: w,
-									onChange: (e) => T(e.target.value),
+									value: E,
+									onChange: (e) => D(e.target.value),
 									placeholder: "Enter password",
-									className: "w-full pl-9 pr-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2"
+									className: `w-full pl-9 pr-3 py-2 text-sm border rounded-lg focus:outline-none focus:ring-2 ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-gray-300 text-gray-900"}`
 								})]
 							})] }),
-							/* @__PURE__ */ p("div", {
-								className: "text-right",
-								children: /* @__PURE__ */ p("button", {
+							/* @__PURE__ */ m("div", {
+								className: "flex justify-between items-center text-xs",
+								children: [/* @__PURE__ */ p("button", {
 									type: "button",
 									onClick: () => {
-										k(S), o("reset"), y(null), x(null);
+										j(w), l("request_code"), x(null), C(null);
 									},
-									className: "text-xs font-semibold hover:underline cursor-pointer",
+									className: "font-semibold hover:underline cursor-pointer",
+									style: { color: r },
+									children: "Get Code"
+								}), /* @__PURE__ */ p("button", {
+									type: "button",
+									onClick: () => {
+										j(w), l("reset"), x(null), C(null);
+									},
+									className: "font-semibold hover:underline cursor-pointer",
 									style: { color: r },
 									children: "Click to generate password"
-								})
+								})]
 							}),
 							/* @__PURE__ */ p("button", {
 								type: "submit",
-								disabled: c,
+								disabled: u,
 								style: { backgroundColor: r },
 								className: "w-full py-2.5 px-4 text-white text-sm font-bold rounded-lg hover:opacity-90 transition-opacity shadow-sm flex items-center justify-center cursor-pointer disabled:opacity-50",
-								children: c ? /* @__PURE__ */ m("div", {
+								children: u ? /* @__PURE__ */ m("div", {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ m("svg", {
 										className: "animate-spin h-4 w-4 text-white",
@@ -1519,44 +2095,101 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 			})
 		})
 	});
-}, ge = ({ config: e }) => {
-	let [t, n] = d("registration"), [r, i] = d(e.displayMode !== "popup"), [o, c] = d(!1), [f, h] = d([]), [y, b] = d("FOGSI YUVA 2026"), [x, S] = d(null), [C, w] = d(!0), [T, E] = d(!1), [D, O] = d(null), [k, A] = d(null), j = e.theme?.primaryColor || "#2563eb", M = l(() => new g(e.debug), [e.debug]), N = l(() => new _(e.baseUrl, e.eventSlug, M), [
+};
+//#endregion
+//#region src/widget/components/EventWidgetReact.tsx
+function be(e) {
+	if (!e) return "bottom-right";
+	switch (e) {
+		case "bottom-left":
+		case "left-bottom": return "bottom-left";
+		case "top-right":
+		case "right-top": return "top-right";
+		case "top-left":
+		case "left-top": return "top-left";
+		default: return "bottom-right";
+	}
+}
+var xe = (e) => {
+	switch (e) {
+		case "bottom-left": return {
+			bottom: "20px",
+			left: "20px",
+			top: "auto",
+			right: "auto"
+		};
+		case "top-right": return {
+			top: "20px",
+			right: "20px",
+			bottom: "auto",
+			left: "auto"
+		};
+		case "top-left": return {
+			top: "20px",
+			left: "20px",
+			bottom: "auto",
+			right: "auto"
+		};
+		default: return {
+			bottom: "20px",
+			right: "20px",
+			top: "auto",
+			left: "auto"
+		};
+	}
+}, Se = (e) => {
+	switch (e) {
+		case "bottom-left": return "bottom-5 left-5";
+		case "top-right": return "top-5 right-5";
+		case "top-left": return "top-5 left-5";
+		default: return "bottom-5 right-5";
+	}
+}, Ce = ({ config: e }) => {
+	let [t, n] = d("registration"), [r, i] = d(e.displayMode !== "popup"), [o, c] = d(!1), [h, y] = d([]), [b, x] = d("FOGSI YUVA 2026"), [S, C] = d(null), [w, T] = d(!0), [E, D] = d(!1), [O, k] = d(null), [A, j] = d(null), [M, N] = d(() => be(e.position)), [P, F] = d(null), [I, L] = d(null), [R, z] = d(!1), [ee, B] = d(!1), te = u(null), V = u(null), H = u(!1);
+	s(() => {
+		e.position && N(be(e.position));
+	}, [e.position]);
+	let U = e.themeMode === "dark" || e.theme?.mode === "dark", W = e.theme?.primaryColor || "#2563eb", G = l(() => new g(e.debug), [e.debug]), K = l(() => new _(e.baseUrl, e.eventSlug, G, e.timeoutMs ?? 12e4), [
 		e.baseUrl,
 		e.eventSlug,
-		M
-	]), P = l(() => new v(e.eventSlug), [e.eventSlug]), F = u(e.displayMode), I = u(null), [L, R] = d(null);
+		G,
+		e.timeoutMs
+	]), q = l(() => new v(e.eventSlug), [e.eventSlug]), J = u(e.displayMode), Y = u(null), [X, re] = d(null);
 	s(() => {
-		P.getXrefId();
-	}, [P]), s(() => {
+		q.getXrefId();
+	}, [q]), s(() => {
 		if (!r) return;
-		let t = P.getXrefId();
-		t && N.getDraft(t).then((t) => {
+		let t = q.getXrefId();
+		t && K.getDraft(t).then((t) => {
 			let n = t?.data || t;
-			n && n.registration_type && (R(n), e.onEvent?.("draft_loaded", n));
+			n && n.registration_type && (re(n), e.onEvent?.("draft_loaded", n));
 		}).catch((e) => {
-			M.log("No draft found for this session", e);
+			G.log("No draft found for this session", e);
 		});
 	}, [
 		r,
-		N,
-		P,
-		M
+		K,
+		q,
+		G
 	]);
-	let z = l(() => {
-		if (!L || !x || String(L.registration_type) !== String(x.id)) return {};
-		let e = { ...L.custom_data || {} };
-		if (L.salutation && (e.salutation = L.salutation, e.title = L.salutation), L.name) {
-			e.name = L.name, e.full_name = L.name, e.fullName = L.name;
-			let t = L.name.trim().split(/\s+/);
+	let ie = l(() => {
+		if (!X || !S || String(X.registration_type) !== String(S.id)) return {};
+		let e = { ...X.custom_data || {} };
+		if (X.salutation && (e.salutation = X.salutation, e.title = X.salutation), X.name) {
+			e.name = X.name, e.full_name = X.name, e.fullName = X.name;
+			let t = X.name.trim().split(/\s+/);
 			t.length > 0 && !e.first_name && (e.first_name = t[0]), t.length > 1 && !e.last_name && (e.last_name = t.slice(1).join(" "));
 		}
-		return L.email && (e.email = L.email), L.phone && (e.phone = L.phone, e.mobile = L.phone, e.phoneNumber = L.phone), e;
-	}, [L, x]);
+		return X.email && (e.email = X.email), X.phone && (e.phone = X.phone, e.mobile = X.phone, e.phoneNumber = X.phone), (S?.form_schema?.fields || []).forEach((t) => {
+			let n = ve(t.id, t.label);
+			e[t.id] === void 0 && e[n] !== void 0 && (e[t.id] = e[n]);
+		}), e;
+	}, [X, S]);
 	s(() => () => {
-		I.current && clearTimeout(I.current);
+		Y.current && clearTimeout(Y.current);
 	}, []);
-	let B = a((t) => {
-		I.current && clearTimeout(I.current), I.current = setTimeout(async () => {
+	let Z = a((t) => {
+		Y.current && clearTimeout(Y.current), Y.current = setTimeout(async () => {
 			if (!Object.values(t).some((e) => e !== "" && e != null)) return;
 			let n = /* @__PURE__ */ new Set([
 				"salutation",
@@ -1572,84 +2205,208 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 				"phoneNumber",
 				"selected_items",
 				"custom_data"
-			]), r = { ...t.custom_data || {} };
-			for (let [e, i] of Object.entries(t)) n.has(e) || (r[e] = i);
-			let i = {
-				xref_id: P.getXrefId(),
+			]), r = S?.form_schema?.fields || [], i = /* @__PURE__ */ new Map();
+			r.forEach((e) => i.set(e.id, e));
+			let a = { ...t.custom_data || {} };
+			for (let [e, r] of Object.entries(t)) if (!n.has(e)) {
+				let t = ve(e, i.get(e)?.label);
+				a[t] = r, t !== e && (a[e] = r);
+			}
+			let o = {
+				xref_id: q.getXrefId(),
 				salutation: t.salutation || t.title || "",
 				name: t.name || t.fullName || t.full_name || [t.firstName, t.lastName].filter(Boolean).join(" ") || "",
 				email: t.email || "",
 				phone: t.phone || t.mobile || t.phoneNumber || "",
-				registration_type: x?.id,
-				custom_data: r,
+				registration_type: S?.id,
+				custom_data: a,
 				selected_items: t.selected_items || []
 			};
 			try {
-				await N.trackProgress(i), e.onEvent?.("draft_saved", i);
+				await K.trackProgress(o), e.onEvent?.("draft_saved", o);
 			} catch (e) {
-				M.error("Failed to save draft progress", e);
+				G.error("Failed to save draft progress", e);
 			}
 		}, 600);
 	}, [
-		P,
-		N,
-		x,
+		q,
+		K,
+		S,
 		e,
-		M
+		G
 	]);
 	s(() => {
-		F.current !== e.displayMode && (F.current = e.displayMode, i(e.displayMode !== "popup"), c(!1));
+		J.current !== e.displayMode && (J.current = e.displayMode, i(e.displayMode !== "popup"), c(!1));
 	}, [e.displayMode]), s(() => {
-		r && N.getFormSchema().then((t) => {
-			h(t?.data?.types || []), (t?.data?.event_name || t?.data?.title || t?.data?.name) && b(t.data.event_name || t.data.title || t.data.name), e.onEvent?.("form_loaded", t.data);
+		K.getFormSchema().then((t) => {
+			y(t?.data?.types || []), (t?.data?.event_name || t?.data?.title || t?.data?.name) && x(t.data.event_name || t.data.title || t.data.name), e.onEvent?.("form_loaded", t.data);
 		}).catch((t) => {
-			M.error("Failed to load schema", t), e.onEvent?.("error", {
+			G.error("Failed to load schema", t);
+			let n = {
 				type: "schema_load",
-				err: t
-			});
-		}).finally(() => w(!1));
-	}, [r]);
-	let V = async (t) => {
-		I.current && clearTimeout(I.current), w(!0), O(null);
-		let n = {
-			xref_id: P.getXrefId(),
-			registration_type: x.id,
-			...t
+				message: t?.message || "Failed to load event schema",
+				error: t
+			};
+			e.onEvent?.("error", n), e.onError?.(n);
+		}).finally(() => T(!1));
+	}, [K]);
+	let Q = async (t) => {
+		Y.current && clearTimeout(Y.current), T(!0), k(null);
+		let n = q.getXrefId(), r = /* @__PURE__ */ new Set([
+			"salutation",
+			"title",
+			"name",
+			"fullName",
+			"full_name",
+			"firstName",
+			"lastName",
+			"email",
+			"phone",
+			"mobile",
+			"phoneNumber",
+			"registration_type",
+			"selected_items",
+			"custom_data",
+			"xref_id"
+		]), i = S?.form_schema?.fields || [], a = /* @__PURE__ */ new Map();
+		i.forEach((e) => a.set(e.id, e));
+		let o = { ...t.custom_data || {} };
+		for (let [e, n] of Object.entries(t)) if (!r.has(e)) {
+			let t = ve(e, a.get(e)?.label);
+			o[t] = n, t !== e && (o[e] = n);
+		}
+		let s = {
+			xref_id: n,
+			salutation: t.salutation || t.title || "",
+			name: t.name || t.fullName || t.full_name || [t.firstName, t.lastName].filter(Boolean).join(" ") || "",
+			email: t.email || "",
+			phone: t.phone || t.mobile || t.phoneNumber || "",
+			registration_type: S.id,
+			custom_data: o,
+			selected_items: t.selected_items || []
 		};
 		try {
-			let t = await N.submitRegistration(n);
-			P.updateXrefId(), R(null);
-			let r = t?.data?.payment_url || t?.payment_url || null;
-			A(r), r && typeof r == "string" && r.trim() !== "" && window.open(r, "_blank", "noopener,noreferrer"), E(!0), e.onEvent?.("submitted", n);
+			let t = await K.submitRegistration(s);
+			q.updateXrefId(), re(null);
+			let n = t?.data?.payment_url || t?.payment_url || null;
+			j(n), n && typeof n == "string" && n.trim() !== "" && window.open(n, "_blank", "noopener,noreferrer"), D(!0);
+			let r = {
+				registrationType: S.id,
+				payload: s,
+				response: t,
+				paymentUrl: n
+			};
+			e.onEvent?.("submitted", r), e.onRegister?.(r), e.onRegistered?.(r);
 		} catch (t) {
-			M.error("Submission failed", t), e.onEvent?.("error", {
+			G.error("Submission failed", t);
+			let n = t?.message || "Registration failed. Please check your information and try again.", r = {
 				type: "submit_error",
-				err: t
-			});
-			let n = t?.message || "Registration failed. Please check your information and try again.";
-			O(n);
+				message: n,
+				error: t
+			};
+			e.onEvent?.("error", r), e.onError?.(r), k(n);
 		} finally {
-			w(!1);
+			T(!1);
 		}
-	}, ee = () => {
-		E(!1), O(null), A(null), S(null), R(null);
-	};
-	if (!r && e.displayMode === "popup") return /* @__PURE__ */ p("button", {
-		onClick: () => i(!0),
-		className: "fixed bottom-5 right-5 w-16 h-16 rounded-full text-white shadow-xl flex items-center justify-center z-50 cursor-pointer hover:scale-105 transition-transform",
-		style: { backgroundColor: j },
-		children: /* @__PURE__ */ p("span", {
-			className: "font-bold text-sm tracking-wide",
-			children: "Join"
-		})
-	});
-	let H = e.displayMode === "fullscreen" || e.displayMode === "popup" && o, W = "bg-white overflow-hidden flex flex-col shadow-2xl border border-gray-200 transition-all duration-300 ease-in-out ", G = { fontFamily: e.theme?.fontFamily || "sans-serif" };
-	return H ? (W += "fixed inset-0 z-[9999] rounded-none ", G.width = "100vw", G.height = "100vh") : e.displayMode === "popup" ? (W += "fixed bottom-5 right-5 z-50 rounded-xl ", G.width = e.width || "400px", G.height = e.height || "700px", G.maxHeight = "90vh") : (W += "rounded-xl relative ", G.width = "100%", G.height = "100%"), /* @__PURE__ */ p("div", {
-		className: W,
-		style: G,
-		children: C ? /* @__PURE__ */ m("div", {
+	}, ce = () => {
+		D(!1), k(null), j(null), C(null), re(null);
+	}, le = a((e) => {
+		if (e.stopPropagation(), e.button !== 0 || !te.current) return;
+		let t = te.current.getBoundingClientRect();
+		V.current = {
+			startX: e.clientX,
+			startY: e.clientY,
+			rect: t,
+			corner: M
+		}, H.current = !1, z(!0);
+	}, [M]);
+	if (s(() => {
+		if (!R) return;
+		let t = (e) => {
+			if (!V.current) return;
+			let t = e.clientX - V.current.startX, n = e.clientY - V.current.startY;
+			H.current || Math.hypot(t, n) > 5 && (H.current = !0), H.current && F({
+				x: t,
+				y: n
+			});
+		}, n = (t) => {
+			if (!V.current) {
+				z(!1), F(null), H.current = !1;
+				return;
+			}
+			let { rect: n, startX: r, startY: i } = V.current, a = t.clientX - r, o = t.clientY - i, s = H.current;
+			if (V.current = null, z(!1), setTimeout(() => {
+				H.current = !1;
+			}, 100), !s) {
+				F(null);
+				return;
+			}
+			let c = n.left + a, l = n.top + o, u = c + n.width / 2, d = l + n.height / 2, f = typeof window < "u" ? window.innerWidth : 1024, p = typeof window < "u" ? window.innerHeight : 768, m = u >= f / 2, h = d >= p / 2, g = h ? m ? "bottom-right" : "bottom-left" : m ? "top-right" : "top-left", _ = m ? f - n.width - 20 : 20, v = h ? p - n.height - 20 : 20, y = c - _, b = l - v;
+			L({
+				transform: `translate3d(${y}px, ${b}px, 0)`,
+				transition: "none"
+			}), F(null), N(g), e.onEvent?.("position_changed", { position: g }), requestAnimationFrame(() => {
+				requestAnimationFrame(() => {
+					L({
+						transform: "translate3d(0, 0, 0)",
+						transition: "transform 0.35s cubic-bezier(0.16, 1, 0.3, 1)"
+					}), setTimeout(() => {
+						L(null);
+					}, 360);
+				});
+			});
+		};
+		return window.addEventListener("pointermove", t), window.addEventListener("pointerup", n), window.addEventListener("pointercancel", n), () => {
+			window.removeEventListener("pointermove", t), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", n);
+		};
+	}, [R, e]), !r && e.displayMode === "popup") {
+		let e = {
+			...xe(M),
+			...P ? {
+				transform: `translate3d(${P.x}px, ${P.y}px, 0) scale(1.05)`,
+				transition: "none",
+				userSelect: "none"
+			} : I ? {
+				transform: I.transform,
+				transition: I.transition
+			} : { transition: "all 0.3s cubic-bezier(0.16, 1, 0.3, 1)" }
+		}, t = ee || R;
+		return /* @__PURE__ */ m("div", {
+			ref: te,
+			onMouseEnter: () => B(!0),
+			onMouseLeave: () => B(!1),
+			className: `fixed ${Se(M)} z-50 select-none group`,
+			style: e,
+			children: [/* @__PURE__ */ p("div", {
+				onPointerDown: le,
+				className: `absolute -top-1.5 -left-1.5 w-7 h-7 rounded-full bg-slate-900 text-white shadow-lg border-2 border-white flex items-center justify-center cursor-grab active:cursor-grabbing hover:bg-black hover:scale-110 active:scale-95 transition-all duration-200 z-10 touch-none ${t ? "opacity-100 scale-100 pointer-events-auto" : "opacity-0 scale-75 pointer-events-none group-hover:opacity-100 group-hover:scale-100 group-hover:pointer-events-auto"}`,
+				title: "Hold and drag to change position",
+				children: /* @__PURE__ */ p(se, {
+					size: 13,
+					className: "pointer-events-none text-white"
+				})
+			}), /* @__PURE__ */ p("button", {
+				type: "button",
+				onClick: (e) => {
+					e.stopPropagation(), !R && i(!0);
+				},
+				className: "w-16 h-16 rounded-full text-white shadow-xl flex items-center justify-center cursor-pointer hover:scale-105 active:scale-95 transition-transform",
+				style: { backgroundColor: W },
+				title: "Click to open registration",
+				children: /* @__PURE__ */ p("span", {
+					className: "font-bold text-sm tracking-wide pointer-events-none",
+					children: "Join"
+				})
+			})]
+		});
+	}
+	let ue = e.displayMode === "fullscreen" || e.displayMode === "popup" && o, de = `${U ? "bg-black text-white border-zinc-800" : "bg-white text-gray-900 border-gray-200"} overflow-hidden flex flex-col shadow-2xl border transition-all duration-300 ease-in-out `, $ = { fontFamily: e.theme?.fontFamily || "sans-serif" };
+	return ue ? (de += "fixed inset-0 z-[9999] rounded-none ", $.width = "100vw", $.height = "100vh") : e.displayMode === "popup" ? (de += `fixed ${Se(M)} z-50 rounded-xl `, $.width = e.width || "400px", $.height = e.height || "700px", $.maxHeight = "90vh", $.maxWidth = "calc(100vw - 32px)", Object.assign($, xe(M))) : (de += "rounded-xl relative ", $.width = "100%", $.height = "100%"), /* @__PURE__ */ p("div", {
+		className: de,
+		style: $,
+		children: w ? /* @__PURE__ */ m("div", {
 			className: "flex h-full items-center justify-center font-medium",
-			style: { color: j },
+			style: { color: W },
 			children: [/* @__PURE__ */ m("svg", {
 				className: "animate-spin -ml-1 mr-3 h-8 w-8",
 				xmlns: "http://www.w3.org/2000/svg",
@@ -1668,12 +2425,12 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 					d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
 				})]
 			}), "Processing..."]
-		}) : T ? k ? /* @__PURE__ */ m("div", {
-			className: "flex flex-col h-full bg-white relative overflow-y-auto",
+		}) : E ? A ? /* @__PURE__ */ m("div", {
+			className: `flex flex-col h-full relative overflow-y-auto ${U ? "bg-black text-white" : "bg-white text-gray-900"}`,
 			children: [/* @__PURE__ */ m("div", {
 				className: "p-4 shadow-sm flex justify-between items-center z-10",
 				style: {
-					backgroundColor: j,
+					backgroundColor: W,
 					color: "white"
 				},
 				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h2", {
@@ -1682,18 +2439,18 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 				}), /* @__PURE__ */ p("p", {
 					className: "text-xs opacity-90 mt-0.5",
 					children: "Registration Submitted"
-				})] }), e.displayMode === "popup" && /* @__PURE__ */ m("div", {
-					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ p("button", {
+				})] }), /* @__PURE__ */ p("div", {
+					className: "flex items-center gap-3",
+					children: e.displayMode === "popup" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
 						onClick: () => c(!o),
 						title: o ? "Minimize" : "Expand",
-						className: "opacity-80 hover:opacity-100 transition-opacity",
-						children: p(o ? Z : X, { size: 18 })
+						className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
+						children: p(o ? oe : ae, { size: 18 })
 					}), /* @__PURE__ */ p("button", {
 						onClick: () => i(!1),
-						className: "opacity-80 hover:opacity-100 transition-opacity",
-						children: /* @__PURE__ */ p(Q, { size: 24 })
-					})]
+						className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
+						children: /* @__PURE__ */ p(ge, { size: 24 })
+					})] })
 				})]
 			}), /* @__PURE__ */ m("div", {
 				className: "flex-1 flex flex-col items-center justify-center p-6 text-center",
@@ -1701,69 +2458,72 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 					/* @__PURE__ */ p("div", {
 						className: "w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md",
 						style: {
-							backgroundColor: `color-mix(in srgb, ${j} 12%, transparent)`,
-							color: j
+							backgroundColor: `color-mix(in srgb, ${W} 12%, transparent)`,
+							color: W
 						},
 						children: "💳"
 					}),
 					/* @__PURE__ */ p("h3", {
-						className: "text-2xl font-bold text-gray-900 mb-2",
+						className: `text-2xl font-bold mb-2 ${U ? "text-white" : "text-gray-900"}`,
 						children: "Done Your Payment First"
 					}),
 					/* @__PURE__ */ p("p", {
-						className: "text-sm text-gray-600 mb-6 max-w-xs leading-relaxed",
+						className: `text-sm mb-6 max-w-xs leading-relaxed ${U ? "text-zinc-300" : "text-gray-600"}`,
 						children: "Please complete your payment in the new tab to confirm your booking and finalize your registration."
 					}),
 					/* @__PURE__ */ m("div", {
 						className: "w-full max-w-xs space-y-3",
 						children: [/* @__PURE__ */ m("a", {
-							href: k,
+							href: A,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "flex items-center justify-center gap-2 font-bold px-5 py-3 rounded-lg transition-opacity hover:opacity-90 text-white shadow-md w-full",
-							style: { backgroundColor: j },
-							children: [/* @__PURE__ */ p("span", { children: "Open Payment Page" }), /* @__PURE__ */ p(U, { size: 16 })]
+							style: { backgroundColor: W },
+							children: [/* @__PURE__ */ p("span", { children: "Open Payment Page" }), /* @__PURE__ */ p(ne, { size: 16 })]
 						}), /* @__PURE__ */ p("button", {
-							onClick: ee,
-							className: "w-full py-2.5 px-4 text-sm font-semibold text-gray-500 hover:text-gray-900 transition-colors cursor-pointer",
+							onClick: ce,
+							className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${U ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
 							children: "Register Another Person"
 						})]
 					})
 				]
 			})]
 		}) : /* @__PURE__ */ m("div", {
-			className: "flex flex-col h-full items-center justify-center p-8 text-center bg-white relative",
+			className: `flex flex-col h-full items-center justify-center p-8 text-center relative ${U ? "bg-black text-white" : "bg-white text-gray-900"}`,
 			children: [
-				e.displayMode === "popup" && /* @__PURE__ */ p("button", {
-					onClick: () => i(!1),
-					className: "absolute top-4 right-4 text-gray-400 hover:text-gray-900",
-					children: /* @__PURE__ */ p(Q, { size: 24 })
+				e.displayMode === "popup" && /* @__PURE__ */ p("div", {
+					className: "absolute top-4 right-4 flex items-center gap-2",
+					children: /* @__PURE__ */ p("button", {
+						onClick: () => i(!1),
+						className: `cursor-pointer ${U ? "text-zinc-400 hover:text-white" : "text-gray-400 hover:text-gray-900"}`,
+						children: /* @__PURE__ */ p(ge, { size: 24 })
+					})
 				}),
 				/* @__PURE__ */ p("div", {
 					className: "w-20 h-20 rounded-full flex items-center justify-center mb-6 text-4xl shadow-md",
 					style: {
-						backgroundColor: j,
+						backgroundColor: W,
 						color: "white"
 					},
 					children: "✓"
 				}),
 				/* @__PURE__ */ p("h2", {
-					className: "text-3xl font-bold mb-3 text-gray-900",
+					className: `text-3xl font-bold mb-3 ${U ? "text-white" : "text-gray-900"}`,
 					children: "Thank You!"
 				}),
 				/* @__PURE__ */ p("p", {
-					className: "text-gray-600 mb-8",
+					className: `mb-8 ${U ? "text-zinc-300" : "text-gray-600"}`,
 					children: "Your registration has been successfully received."
 				}),
 				/* @__PURE__ */ p("button", {
-					onClick: ee,
-					style: { backgroundColor: j },
-					className: "text-white font-bold py-3 px-8 rounded-md hover:opacity-90 transition-opacity shadow-md",
+					onClick: ce,
+					style: { backgroundColor: W },
+					className: "text-white font-bold py-3 px-8 rounded-md hover:opacity-90 transition-opacity shadow-md cursor-pointer",
 					children: "Register Another Person"
 				})
 			]
-		}) : D ? /* @__PURE__ */ m("div", {
-			className: "flex flex-col h-full bg-white relative overflow-y-auto",
+		}) : O ? /* @__PURE__ */ m("div", {
+			className: `flex flex-col h-full relative overflow-y-auto ${U ? "bg-black text-white" : "bg-white text-gray-900"}`,
 			children: [/* @__PURE__ */ m("div", {
 				className: "p-4 shadow-sm flex justify-between items-center z-10 bg-red-600 text-white",
 				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h2", {
@@ -1772,66 +2532,71 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 				}), /* @__PURE__ */ p("p", {
 					className: "text-xs opacity-90 mt-0.5",
 					children: "Please try again"
-				})] }), e.displayMode === "popup" && /* @__PURE__ */ p("div", {
-					className: "flex items-center gap-4",
-					children: /* @__PURE__ */ p("button", {
+				})] }), /* @__PURE__ */ p("div", {
+					className: "flex items-center gap-3",
+					children: e.displayMode === "popup" && /* @__PURE__ */ p("button", {
 						onClick: () => i(!1),
 						className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
-						children: /* @__PURE__ */ p(Q, { size: 24 })
+						children: /* @__PURE__ */ p(ge, { size: 24 })
 					})
 				})]
 			}), /* @__PURE__ */ m("div", {
 				className: "flex-1 flex flex-col items-center justify-center p-6 text-center",
 				children: [
 					/* @__PURE__ */ p("div", {
-						className: "w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md bg-red-50 text-red-600 border border-red-200",
+						className: `w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md border ${U ? "bg-red-950/60 text-red-400 border-red-900" : "bg-red-50 text-red-600 border-red-200"}`,
 						children: "✕"
 					}),
 					/* @__PURE__ */ p("h3", {
-						className: "text-2xl font-bold text-gray-900 mb-2",
+						className: `text-2xl font-bold mb-2 ${U ? "text-white" : "text-gray-900"}`,
 						children: "Submission Error"
 					}),
 					/* @__PURE__ */ p("p", {
-						className: "text-sm text-gray-600 mb-6 max-w-xs leading-relaxed",
-						children: D
+						className: `text-sm mb-6 max-w-xs leading-relaxed ${U ? "text-zinc-300" : "text-gray-600"}`,
+						children: O
 					}),
 					/* @__PURE__ */ m("div", {
 						className: "w-full max-w-xs space-y-3",
 						children: [/* @__PURE__ */ p("button", {
-							onClick: () => O(null),
-							style: { backgroundColor: j },
+							onClick: () => k(null),
+							style: { backgroundColor: W },
 							className: "flex items-center justify-center gap-2 font-bold px-5 py-3 rounded-lg transition-opacity hover:opacity-90 text-white shadow-md w-full cursor-pointer",
 							children: /* @__PURE__ */ p("span", { children: "Try Again" })
 						}), /* @__PURE__ */ p("button", {
 							onClick: () => {
-								O(null), S(null);
+								k(null), C(null);
 							},
-							className: "w-full py-2.5 px-4 text-sm font-semibold text-gray-500 hover:text-gray-900 transition-colors cursor-pointer",
+							className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${U ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
 							children: "Choose Another Ticket"
 						})]
 					})
 				]
 			})]
-		}) : x ? /* @__PURE__ */ p(me, {
-			schema: x.form_schema,
+		}) : S ? /* @__PURE__ */ p(_e, {
+			schema: S.form_schema,
 			theme: e.theme,
 			displayMode: e.displayMode,
 			isExpanded: o,
 			onToggleExpand: () => c(!o),
 			onClose: () => i(!1),
-			onSubmit: V,
-			onChange: B,
-			initialValues: z,
+			onSubmit: Q,
+			onChange: Z,
+			initialValues: ie,
+			isDark: U,
+			apiClient: K,
+			storage: q,
+			onError: e.onError,
+			onEvent: e.onEvent,
 			onBack: () => {
-				I.current && clearTimeout(I.current), S(null);
+				Y.current && clearTimeout(Y.current), C(null);
 			}
 		}) : /* @__PURE__ */ m("div", {
-			className: "flex flex-col h-full bg-gray-50 overflow-hidden",
+			className: `flex flex-col h-full overflow-hidden ${U ? "bg-black text-white" : "bg-gray-50 text-gray-900"}`,
 			children: [
 				/* @__PURE__ */ m("div", {
 					className: "p-4 shadow-sm flex justify-between items-center z-10 shrink-0",
 					style: {
-						backgroundColor: j,
+						backgroundColor: W,
 						color: "white"
 					},
 					children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h2", {
@@ -1839,60 +2604,60 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 						children: t === "registration" ? "Select Ticket" : "Attendee Portal"
 					}), /* @__PURE__ */ p("p", {
 						className: "text-xs opacity-90 mt-0.5",
-						children: t === "registration" ? y : "Registration & Profile Management"
-					})] }), e.displayMode === "popup" && /* @__PURE__ */ m("div", {
+						children: t === "registration" ? b : "Registration & Profile Management"
+					})] }), /* @__PURE__ */ p("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ p("button", {
+						children: e.displayMode === "popup" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
 							onClick: () => c(!o),
 							title: o ? "Minimize" : "Expand",
 							className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
-							children: p(o ? Z : X, { size: 18 })
+							children: p(o ? oe : ae, { size: 18 })
 						}), /* @__PURE__ */ p("button", {
 							onClick: () => i(!1),
 							className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
-							children: /* @__PURE__ */ p(Q, { size: 22 })
-						})]
+							children: /* @__PURE__ */ p(ge, { size: 22 })
+						})] })
 					})]
 				}),
 				/* @__PURE__ */ m("div", {
-					className: "flex border-b border-gray-200 bg-white shrink-0 shadow-2xs",
+					className: `flex border-b shrink-0 shadow-2xs ${U ? "border-zinc-800 bg-black" : "border-gray-200 bg-white"}`,
 					children: [/* @__PURE__ */ m("button", {
 						type: "button",
 						onClick: () => n("registration"),
 						className: "flex-1 py-3 text-sm font-semibold text-center transition-all cursor-pointer relative",
-						style: { color: t === "registration" ? j : "#6b7280" },
+						style: { color: t === "registration" ? W : U ? "#a1a1aa" : "#6b7280" },
 						children: ["Registration", t === "registration" && /* @__PURE__ */ p("span", {
 							className: "absolute bottom-0 left-0 right-0 h-0.5",
-							style: { backgroundColor: j }
+							style: { backgroundColor: W }
 						})]
 					}), /* @__PURE__ */ m("button", {
 						type: "button",
 						onClick: () => n("attendee"),
 						className: "flex-1 py-3 text-sm font-semibold text-center transition-all cursor-pointer relative",
-						style: { color: t === "attendee" ? j : "#6b7280" },
+						style: { color: t === "attendee" ? W : U ? "#a1a1aa" : "#6b7280" },
 						children: ["Attendee Login", t === "attendee" && /* @__PURE__ */ p("span", {
 							className: "absolute bottom-0 left-0 right-0 h-0.5",
-							style: { backgroundColor: j }
+							style: { backgroundColor: W }
 						})]
 					})]
 				}),
 				t === "registration" ? /* @__PURE__ */ p("div", {
-					className: "p-5 space-y-4 overflow-y-auto flex-1 bg-gray-50",
-					children: f.length === 0 ? /* @__PURE__ */ p("div", {
-						className: "text-center py-10 text-gray-400 text-sm",
+					className: `p-5 space-y-4 overflow-y-auto flex-1 ${U ? "bg-black" : "bg-gray-50"}`,
+					children: h.length === 0 ? /* @__PURE__ */ p("div", {
+						className: `text-center py-10 text-sm ${U ? "text-zinc-500" : "text-gray-400"}`,
 						children: "No tickets currently available."
-					}) : f.map((e) => /* @__PURE__ */ m("div", {
-						onClick: () => S(e),
-						className: "p-5 border-2 rounded-xl bg-white cursor-pointer transition-all shadow-sm hover:shadow-md",
-						style: { borderColor: "#e5e7eb" },
-						onMouseEnter: (e) => e.currentTarget.style.borderColor = j,
-						onMouseLeave: (e) => e.currentTarget.style.borderColor = "#e5e7eb",
+					}) : h.map((e) => /* @__PURE__ */ m("div", {
+						onClick: () => C(e),
+						className: `p-5 border-2 rounded-xl cursor-pointer transition-all shadow-sm hover:shadow-md ${U ? "bg-zinc-900" : "bg-white"}`,
+						style: { borderColor: U ? "#27272a" : "#e5e7eb" },
+						onMouseEnter: (e) => e.currentTarget.style.borderColor = W,
+						onMouseLeave: (e) => e.currentTarget.style.borderColor = U ? "#27272a" : "#e5e7eb",
 						children: [/* @__PURE__ */ p("div", {
-							className: "font-bold text-lg text-gray-900",
+							className: `font-bold text-lg ${U ? "text-white" : "text-gray-900"}`,
 							children: e.type
 						}), /* @__PURE__ */ m("div", {
 							className: "font-semibold mt-1",
-							style: { color: j },
+							style: { color: W },
 							children: [
 								e.currency,
 								" ",
@@ -1902,18 +2667,20 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 					}, e.id))
 				}) : /* @__PURE__ */ p("div", {
 					className: "flex-1 overflow-hidden flex flex-col",
-					children: /* @__PURE__ */ p(he, {
-						apiClient: N,
-						storage: P,
-						logger: M,
-						primaryColor: j,
-						onEvent: e.onEvent
+					children: /* @__PURE__ */ p(ye, {
+						apiClient: K,
+						storage: q,
+						logger: G,
+						primaryColor: W,
+						isDark: U,
+						onEvent: e.onEvent,
+						onError: e.onError
 					})
 				})
 			]
 		})
 	});
-}, _e = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-800:oklch(43.2% .095 166.913);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-y-0{inset-block:0}.top-1\\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.bottom-0{bottom:0}.bottom-5{bottom:calc(var(--spacing) * 5)}.left-0{left:0}.left-2\\.5{left:calc(var(--spacing) * 2.5)}.z-10{z-index:10}.z-50{z-index:50}.z-\\[9999\\]{z-index:9999}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-1\\.5{margin-inline:calc(var(--spacing) * -1.5)}.mx-1{margin-inline:var(--spacing)}.mx-auto{margin-inline:auto}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:var(--spacing)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-flex{display:inline-flex}.h-0\\.5{height:calc(var(--spacing) * .5)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-\\[650px\\]{height:650px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-900{border-color:var(--color-gray-900)}.border-green-200{border-color:var(--color-green-200)}.border-red-200{border-color:var(--color-red-200)}.border-transparent{border-color:#0000}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\\/40{background-color:#eff6ff66}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\\/40{background-color:color-mix(in oklab, var(--color-blue-50) 40%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-600{background-color:var(--color-red-600)}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.px-1{padding-inline:var(--spacing)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\\.5{padding-block:calc(var(--spacing) * 3.5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-emerald-800{color:var(--color-emerald-800)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.contrast-200{--tw-contrast:contrast(200%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\\:text-blue-900:hover{color:var(--color-blue-900)}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-90:hover{opacity:.9}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\\:opacity-50:disabled{opacity:.5}@media (width>=48rem){.md\\:inline-block{display:inline-block}.md\\:w-1\\/2{width:50%}.md\\:pr-3{padding-right:calc(var(--spacing) * 3)}}@media (width>=64rem){.lg\\:w-1\\/3{width:33.3333%}.lg\\:w-2\\/3{width:66.6667%}.lg\\:flex-row{flex-direction:row}}}:host{all:initial;font-family:inherit}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}", ve = ({ children: e, useShadow: t = !0 }) => {
+}, we = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-950:oklch(28.2% .091 267.935);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-y-0{inset-block:0}.-top-1\\.5{top:calc(var(--spacing) * -1.5)}.top-1\\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.bottom-0{bottom:0}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-1\\.5{left:calc(var(--spacing) * -1.5)}.left-0{left:0}.left-2\\.5{left:calc(var(--spacing) * 2.5)}.left-5{left:calc(var(--spacing) * 5)}.z-10{z-index:10}.z-50{z-index:50}.z-\\[9999\\]{z-index:9999}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-1\\.5{margin-inline:calc(var(--spacing) * -1.5)}.mx-1{margin-inline:var(--spacing)}.mx-auto{margin-inline:auto}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:var(--spacing)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-0\\.5{height:calc(var(--spacing) * .5)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-\\[650px\\]{height:650px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-900\\/50{border-color:#7b330680}@supports (color:color-mix(in lab, red, red)){.border-amber-900\\/50{border-color:color-mix(in oklab, var(--color-amber-900) 50%, transparent)}}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-800{border-color:var(--color-blue-800)}.border-blue-800\\/80{border-color:#193cb8cc}@supports (color:color-mix(in lab, red, red)){.border-blue-800\\/80{border-color:color-mix(in oklab, var(--color-blue-800) 80%, transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-800\\/80{border-color:#005f46cc}@supports (color:color-mix(in lab, red, red)){.border-emerald-800\\/80{border-color:color-mix(in oklab, var(--color-emerald-800) 80%, transparent)}}.border-emerald-900{border-color:var(--color-emerald-900)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-900{border-color:var(--color-gray-900)}.border-green-200{border-color:var(--color-green-200)}.border-purple-200{border-color:var(--color-purple-200)}.border-purple-600{border-color:var(--color-purple-600)}.border-red-200{border-color:var(--color-red-200)}.border-red-900{border-color:var(--color-red-900)}.border-red-900\\/50{border-color:#82181a80}@supports (color:color-mix(in lab, red, red)){.border-red-900\\/50{border-color:color-mix(in oklab, var(--color-red-900) 50%, transparent)}}.border-red-900\\/60{border-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.border-red-900\\/60{border-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-800{border-color:var(--color-zinc-800)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-950\\/60{background-color:#46190199}@supports (color:color-mix(in lab, red, red)){.bg-amber-950\\/60{background-color:color-mix(in oklab, var(--color-amber-950) 60%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\\/40{background-color:#eff6ff66}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\\/40{background-color:color-mix(in oklab, var(--color-blue-50) 40%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-950\\/40{background-color:#16245666}@supports (color:color-mix(in lab, red, red)){.bg-blue-950\\/40{background-color:color-mix(in oklab, var(--color-blue-950) 40%, transparent)}}.bg-blue-950\\/50{background-color:#16245680}@supports (color:color-mix(in lab, red, red)){.bg-blue-950\\/50{background-color:color-mix(in oklab, var(--color-blue-950) 50%, transparent)}}.bg-blue-950\\/60{background-color:#16245699}@supports (color:color-mix(in lab, red, red)){.bg-blue-950\\/60{background-color:color-mix(in oklab, var(--color-blue-950) 60%, transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-950\\/60{background-color:#002c2299}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/60{background-color:color-mix(in oklab, var(--color-emerald-950) 60%, transparent)}}.bg-emerald-950\\/80{background-color:#002c22cc}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/80{background-color:color-mix(in oklab, var(--color-emerald-950) 80%, transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-600{background-color:var(--color-red-600)}.bg-red-950\\/40{background-color:#46080966}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/40{background-color:color-mix(in oklab, var(--color-red-950) 40%, transparent)}}.bg-red-950\\/50{background-color:#46080980}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/50{background-color:color-mix(in oklab, var(--color-red-950) 50%, transparent)}}.bg-red-950\\/60{background-color:#46080999}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/60{background-color:color-mix(in oklab, var(--color-red-950) 60%, transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-white{background-color:var(--color-white)}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\\/60{background-color:#18181b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/60{background-color:color-mix(in oklab, var(--color-zinc-900) 60%, transparent)}}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-zinc-950\\/60{background-color:#09090b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\\/60{background-color:color-mix(in oklab, var(--color-zinc-950) 60%, transparent)}}.p-2\\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.px-1{padding-inline:var(--spacing)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\\.5{padding-block:calc(var(--spacing) * 3.5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-amber-400{color:var(--color-amber-400)}.text-amber-700{color:var(--color-amber-700)}.text-blue-300{color:var(--color-blue-300)}.text-blue-400{color:var(--color-blue-400)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-800{color:var(--color-emerald-800)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-white{color:var(--color-white)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.placeholder-zinc-500::placeholder{color:var(--color-zinc-500)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.contrast-200{--tw-contrast:contrast(200%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:border-solid:hover{--tw-border-style:solid;border-style:solid}.hover\\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:border-zinc-500:hover{border-color:var(--color-zinc-500)}.hover\\:border-zinc-700:hover{border-color:var(--color-zinc-700)}.hover\\:bg-black:hover{background-color:var(--color-black)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\\:bg-red-900\\/50:hover{background-color:#82181a80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-red-900\\/50:hover{background-color:color-mix(in oklab, var(--color-red-900) 50%, transparent)}}.hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\\:text-blue-300:hover{color:var(--color-blue-300)}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-90:hover{opacity:.9}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\\:cursor-grabbing:active{cursor:grabbing}.disabled\\:opacity-50:disabled{opacity:.5}@media (width>=48rem){.md\\:inline-block{display:inline-block}.md\\:w-1\\/2{width:50%}.md\\:pr-3{padding-right:calc(var(--spacing) * 3)}}@media (width>=64rem){.lg\\:w-1\\/3{width:33.3333%}.lg\\:w-2\\/3{width:66.6667%}.lg\\:flex-row{flex-direction:row}}@media (prefers-color-scheme:dark){.dark\\:border-zinc-800{border-color:var(--color-zinc-800)}.dark\\:bg-red-950\\/40{background-color:#46080966}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-red-950\\/40{background-color:color-mix(in oklab, var(--color-red-950) 40%, transparent)}}.dark\\:text-emerald-400{color:var(--color-emerald-400)}.dark\\:text-red-400{color:var(--color-red-400)}}}:host{all:initial;font-family:inherit}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}", Te = ({ children: e, useShadow: t = !0 }) => {
 	let n = u(null), [r, i] = d(null);
 	return c(() => {
 		if (typeof document > "u" || !n.current || !t) return;
@@ -1924,7 +2691,7 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 			let t = document.createElement("style");
 			t.innerText = ":host, *, *::before, *::after, ::backdrop {\n        --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate-x: initial;\n        --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial;\n        --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0;\n        --tw-border-style: solid; --tw-shadow: 0 0 #0000;\n        --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff;\n      }", e.appendChild(t);
 			let i = document.createElement("style");
-			i.textContent = _e, e.appendChild(i), r = document.createElement("div"), r.className = "voxket-widget-root", r.style.cssText = "\n        all: initial;\n        box-sizing: border-box !important;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif !important;\n        font-size: 14px !important;\n        color: #1a1a1a !important; \n        position: relative !important;\n        background-color: transparent !important;\n      ", e.appendChild(r);
+			i.textContent = we, e.appendChild(i), r = document.createElement("div"), r.className = "voxket-widget-root", r.style.cssText = "\n        all: initial;\n        box-sizing: border-box !important;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif !important;\n        font-size: 14px !important;\n        color: #1a1a1a !important; \n        position: relative !important;\n        background-color: transparent !important;\n      ", e.appendChild(r);
 		}
 		r && i(r);
 	}, [t]), t ? /* @__PURE__ */ p("div", {
@@ -1932,7 +2699,7 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 		className: "w-full h-full",
 		children: r && e ? h(e, r) : null
 	}) : /* @__PURE__ */ p(f, { children: e });
-}, $ = ({ config: e }) => t.createElement(ve, { useShadow: !0 }, t.createElement(ge, { config: e })), ye = class {
+}, Ee = ({ config: e }) => t.createElement(Te, { useShadow: !0 }, t.createElement(Ce, { config: e })), De = class {
 	config;
 	container = null;
 	root = null;
@@ -1941,16 +2708,16 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 	}
 	mount(n) {
 		if (this.container = typeof n == "string" ? document.getElementById(n) : n, !this.container) throw Error("EventWidget: Mount container not found.");
-		this.root ||= e(this.container), this.root.render(t.createElement($, { config: this.config }));
+		this.root ||= e(this.container), this.root.render(t.createElement(Ee, { config: this.config }));
 	}
 	updateConfig(e) {
 		this.config = {
 			...this.config,
 			...e
-		}, this.root && this.root.render(t.createElement($, { config: this.config }));
+		}, this.root && this.root.render(t.createElement(Ee, { config: this.config }));
 	}
 	setConfig(e) {
-		this.config = e, this.root && this.root.render(t.createElement($, { config: this.config }));
+		this.config = e, this.root && this.root.render(t.createElement(Ee, { config: this.config }));
 	}
 	unmount() {
 		if (this.root) {
@@ -1960,4 +2727,4 @@ var Q = M(pe), me = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode:
 	}
 };
 //#endregion
-export { $ as EventWidget, ye as EventWidgetClient };
+export { Ee as EventWidget, De as EventWidgetClient };