@levo-so/site-runtime 0.3.18 → 0.3.20

package/index.js

@@ -5,35 +5,35 @@ import { t as a } from "./inlineCollectionTheme-CWcMCUti.js";
 import { t as o } from "./inlineBaseTheme-BB9e6h5f.js";
 import { a as s, c, d as l, f as u, i as d, l as f, n as p, o as m, r as h, s as g, t as _, u as v } from "./routes-CyKmkoRM.js";
 import { createLevoClient as y, getLevoError as b } from "@levo-so/core";
-import * as ee from "react";
 import { Suspense as x, createContext as S, lazy as C, useCallback as w, useContext as T, useEffect as E, useLayoutEffect as D, useMemo as O, useRef as k, useState as A, useSyncExternalStore as j } from "react";
 import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
 import { Dialog as F } from "@base-ui/react/dialog";
 import { keepPreviousData as I, useMutation as L, useQuery as R, useQueryClient as z } from "@tanstack/react-query";
-import { ScriptOnce as B, redirect as V, useRouterState as H } from "@tanstack/react-router";
-import { createLevoInsights as te } from "@levo-so/insights";
-import { CheckIcon as ne, ChevronLeftIcon as U, ChevronRightIcon as re, LoaderCircle as ie, Tag as ae, X as oe, XIcon as se } from "lucide-react";
-import { useRazorpay as ce } from "react-razorpay";
-import { EmbeddedCheckout as le, EmbeddedCheckoutProvider as W } from "@stripe/react-stripe-js";
+import { ScriptOnce as ee, redirect as te, useRouterState as B } from "@tanstack/react-router";
+import { createLevoInsights as ne } from "@levo-so/insights";
+import { CalendarPlusIcon as re, CheckIcon as ie, ChevronDownIcon as ae, DownloadIcon as oe, LoaderCircleIcon as se, XIcon as ce } from "lucide-react";
+import { Popover as V } from "@base-ui/react/popover";
+import { useRazorpay as le } from "react-razorpay";
+import { EmbeddedCheckout as ue, EmbeddedCheckoutProvider as de } from "@stripe/react-stripe-js";
 //#region src/access/types.ts
-var ue = [
+var H = [
 	"otp",
 	"magiclink",
 	"whatsapp"
-], G = [
+], fe = [
 	"google",
 	"microsoft",
 	"linkedin"
-], de = [...ue, ...G], fe = "otp", K = (e) => typeof e == "object" && !!e && !Array.isArray(e), pe = (e) => ue.includes(e), me = (e) => G.includes(e), he = (e) => Array.isArray(e) ? e.filter((e) => typeof e == "string") : [], ge = (e) => e, _e = (e) => {
-	if (!K(e)) return null;
-	let t = e.enabled === void 0 ? !0 : e.enabled === !0, n = K(e.options) ? e.options : {};
+], pe = [...H, ...fe], me = "otp", U = (e) => typeof e == "object" && !!e && !Array.isArray(e), he = (e) => H.includes(e), ge = (e) => fe.includes(e), _e = (e) => Array.isArray(e) ? e.filter((e) => typeof e == "string") : [], ve = (e) => e, ye = (e) => {
+	if (!U(e)) return null;
+	let t = e.enabled === void 0 ? !0 : e.enabled === !0, n = U(e.options) ? e.options : {};
 	switch (e.kind) {
 		case "authentication": return {
 			kind: "authentication",
 			enabled: t,
 			options: {
-				methods: he(n.methods).filter((e) => pe(e) || me(e)),
-				...pe(n.primary_method) ? { primary_method: n.primary_method } : {}
+				methods: _e(n.methods).filter((e) => he(e) || ge(e)),
+				...he(n.primary_method) ? { primary_method: n.primary_method } : {}
 			}
 		};
 		case "gating": return typeof n.collection != "string" || !n.collection.trim() ? null : {
@@ -41,71 +41,71 @@ var ue = [
 			enabled: t,
 			options: {
 				collection: n.collection.trim(),
-				...K(n.condition) ? { condition: ge(n.condition) } : {},
-				hidden: he(n.hidden)
+				...U(n.condition) ? { condition: ve(n.condition) } : {},
+				hidden: _e(n.hidden)
 			}
 		};
 		case "profile": return {
 			kind: "profile",
 			enabled: t,
 			options: {
-				...K(n.condition) ? { condition: ge(n.condition) } : {},
-				hidden: he(n.hidden)
+				...U(n.condition) ? { condition: ve(n.condition) } : {},
+				hidden: _e(n.hidden)
 			}
 		};
 		default: return null;
 	}
-}, ve = (e) => {
+}, be = (e) => {
 	if (!Array.isArray(e) || e.length === 0) return {
 		rules: [],
 		invalid: !1
 	};
-	let t = e.map(_e).filter((e) => e !== null);
+	let t = e.map(ye).filter((e) => e !== null);
 	return {
 		rules: t.filter((e) => e.enabled !== !1),
 		invalid: t.length === 0
 	};
-}, ye = (e) => {
+}, xe = (e) => {
 	let t = e.find((e) => e.kind === "authentication"), n = t?.kind === "authentication" ? t.options?.methods ?? [] : [];
 	return {
-		primary: (t?.kind === "authentication" ? t.options?.primary_method : void 0) ?? n.find(pe) ?? fe,
-		oauth: n.filter(me)
+		primary: (t?.kind === "authentication" ? t.options?.primary_method : void 0) ?? n.find(he) ?? me,
+		oauth: n.filter(ge)
 	};
-}, be = (e = null) => ({
+}, Se = (e = null) => ({
 	state: "granted",
 	code: e,
 	message: null,
 	rule: null
-}), xe = () => ({
+}), Ce = () => ({
 	state: "checking",
 	code: null,
 	message: null,
 	rule: null
-}), q = (e, t, n = null) => ({
+}), W = (e, t, n = null) => ({
 	state: "blocked",
 	code: e,
 	message: t,
 	rule: n
-}), Se = (e, t) => {
+}), we = (e, t) => {
 	let n = t?.split(".")[0];
 	return e.find((e) => e.kind === n) ?? null;
-}, Ce = (e, t) => {
+}, Te = (e, t) => {
 	let n = (e) => t.find((t) => t.kind === e);
-	if (e === "granted") return be();
-	if (e === "signed_out") return q("authentication.NOT_LOGGED_IN", "You need to be signed in to view this page.", n("authentication") ?? t[0] ?? null);
+	if (e === "granted") return Se();
+	if (e === "signed_out") return W("authentication.NOT_LOGGED_IN", "You need to be signed in to view this page.", n("authentication") ?? t[0] ?? null);
 	let r = n("gating");
-	if (e === "entry_missing" && r) return q("gating.ENTRY_NOT_FOUND", null, r);
-	if (e === "entry_under_review" && r) return q("gating.ENTRY_CONDITION_NOT_FULFILLED", "Your submission is being reviewed.", r);
+	if (e === "entry_missing" && r) return W("gating.ENTRY_NOT_FOUND", null, r);
+	if (e === "entry_under_review" && r) return W("gating.ENTRY_CONDITION_NOT_FULFILLED", "Your submission is being reviewed.", r);
 	let i = n("profile");
-	return e === "profile_incomplete" && i ? q("profile.CONDITION_NOT_FULFILLED", null, i) : null;
-}, we = ({ rules: e, invalid: t, pageId: n, hasClient: r, isReady: i, isLoggedIn: a, check: o, preview: s }) => {
-	if (e.length === 0 && !t) return be();
+	return e === "profile_incomplete" && i ? W("profile.CONDITION_NOT_FULFILLED", null, i) : null;
+}, Ee = ({ rules: e, invalid: t, pageId: n, hasClient: r, isReady: i, isLoggedIn: a, check: o, preview: s }) => {
+	if (e.length === 0 && !t) return Se();
 	if (s) {
-		let t = Ce(s, e);
+		let t = Te(s, e);
 		if (t) return t;
 	}
-	return t ? q("access.CONFIG_INVALID", "This page's access rules could not be read.") : i ? r ? a ? n ? o.isError ? q("access.CHECK_FAILED", "We could not verify your access.") : o.isSuccess ? o.data ? o.data.has_access ? be(o.data.code ?? null) : q(o.data.code ?? "access.CHECK_FAILED", o.data.message ?? null, Se(e, o.data.code)) : q("access.CHECK_FAILED", "We could not verify your access.") : xe() : q("access.PAGE_NOT_IDENTIFIED", "This page is not linked to its access rules yet.") : q("authentication.NOT_LOGGED_IN", "You need to be signed in to view this page.", e.find((e) => e.kind === "authentication") ?? e[0] ?? null) : q("access.UNWIRED", "This site is not connected to an account system.") : xe();
-}, Te = (e) => {
+	return t ? W("access.CONFIG_INVALID", "This page's access rules could not be read.") : i ? r ? a ? n ? o.isError ? W("access.CHECK_FAILED", "We could not verify your access.") : o.isSuccess ? o.data ? o.data.has_access ? Se(o.data.code ?? null) : W(o.data.code ?? "access.CHECK_FAILED", o.data.message ?? null, we(e, o.data.code)) : W("access.CHECK_FAILED", "We could not verify your access.") : Ce() : W("access.PAGE_NOT_IDENTIFIED", "This page is not linked to its access rules yet.") : W("authentication.NOT_LOGGED_IN", "You need to be signed in to view this page.", e.find((e) => e.kind === "authentication") ?? e[0] ?? null) : W("access.UNWIRED", "This site is not connected to an account system.") : Ce();
+}, De = (e) => {
 	let t = (e?.apiUrl || "").replace(/\/$/, "");
 	return t ? y({
 		apiUrl: t,
@@ -114,39 +114,39 @@ var ue = [
 		NODE_ENV: "",
 		APP_MODE: e?.appMode || "production"
 	}) : null;
-}, Ee = (e) => ({
+}, Oe = (e) => ({
 	apiUrl: e.levo?.api_url || "",
 	workspace: e.workspace_id || "",
 	siteId: e.id || "",
 	insightsUrl: e.levo?.insights_url || null,
 	appMode: e.levo?.app_mode || "production"
-}), De = (e) => [
+}), ke = (e) => [
 	"levo-source",
 	"list",
 	e.module,
 	e.identifier,
 	e.query ?? null,
 	e.options ?? null
-], Oe = (e, t) => [
+], Ae = (e, t) => [
 	"levo-source",
 	"record",
 	e.module,
 	e.identifier,
 	t ?? null
-], ke = (e) => [
+], je = (e) => [
 	"levo-source",
 	"form",
 	e.module,
 	e.identifier
-], Ae = {
+], Me = {
 	blog_author: "author",
 	blog_category: "category",
 	blog_tag: "tag"
-}, je = (e, t) => {
-	let n = encodeURIComponent(e.identifier), r = t ? `${encodeURIComponent(t)}/get-single` : "list", i = Ae[e.module];
+}, Ne = (e, t) => {
+	let n = encodeURIComponent(e.identifier), r = t ? `${encodeURIComponent(t)}/get-single` : "list", i = Me[e.module];
 	return i ? `/v1/blog/${n}/${i}/${r}` : e.module === "community" ? `/v1/community/${n}/post/${r}` : null;
-}, Me = async (e, t) => {
-	let n = je(t);
+}, Pe = async (e, t) => {
+	let n = Ne(t);
 	if (n) {
 		let r = await e.fetch.url(n).post(t.query ?? {}).json();
 		return {
@@ -162,16 +162,16 @@ var ue = [
 		data: r.content.data ?? [],
 		meta: r.content.meta ?? null
 	};
-}, Ne = async (e, t, n) => {
-	let r = je(t, n);
+}, Fe = async (e, t, n) => {
+	let r = Ne(t, n);
 	return r ? (await e.fetch.url(r).get().json()).content.data ?? null : (t.module === "collection" ? await e.collection.getCollectionContent({
 		collection_key: t.identifier,
 		slug: n
 	}) : t.module === "blog" ? await e.blog.getSingleBlog(t.identifier, n, { workspace_id: e.workspace ?? "" }) : await e.event.getSingleEvent(n, { workspace_id: e.workspace ?? "" })).content.data ?? null;
-}, Pe = async (e, t) => (await e.collection.getCollectionByIDExpanded(t.identifier)).content.data ?? null, Fe = (e) => {
+}, Ie = async (e, t) => (await e.collection.getCollectionByIDExpanded(t.identifier)).content.data ?? null, Le = (e) => {
 	let t = i(), n = R({
-		queryKey: De(e),
-		queryFn: () => Me(t, e),
+		queryKey: ke(e),
+		queryFn: () => Pe(t, e),
 		enabled: !!t
 	});
 	return {
@@ -184,10 +184,10 @@ var ue = [
 			...e
 		}) }
 	};
-}, Ie = (e, t) => {
+}, Re = (e, t) => {
 	let n = i(), r = R({
-		queryKey: Oe(e, t),
-		queryFn: () => Ne(n, e, t),
+		queryKey: Ae(e, t),
+		queryFn: () => Fe(n, e, t),
 		enabled: !!n && !!t
 	});
 	return {
@@ -199,10 +199,10 @@ var ue = [
 			...e
 		}) }
 	};
-}, Le = (e) => {
+}, ze = (e) => {
 	let t = i(), n = R({
-		queryKey: ke(e),
-		queryFn: () => Pe(t, e),
+		queryKey: je(e),
+		queryFn: () => Ie(t, e),
 		enabled: !!t
 	});
 	return {
@@ -214,30 +214,30 @@ var ue = [
 			...e
 		}) }
 	};
-}, Re = (e) => {
+}, Be = (e) => {
 	let t = Object.values(e ?? {});
 	return t.length === 1 ? t[0] : e?.slug;
-}, ze = async ({ queryClient: e, config: t, sources: n, params: r }) => {
-	let i = Te(t);
+}, Ve = async ({ queryClient: e, config: t, sources: n, params: r }) => {
+	let i = De(t);
 	if (!i || !n) return {};
 	let a = await Promise.all(Object.entries(n).map(async ([t, n]) => {
 		if (n.mode === "record") {
-			let a = n.param ? r?.[n.param] : Re(r);
+			let a = n.param ? r?.[n.param] : Be(r);
 			return a ? [t, await e.ensureQueryData({
-				queryKey: Oe(n, a),
-				queryFn: () => Ne(i, n, a)
+				queryKey: Ae(n, a),
+				queryFn: () => Fe(i, n, a)
 			}).catch(() => null)] : [t, null];
 		}
 		return n.mode === "form" ? [t, await e.ensureQueryData({
+			queryKey: je(n),
+			queryFn: () => Ie(i, n)
+		}).catch(() => null)] : [t, await e.ensureQueryData({
 			queryKey: ke(n),
 			queryFn: () => Pe(i, n)
-		}).catch(() => null)] : [t, await e.ensureQueryData({
-			queryKey: De(n),
-			queryFn: () => Me(i, n)
 		}).catch(() => null)];
 	}));
 	return Object.fromEntries(a);
-}, Be = {
+}, He = {
 	background: "var(--color-page)",
 	foreground: "var(--color-ink)",
 	text: "var(--color-ink)",
@@ -259,10 +259,10 @@ var ue = [
 	input: "var(--color-background1)",
 	inputForeground: "var(--color-ink)",
 	ring: "var(--color-brand)"
-}, Ve = (e) => O(() => ({
+}, Ue = (e) => O(() => ({
 	...o({
 		colors: {
-			...Be,
+			...He,
 			...e?.colors
 		},
 		radius: e?.radius ?? "var(--radius-token)",
@@ -275,15 +275,15 @@ var ue = [
 }), [e]);
 //#endregion
 //#region src/hooks/useMounted.ts
-function J() {
+function G() {
 	let [e, t] = A(!1);
 	return E(() => t(!0), []), e;
 }
 //#endregion
 //#region src/access/useLevoAuth.ts
-var Y = ["levo-auth", "session"], He = () => {
-	let e = i(), t = z(), n = J(), r = R({
-		queryKey: Y,
+var K = ["levo-auth", "session"], We = () => {
+	let e = i(), t = z(), n = G(), r = R({
+		queryKey: K,
 		queryFn: async () => {
 			try {
 				return await e?.membership?.getMe() ?? null;
@@ -298,12 +298,12 @@ var Y = ["levo-auth", "session"], He = () => {
 		mutationFn: async () => {
 			await e?.membership?.signOut();
 		},
-		onSettled: () => t.invalidateQueries({ queryKey: Y }),
+		onSettled: () => t.invalidateQueries({ queryKey: K }),
 		onError: (t) => {
 			e?.logger?.error("Sign out failed", { exception: b(t) });
 		}
 	}), o = w(async () => {
-		await t.invalidateQueries({ queryKey: Y });
+		await t.invalidateQueries({ queryKey: K });
 	}, [t]), s = w(async () => {
 		await a.mutateAsync().catch(() => void 0);
 	}, [a]), c = r.data ?? null;
@@ -316,11 +316,11 @@ var Y = ["levo-auth", "session"], He = () => {
 		signOut: s,
 		isSigningOut: a.isPending
 	};
-}, Ue = ({ collection: e, hidden: n, submitLabel: r = "Submit", onSuccess: a, theme: o, className: s }) => {
-	let c = i(), { account: l } = He(), { schema: u, isLoading: d } = Le({
+}, Ge = ({ collection: e, hidden: n, submitLabel: r = "Submit", onSuccess: a, theme: o, className: s }) => {
+	let c = i(), { account: l } = We(), { schema: u, isLoading: d } = ze({
 		module: "collection",
 		identifier: e
-	}), f = Ve(o);
+	}), f = Ue(o);
 	return c ? /* @__PURE__ */ N("div", {
 		className: s,
 		children: /* @__PURE__ */ N(t, {
@@ -344,17 +344,17 @@ var Y = ["levo-auth", "session"], He = () => {
 			onSuccess: () => a?.()
 		})
 	}) : null;
-}, We = "so_levo_membership_account", Ge = [
+}, Ke = "so_levo_membership_account", qe = [
 	"profile_picture",
 	"first_name",
 	"last_name",
 	"email",
 	"username",
 	"socials"
-], Ke = ["email", "username"], qe = (e) => Ge.includes(e.key) || e.editable === !0, Je = ({ hidden: t, submitLabel: n = "Save and continue", onSuccess: r, errorClassName: a = "text-sm text-[var(--color-danger)]", theme: o, className: s }) => {
-	let c = i(), l = J(), { account: u } = He(), d = Ve(o), [f, p] = A(""), m = R({
+], Je = ["email", "username"], Ye = (e) => qe.includes(e.key) || e.editable === !0, Xe = ({ hidden: t, submitLabel: n = "Save and continue", onSuccess: r, errorClassName: a = "text-sm text-[var(--color-danger)]", theme: o, className: s }) => {
+	let c = i(), l = G(), { account: u } = We(), d = Ue(o), [f, p] = A(""), m = R({
 		queryKey: ["levo-access", "profile-schema"],
-		queryFn: async () => (await c?.collection?.getCollectionByIDExpanded(We))?.content?.data ?? null,
+		queryFn: async () => (await c?.collection?.getCollectionByIDExpanded(Ke))?.content?.data ?? null,
 		enabled: l && !!c,
 		staleTime: 5 * 6e4,
 		retry: 1
@@ -366,14 +366,14 @@ var Y = ["levo-auth", "session"], He = () => {
 				...e,
 				fields: e.fields?.map((e) => ({
 					...e,
-					hidden: !qe(e) || !!t?.includes(e.key),
-					readonly: e.readonly || Ke.includes(e.key)
+					hidden: !Ye(e) || !!t?.includes(e.key),
+					readonly: e.readonly || Je.includes(e.key)
 				}))
 			}))
 		} : null;
 	}, [m.data, h]), _ = L({
 		mutationFn: async (e) => {
-			let n = g?.sections?.flatMap((e) => e?.fields ?? [])?.filter((e) => qe(e) && !Ke.includes(e.key) && !t?.includes(e.key))?.map((e) => e?.key) ?? [];
+			let n = g?.sections?.flatMap((e) => e?.fields ?? [])?.filter((e) => Ye(e) && !Je.includes(e.key) && !t?.includes(e.key))?.map((e) => e?.key) ?? [];
 			await c?.membership?.updateMe(Object.fromEntries(Object.entries(e).filter(([e]) => n.includes(e))));
 		},
 		onMutate: () => p(""),
@@ -404,15 +404,15 @@ var Y = ["levo-auth", "session"], He = () => {
 			onSubmit: (e) => _.mutate(e)
 		}) : null]
 	}) : null;
-}, Ye = null, Xe = /* @__PURE__ */ new Set(), Ze = (e) => {
-	if (Ye !== e) {
-		Ye = e;
-		for (let e of Xe) e();
+}, Ze = null, Qe = /* @__PURE__ */ new Set(), $e = (e) => {
+	if (Ze !== e) {
+		Ze = e;
+		for (let e of Qe) e();
 	}
-}, Qe = (e) => (Xe.add(e), () => {
-	Xe.delete(e);
-}), $e = () => j(Qe, () => Ye, () => null), et = (e) => {
-	let t = i(), n = z(), r = J(), { isLoggedIn: a, isLoaded: o } = He(), s = $e(), c = e.id?.trim() || "", { rules: l, invalid: u } = O(() => ve(e.access), [e.access]), d = O(() => ye(l), [l]), f = r && !!t && l.length > 0 && !u && !!c && a && !s, p = R({
+}, et = (e) => (Qe.add(e), () => {
+	Qe.delete(e);
+}), tt = () => j(et, () => Ze, () => null), nt = (e) => {
+	let t = i(), n = z(), r = G(), { isLoggedIn: a, isLoaded: o } = We(), s = tt(), c = e.id?.trim() || "", { rules: l, invalid: u } = O(() => be(e.access), [e.access]), d = O(() => xe(l), [l]), f = r && !!t && l.length > 0 && !u && !!c && a && !s, p = R({
 		queryKey: ["levo-access", c],
 		queryFn: async () => (await t?.fetch.url(`/v1/builder/page/${c}/check-access`).post().json())?.content?.data ?? null,
 		enabled: f,
@@ -427,10 +427,10 @@ var Y = ["levo-auth", "session"], He = () => {
 		t
 	]);
 	let m = w(() => {
-		n.invalidateQueries({ queryKey: Y }), n.invalidateQueries({ queryKey: ["levo-access", c] });
+		n.invalidateQueries({ queryKey: K }), n.invalidateQueries({ queryKey: ["levo-access", c] });
 	}, [n, c]);
 	return {
-		...we({
+		...Ee({
 			rules: l,
 			invalid: u,
 			pageId: c,
@@ -448,26 +448,26 @@ var Y = ["levo-auth", "session"], He = () => {
 		recheck: m,
 		isChecking: p.isFetching
 	};
-}, tt = "membership.account.ACCOUNT_PENDING_APPROVAL", nt = (e) => e ? e === "membership.account.ACCOUNT_PENDING_APPROVAL" || e.includes("ACCOUNT_PENDING_APPROVAL") : !1, rt = (e) => {
+}, rt = "membership.account.ACCOUNT_PENDING_APPROVAL", it = (e) => e ? e === "membership.account.ACCOUNT_PENDING_APPROVAL" || e.includes("ACCOUNT_PENDING_APPROVAL") : !1, at = (e) => {
 	let t = b(e);
 	return {
 		code: t?.code || "SOMETHING_WENT_WRONG",
 		title: t?.title || "Something went wrong",
 		message: t?.message || "Something went wrong. Please try again.",
 		fieldErrors: Object.fromEntries((t?.fieldErrors ?? []).map((e) => [e.param, e.message])),
-		isPendingApproval: nt(t?.code)
+		isPendingApproval: it(t?.code)
 	};
-}, it = {
+}, ot = {
 	code: "site.NOT_CONNECTED",
 	title: "Sign-in unavailable",
 	message: "This site is not connected to an account system yet.",
 	fieldErrors: {},
 	isPendingApproval: !1
-}, at = () => {
+}, st = () => {
 	let e = i(), t = z(), n = w(async (t, n) => {
 		if (!e?.membership) return {
 			ok: !1,
-			error: it
+			error: ot
 		};
 		try {
 			return {
@@ -478,7 +478,7 @@ var Y = ["levo-auth", "session"], He = () => {
 			let r = b(n);
 			return e.logger?.error(t, { exception: r }), {
 				ok: !1,
-				error: rt(r)
+				error: at(r)
 			};
 		}
 	}, [e]), r = w(async ({ identifier: t, medium: n }) => {
@@ -491,7 +491,7 @@ var Y = ["levo-auth", "session"], He = () => {
 			content: r,
 			code: i
 		}) ?? null;
-		return t.setQueryData(Y, n), t.invalidateQueries({ queryKey: Y }), n;
+		return t.setQueryData(K, n), t.invalidateQueries({ queryKey: K }), n;
 	}) }), c = L({ mutationFn: (t) => n("Failed to send magic link", async () => {
 		await e?.membership?.requestMagicLink({ content: t });
 	}) });
@@ -505,11 +505,11 @@ var Y = ["levo-auth", "session"], He = () => {
 		isVerifying: s.isPending,
 		isSendingMagicLink: c.isPending
 	};
-}, ot = 700, st = 500, ct = 700, lt = (e, t) => {
-	let n = window.screenX + (window.outerWidth - st) / 2, r = window.screenY + (window.outerHeight - ct) / 2.5;
-	return window.open(e, t, `width=${st},height=${ct},left=${n},top=${r}`);
-}, ut = ({ methods: e, title: t = "Sign in", onSuccess: n, onError: r }) => {
-	let a = i(), o = z(), s = J(), [c, l] = A(null), [u, d] = A(null), f = k(null), p = k(void 0), m = k({
+}, ct = 700, lt = 500, ut = 700, dt = (e, t) => {
+	let n = window.screenX + (window.outerWidth - lt) / 2, r = window.screenY + (window.outerHeight - ut) / 2.5;
+	return window.open(e, t, `width=${lt},height=${ut},left=${n},top=${r}`);
+}, ft = ({ methods: e, title: t = "Sign in", onSuccess: n, onError: r }) => {
+	let a = i(), o = z(), s = G(), [c, l] = A(null), [u, d] = A(null), f = k(null), p = k(void 0), m = k({
 		onSuccess: n,
 		onError: r
 	});
@@ -557,7 +557,7 @@ var Y = ["levo-auth", "session"], He = () => {
 			let n = t.get("code");
 			if (!n) return;
 			if (g(), n.toLowerCase() === "success") {
-				d(null), o.invalidateQueries({ queryKey: Y }), m.current.onSuccess?.();
+				d(null), o.invalidateQueries({ queryKey: K }), m.current.onSuccess?.();
 				return;
 			}
 			let r = {
@@ -565,10 +565,10 @@ var Y = ["levo-auth", "session"], He = () => {
 				title: t.get("title") || "Sign-in failed",
 				message: t.get("message") || "We could not sign you in. Please try again.",
 				fieldErrors: {},
-				isPendingApproval: nt(t.get("code"))
+				isPendingApproval: it(t.get("code"))
 			};
 			r.isPendingApproval || d(r), m.current.onError?.(r);
-		}, ot);
+		}, ct);
 	}, [o, g]), v = O(() => {
 		let e = h.data;
 		if (!e || typeof window > "u") return {};
@@ -589,7 +589,7 @@ var Y = ["levo-auth", "session"], He = () => {
 			signIn: () => {
 				let n = v[e];
 				if (n) {
-					if (d(null), f.current?.close(), f.current = lt(n, t), !f.current) {
+					if (d(null), f.current?.close(), f.current = dt(n, t), !f.current) {
 						d({
 							code: "POPUP_BLOCKED",
 							title: "Popup blocked",
@@ -613,10 +613,10 @@ var Y = ["levo-auth", "session"], He = () => {
 		error: u,
 		clearError: w(() => d(null), [])
 	};
-}, dt = 4, ft = (e) => /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(e.trim()), pt = (e) => RegExp("^\\d{4}$").test(e.trim()), mt = (e) => {
+}, pt = 4, mt = (e) => /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(e.trim()), ht = (e) => RegExp("^\\d{4}$").test(e.trim()), gt = (e) => {
 	let t = e.replace(/\D/g, "").replace(/^0+/, "");
 	return t ? `+${t}` : "";
-}, ht = (e) => /^\+[1-9]\d{7,14}$/.test(mt(e)), gt = ({ value: e, onChange: t, length: n = 4, onComplete: r, autoFocus: i, disabled: a }) => {
+}, _t = (e) => /^\+[1-9]\d{7,14}$/.test(gt(e)), vt = ({ value: e, onChange: t, length: n = 4, onComplete: r, autoFocus: i, disabled: a }) => {
 	let o = k([]), [s, c] = A(null), l = k(r);
 	l.current = r;
 	let u = Array.from({ length: n }, (t, n) => e[n] ?? ""), d = w((e) => {
@@ -700,11 +700,11 @@ var Y = ["levo-auth", "session"], He = () => {
 		},
 		clear: w(() => f("", 0), [f])
 	};
-}, _t = C(() => import("./kbChat-DtZ4vuCZ.js")), vt = ({ site: e, path: t }) => {
-	let n = J(), r = e.workspace_id || void 0;
+}, yt = C(() => import("./kbChat-DtZ4vuCZ.js")), bt = ({ site: e, path: t }) => {
+	let n = G(), r = e.workspace_id || void 0;
 	return !n || !r ? null : /* @__PURE__ */ N(x, {
 		fallback: null,
-		children: /* @__PURE__ */ N(_t, {
+		children: /* @__PURE__ */ N(yt, {
 			workspaceId: r,
 			siteName: e.name || void 0,
 			siteLogo: void 0,
@@ -714,61 +714,61 @@ var Y = ["levo-auth", "session"], He = () => {
 			path: t
 		})
 	});
-}, yt = "(prefers-color-scheme: dark)", bt = (e) => {
+}, xt = "(prefers-color-scheme: dark)", St = (e) => {
 	try {
 		let t = localStorage.getItem(e);
 		return t === "light" || t === "dark" || t === "system" ? t : null;
 	} catch {
 		return null;
 	}
-}, xt = (e, t) => {
+}, Ct = (e, t) => {
 	try {
 		localStorage.setItem(e, t);
 	} catch {}
 };
-function St(e, t) {
-	return `(function(){try{var t=localStorage.getItem(${JSON.stringify(e)});if(t!=='light'&&t!=='dark'&&t!=='system'){t=${JSON.stringify(t)}}var d=matchMedia('${yt}').matches;var r=t==='system'?(d?'dark':'light'):t;var e=document.documentElement;e.classList.remove('light','dark');e.classList.add(r);e.style.colorScheme=r}catch(e){}})();`;
+function wt(e, t) {
+	return `(function(){try{var t=localStorage.getItem(${JSON.stringify(e)});if(t!=='light'&&t!=='dark'&&t!=='system'){t=${JSON.stringify(t)}}var d=matchMedia('${xt}').matches;var r=t==='system'?(d?'dark':'light'):t;var e=document.documentElement;e.classList.remove('light','dark');e.classList.add(r);e.style.colorScheme=r}catch(e){}})();`;
 }
-var Ct = S(void 0), wt = (e) => e === "system" ? window.matchMedia(yt).matches ? "dark" : "light" : e;
-function Tt(e) {
+var Tt = S(void 0), Et = (e) => e === "system" ? window.matchMedia(xt).matches ? "dark" : "light" : e;
+function Dt(e) {
 	let t = document.documentElement;
 	t.classList.remove("light", "dark"), t.classList.add(e), t.style.colorScheme = e;
 }
-var Et = ({ children: e, defaultMode: t = "system", storageKey: n = "color-mode" }) => {
-	let [r, i] = A(t), [a, o] = A(t === "dark" ? "dark" : "light"), s = J();
+var Ot = ({ children: e, defaultMode: t = "system", storageKey: n = "color-mode" }) => {
+	let [r, i] = A(t), [a, o] = A(t === "dark" ? "dark" : "light"), s = G();
 	return E(() => {
-		i(bt(n) ?? t);
+		i(St(n) ?? t);
 	}, [t, n]), E(() => {
 		if (!s) return;
-		let e = wt(r);
-		Tt(e), o(e);
+		let e = Et(r);
+		Dt(e), o(e);
 	}, [r, s]), E(() => {
 		if (!s || r !== "system") return;
-		let e = window.matchMedia(yt), t = () => {
+		let e = window.matchMedia(xt), t = () => {
 			let t = e.matches ? "dark" : "light";
-			Tt(t), o(t);
+			Dt(t), o(t);
 		};
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, [r, s]), /* @__PURE__ */ P(Ct.Provider, {
+	}, [r, s]), /* @__PURE__ */ P(Tt.Provider, {
 		value: {
 			mode: r,
 			resolvedMode: a,
 			setMode: (e) => {
-				xt(n, e), i(e);
+				Ct(n, e), i(e);
 			}
 		},
-		children: [/* @__PURE__ */ N(B, { children: St(n, t) }), e]
+		children: [/* @__PURE__ */ N(ee, { children: wt(n, t) }), e]
 	});
 };
-function Dt() {
-	let e = T(Ct);
+function kt() {
+	let e = T(Tt);
 	if (e === void 0) throw Error("useColorMode must be used within a ColorModeProvider");
 	return e;
 }
 //#endregion
 //#region src/form/LevoForm.tsx
-var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant: a = "default", successConfig: o, theme: s, className: c, defaultValues: l, disabled: u, showSuccessScreen: d = !0, onSuccess: f, onError: p }) => {
-	let m = i(), { schema: h, isLoading: g, bind: _ } = Le(e), v = Ve(s);
+var At = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant: a = "default", successConfig: o, theme: s, className: c, defaultValues: l, disabled: u, showSuccessScreen: d = !0, onSuccess: f, onError: p }) => {
+	let m = i(), { schema: h, isLoading: g, bind: _ } = ze(e), v = Ue(s);
 	return m ? /* @__PURE__ */ N("div", {
 		..._,
 		className: c,
@@ -798,28 +798,28 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 			onError: p
 		})
 	}) : null;
-}, kt = 1400, At = 12 * 1024 * 1024, jt = new Set(["transparent", "rgba(0, 0, 0, 0)"]), Mt = {
+}, jt = 1400, Mt = 12 * 1024 * 1024, Nt = new Set(["transparent", "rgba(0, 0, 0, 0)"]), Pt = {
 	imagePlaceholder: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",
 	onImageErrorHandler: () => void 0
-}, Nt = (e) => {
+}, Ft = (e) => {
 	let t = getComputedStyle(e);
-	return !jt.has(t.backgroundColor) || t.backgroundImage !== "none";
-}, Pt = (e) => {
+	return !Nt.has(t.backgroundColor) || t.backgroundImage !== "none";
+}, It = (e) => {
 	for (let t = e; t; t = t.parentElement) {
 		let e = getComputedStyle(t).backgroundColor;
-		if (!jt.has(e)) return e;
+		if (!Nt.has(e)) return e;
 	}
 	return "#ffffff";
-}, Ft = async (e, t) => {
-	let { toPng: n } = await import("./es-ByBbirnH.js"), r = e.getBoundingClientRect(), i = Math.max(r.width, r.height, 1), a = Math.min(2, Math.max(.4, kt / i)), o = await n(e, {
-		...Mt,
+}, Lt = async (e, t) => {
+	let { toPng: n } = await import("./es-CGQflL9T.js"), r = e.getBoundingClientRect(), i = Math.max(r.width, r.height, 1), a = Math.min(2, Math.max(.4, jt / i)), o = await n(e, {
+		...Pt,
 		pixelRatio: a,
-		backgroundColor: Pt(e),
+		backgroundColor: It(e),
 		filter: (e) => !t.includes(e)
 	});
-	if (o.length > At) throw Error("capture too large");
+	if (o.length > Mt) throw Error("capture too large");
 	return o;
-}, It = 4, Lt = 4e3, Rt = (e, t) => {
+}, Rt = 4, zt = 4e3, Bt = (e, t) => {
 	let n = document.elementFromPoint(e.x + e.width / 2, e.y + e.height / 2);
 	for (; n && t.includes(n);) n = n.parentElement;
 	let r = document.body;
@@ -830,8 +830,8 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 			break;
 		}
 	}
-	let i = window.innerWidth * window.innerHeight * It || 2 ** 53 - 1, a = r;
-	for (; !Nt(a);) {
+	let i = window.innerWidth * window.innerHeight * Rt || 2 ** 53 - 1, a = r;
+	for (; !Ft(a);) {
 		let e = a.parentElement;
 		if (!e || e === document.documentElement) break;
 		let t = e.getBoundingClientRect();
@@ -839,13 +839,13 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 		a = e;
 	}
 	return a;
-}, zt = async (e, t) => {
-	let { toCanvas: n } = await import("./es-ByBbirnH.js"), r = Rt(e, t), i = r.getBoundingClientRect(), a = Math.max(e.width, e.height, 1), o = Math.min(2, Math.max(.4, kt / a)), s = Math.max(i.width, i.height, 1);
-	o = Math.min(o, Lt / s);
+}, Vt = async (e, t) => {
+	let { toCanvas: n } = await import("./es-CGQflL9T.js"), r = Bt(e, t), i = r.getBoundingClientRect(), a = Math.max(e.width, e.height, 1), o = Math.min(2, Math.max(.4, jt / a)), s = Math.max(i.width, i.height, 1);
+	o = Math.min(o, zt / s);
 	let c = await n(r, {
-		...Mt,
+		...Pt,
 		pixelRatio: o,
-		backgroundColor: Pt(r),
+		backgroundColor: It(r),
 		filter: (e) => !t.includes(e)
 	}), l = document.createElement("canvas");
 	l.width = Math.max(1, Math.round(e.width * o)), l.height = Math.max(1, Math.round(e.height * o));
@@ -853,26 +853,26 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 	if (!u) throw Error("no 2d context");
 	u.drawImage(c, (e.x - i.left) * o, (e.y - i.top) * o, e.width * o, e.height * o, 0, 0, l.width, l.height);
 	let d = l.toDataURL("image/png");
-	if (d.length > At) throw Error("capture too large");
+	if (d.length > Mt) throw Error("capture too large");
 	return d;
-}, Bt = {
+}, q = {
 	ring: 99997,
 	overlay: 99998,
 	label: 99999
-}, X = {
+}, J = {
 	hover: "#3b82f6",
 	hoverBg: "rgba(59,130,246,0.12)",
 	hoverLabelBg: "#1d4ed8",
 	select: "#16a34a",
 	selectGlow: "rgba(22,163,74,0.18)"
-}, Z = (e) => {
+}, Y = (e) => {
 	let t = e?.getAttribute("data-tsd-source");
 	return t ? t.replace(/^\//, "") : null;
-}, Vt = (e) => Array.from(document.querySelectorAll("[data-tsd-source]")).filter((t) => Z(t) === e), Ht = (e, t) => {
-	let n = Vt(t).indexOf(e);
+}, Ht = (e) => Array.from(document.querySelectorAll("[data-tsd-source]")).filter((t) => Y(t) === e), Ut = (e, t) => {
+	let n = Ht(t).indexOf(e);
 	return n < 0 ? 0 : n;
-}, Ut = (e, t = 0) => {
-	let n = Vt(e);
+}, X = (e, t = 0) => {
+	let n = Ht(e);
 	return n[t] ?? n[0] ?? null;
 }, Wt = (e, t) => {
 	let n = (e.getAttribute("data-staged-key") || "").split(/\s+/).filter(Boolean);
@@ -936,13 +936,13 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 	return t.join(" > ");
 }, Zt = () => {
 	let e = document.createElement("div");
-	e.style.cssText = `position:fixed;pointer-events:none;z-index:${Bt.overlay};background:${X.hoverBg};outline:2px solid ${X.hover};border-radius:2px;display:none`;
+	e.style.cssText = `position:fixed;pointer-events:none;z-index:${q.overlay};background:${J.hoverBg};outline:2px solid ${J.hover};border-radius:2px;display:none`;
 	let t = document.createElement("div");
-	t.style.cssText = `position:fixed;pointer-events:none;z-index:${Bt.label};background:${X.hoverLabelBg};color:#fff;font:11px/1.6 ui-monospace,monospace;padding:1px 6px;border-radius:4px;display:none;max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis`;
+	t.style.cssText = `position:fixed;pointer-events:none;z-index:${q.label};background:${J.hoverLabelBg};color:#fff;font:11px/1.6 ui-monospace,monospace;padding:1px 6px;border-radius:4px;display:none;max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis`;
 	let n = document.createElement("div");
-	n.style.cssText = `position:fixed;pointer-events:none;z-index:${Bt.ring};outline:2px solid ${X.select};outline-offset:1px;border-radius:3px;box-shadow:0 0 0 4px ${X.selectGlow};display:none`;
+	n.style.cssText = `position:fixed;pointer-events:none;z-index:${q.ring};outline:2px solid ${J.select};outline-offset:1px;border-radius:3px;box-shadow:0 0 0 4px ${J.selectGlow};display:none`;
 	let r = document.createElement("div");
-	return r.style.cssText = `position:fixed;pointer-events:none;z-index:${Bt.label};background:${X.select};color:#fff;font:11px/1.6 ui-monospace,monospace;padding:1px 6px;border-radius:4px;display:none;max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis`, {
+	return r.style.cssText = `position:fixed;pointer-events:none;z-index:${q.label};background:${J.select};color:#fff;font:11px/1.6 ui-monospace,monospace;padding:1px 6px;border-radius:4px;display:none;max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis`, {
 		overlay: e,
 		label: t,
 		ring: n,
@@ -976,7 +976,7 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 }, nn = 2e3, rn = (e) => {
 	let t = [], n = e;
 	for (; n && n.nodeType === 1 && n !== document.body && t.length < 8;) {
-		let e = Z(n);
+		let e = Y(n);
 		e && t.unshift({
 			tag: n.tagName.toLowerCase(),
 			text: (n.textContent || "").trim().slice(0, 60),
@@ -985,7 +985,7 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 	}
 	return t;
 }, an = (e) => {
-	let t = Z(e), n = t ? Vt(t).length : 1, r = t ? Ht(e, t) : 0, i = t && tn(e) ? (e.textContent ?? "").replace(/\s+/g, " ").trim().slice(0, nn) : void 0, a = on(e);
+	let t = Y(e), n = t ? Ht(t).length : 1, r = t ? Ut(e, t) : 0, i = t && tn(e) ? (e.textContent ?? "").replace(/\s+/g, " ").trim().slice(0, nn) : void 0, a = on(e);
 	return {
 		tag: e.tagName.toLowerCase(),
 		classes: typeof e.className == "string" ? e.className.trim() : "",
@@ -1002,7 +1002,7 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 }, on = (e) => {
 	let t = e.closest("[data-levo-source]");
 	if (!t) return;
-	let n = t.getAttribute("data-levo-source") ?? "", r = Z(t), i;
+	let n = t.getAttribute("data-levo-source") ?? "", r = Y(t), i;
 	try {
 		i = JSON.parse(n);
 	} catch {
@@ -1012,12 +1012,12 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 		raw: n,
 		element: {
 			source: r ?? "",
-			index: r ? Ht(t, r) : 0
+			index: r ? Ut(t, r) : 0
 		},
 		...i === void 0 ? {} : { config: i }
 	};
 }, sn = () => Array.from(document.querySelectorAll("[data-levo-source]")).map((e) => {
-	let t = e.getAttribute("data-levo-source") ?? "", n = Z(e), r;
+	let t = e.getAttribute("data-levo-source") ?? "", n = Y(e), r;
 	try {
 		r = JSON.parse(t);
 	} catch {
@@ -1027,7 +1027,7 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 		raw: t,
 		element: {
 			source: n ?? "",
-			index: n ? Ht(e, n) : 0
+			index: n ? Ut(e, n) : 0
 		},
 		tag: e.tagName.toLowerCase(),
 		label: Yt(e),
@@ -1041,7 +1041,7 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 ]), pn = (e, t) => t.includes(e) || e.id === "studio-staged" || fn.has(e.tagName.toLowerCase()), mn = (e) => {
 	let t = !1, n = 0, r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
 	for (let e of Array.from(document.querySelectorAll("[data-tsd-source]"))) {
-		let t = Z(e);
+		let t = Y(e);
 		if (!t) continue;
 		let n = i.get(t) ?? 0;
 		r.set(e, n), i.set(t, n + 1);
@@ -1054,7 +1054,7 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 		}
 	}, o = (i, s) => {
 		n++;
-		let c = Z(i), l = a(i), u = Array.from(i.children).filter((t) => !pn(t, e)), d = {
+		let c = Y(i), l = a(i), u = Array.from(i.children).filter((t) => !pn(t, e)), d = {
 			tag: i.tagName.toLowerCase(),
 			...c ? {
 				source: c,
@@ -1126,11 +1126,11 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 	return { onMessage: (o) => {
 		let s = o.data;
 		if (!(!s || s.source !== "web-chat") && t.acceptOrigin(o)) {
-			if (yn(), s.type === "set-access-preview") Ze(s.stage ?? null);
+			if (yn(), s.type === "set-access-preview") $e(s.stage ?? null);
 			else if (s.type === "set-inspect") e.setInspect(s.enabled);
 			else if (s.type === "set-text-edit") e.setTextEdit(s.enabled);
 			else if (s.type === "revert-text") {
-				let e = String(s.element?.source || ""), t = Number.isInteger(s.element?.index) ? s.element.index : 0, r = n.restore(`${e}#${t}`), i = r == null ? null : Ut(e, t);
+				let e = String(s.element?.source || ""), t = Number.isInteger(s.element?.index) ? s.element.index : 0, r = n.restore(`${e}#${t}`), i = r == null ? null : X(e, t);
 				i && r != null && (i.textContent = r);
 			} else if (s.type === "stage-style") {
 				let t = String(s.stageId || ""), n = String(s.element?.source || ""), a = Number.isInteger(s.element?.index) ? s.element.index : 0, o = s.styles && typeof s.styles == "object" ? s.styles : null;
@@ -1189,7 +1189,7 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 				}
 				e.syncDomObserver();
 			} else if (s.type === "select-element") {
-				let t = String(s.element?.source || ""), n = Number.isInteger(s.element?.index) ? s.element.index : 0, r = t ? Ut(t, n) : null;
+				let t = String(s.element?.source || ""), n = Number.isInteger(s.element?.index) ? s.element.index : 0, r = t ? X(t, n) : null;
 				if (!r) {
 					i({
 						type: "select-miss",
@@ -1208,7 +1208,7 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 					element: an(r)
 				});
 			} else if (s.type === "edit-element") {
-				let t = String(s.element?.source || ""), n = Number.isInteger(s.element?.index) ? s.element.index : 0, r = t ? Ut(t, n) : null;
+				let t = String(s.element?.source || ""), n = Number.isInteger(s.element?.index) ? s.element.index : 0, r = t ? X(t, n) : null;
 				if (!r) {
 					i({
 						type: "select-miss",
@@ -1229,7 +1229,7 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 				let o = e.editableTarget(r);
 				o && e.startEditAtEnd(o);
 			} else if (s.type === "highlight-element") {
-				let t = String(s.element?.source || ""), n = Number.isInteger(s.element?.index) ? s.element.index : 0, r = t ? Ut(t, n) : null;
+				let t = String(s.element?.source || ""), n = Number.isInteger(s.element?.index) ? s.element.index : 0, r = t ? X(t, n) : null;
 				if (!r) a = null, e.hideTextHover(), i({
 					type: "highlight-miss",
 					element: {
@@ -1270,7 +1270,7 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 					});
 					return;
 				}
-				Ft(n, e.ownNodes).then((e) => {
+				Lt(n, e.ownNodes).then((e) => {
 					console.info(`[levo-inspector] element capture ok <${n.tagName.toLowerCase()}> (${Math.round(e.length / 1024)}kB)`), i({
 						type: "capture-result",
 						requestId: t,
@@ -1328,12 +1328,12 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 		return !0;
 	}), s = o.length > En, c = [], l = [];
 	for (let e of o.slice(0, En)) {
-		let t = Z(e);
+		let t = Y(e);
 		if (!t) continue;
 		let n = (e.innerText || "").replace(/\s+/g, " ").trim().slice(0, 80);
 		c.push({
 			source: t,
-			index: Ht(e, t),
+			index: Ut(e, t),
 			tag: e.tagName.toLowerCase(),
 			label: Yt(e),
 			...n ? { text: n } : {}
@@ -1346,10 +1346,10 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 	};
 }, An = () => Array.from({ length: En }, () => {
 	let e = document.createElement("div");
-	return e.style.cssText = `position:fixed;pointer-events:none;z-index:${Bt.ring};outline:1.5px solid ${X.select};outline-offset:1px;border-radius:3px;box-shadow:0 0 0 3px ${X.selectGlow};display:none`, e;
+	return e.style.cssText = `position:fixed;pointer-events:none;z-index:${q.ring};outline:1.5px solid ${J.select};outline-offset:1px;border-radius:3px;box-shadow:0 0 0 3px ${J.selectGlow};display:none`, e;
 }), jn = () => {
 	let e = document.createElement("div");
-	e.style.cssText = `position:fixed;pointer-events:none;z-index:${Bt.overlay};border:1.5px dashed ${X.select};background:${X.selectGlow};border-radius:2px;display:none`;
+	e.style.cssText = `position:fixed;pointer-events:none;z-index:${q.overlay};border:1.5px dashed ${J.select};background:${J.selectGlow};border-radius:2px;display:none`;
 	let t = null, n = !1, r = 0, i = 0, a = () => {
 		e.style.display = "none";
 	};
@@ -1396,7 +1396,7 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 		let n = i();
 		n.textContent !== t && (n.textContent = t);
 	}, o = (e, r) => {
-		let i = Ut(r.source, r.index);
+		let i = X(r.source, r.index);
 		if (i) if (r.kind === "style") Wt(i, e);
 		else if (r.kind === "image") t.captureOnce(`${r.source}#${r.index}:src`, i.getAttribute("src") ?? ""), t.captureOnce(`${r.source}#${r.index}:srcset`, i.getAttribute("srcset") ?? ""), i.getAttribute("src") !== r.value && i.setAttribute("src", r.value), i.hasAttribute("srcset") && i.removeAttribute("srcset");
 		else {
@@ -1410,7 +1410,7 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 		let n = r.get(e);
 		if (!n) return;
 		r.delete(e);
-		let i = Ut(n.source, n.index);
+		let i = X(n.source, n.index);
 		if (n.kind === "style") i && Gt(i, e), a();
 		else if (n.kind === "image") {
 			let e = t.restore(`${n.source}#${n.index}:src`), r = t.restore(`${n.source}#${n.index}:srcset`);
@@ -1459,15 +1459,15 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 		n.selectNodeContents(e), n.collapse(!1), t.removeAllRanges(), t.addRange(n);
 	}, d = (e, t = !1) => {
 		if (i === e) return;
-		i && p(i), i = e, a = Z(e) || "", o = Ht(e, a), r(), n.capture(`${a}#${o}`, e.textContent ?? ""), e.setAttribute("contenteditable", s ? "plaintext-only" : "true");
+		i && p(i), i = e, a = Y(e) || "", o = Ut(e, a), r(), n.capture(`${a}#${o}`, e.textContent ?? ""), e.setAttribute("contenteditable", s ? "plaintext-only" : "true");
 		let d = e;
-		d.style.outline = `2px solid ${X.hover}`, d.style.outlineOffset = "3px", d.style.borderRadius = "3px", d.focus(), t && u(e), d.addEventListener("blur", c, !0), d.addEventListener("keydown", l, !0);
+		d.style.outline = `2px solid ${J.hover}`, d.style.outlineOffset = "3px", d.style.borderRadius = "3px", d.focus(), t && u(e), d.addEventListener("blur", c, !0), d.addEventListener("keydown", l, !0);
 	}, f = (e) => {
 		e.removeAttribute("contenteditable");
 		let t = e;
 		t.style.outline = "", t.style.outlineOffset = "", t.style.borderRadius = "", t.removeEventListener("blur", c, !0), t.removeEventListener("keydown", l, !0), i = null;
 	}, p = (e) => {
-		let r = Z(e), i = o, s = n.get(`${a}#${o}`);
+		let r = Y(e), i = o, s = n.get(`${a}#${o}`);
 		f(e);
 		let c = (e.textContent ?? "").replace(/\s+/g, " ").trim();
 		t.send({
@@ -1478,7 +1478,7 @@ var Ot = ({ source: e, submitLabel: n = "Submit", hiddenFields: r, formVariant:
 				tag: e.tagName.toLowerCase(),
 				value: c,
 				previous: s,
-				occurrences: r ? Vt(r).length : 1
+				occurrences: r ? Ht(r).length : 1
 			}
 		});
 	}, m = (e) => {
@@ -1531,128 +1531,128 @@ function In() {
 		m = e, _();
 	}, y = () => {
 		m.length !== 0 && (m = [], _());
-	}, b = null, ee = (e) => {
+	}, b = null, x = (e) => {
 		e && !b ? (b = document.createElement("style"), b.id = "studio-pick-cursor", b.textContent = "*,*::before,*::after{cursor:crosshair !important}", document.head.appendChild(b)) : !e && b && (b.remove(), b = null);
-	}, x = (e) => !e || p.includes(e) || e === document.body || e === document.documentElement, S = (e) => {
-		if (!e || x(e)) return null;
-		let t = Z(e) ? e : e.closest("[data-tsd-source]");
-		return !t || x(t) || !tn(t) ? null : t;
-	}, C = (e) => Qt(s, c, e), w = () => {
+	}, S = (e) => !e || p.includes(e) || e === document.body || e === document.documentElement, C = (e) => {
+		if (!e || S(e)) return null;
+		let t = Y(e) ? e : e.closest("[data-tsd-source]");
+		return !t || S(t) || !tn(t) ? null : t;
+	}, w = (e) => Qt(s, c, e), T = () => {
 		if (n) {
 			if (!n.isConnected) {
-				N();
+				P();
 				return;
 			}
 			Qt(l, u, n);
 		}
-	}, T = 0, E = () => {
-		T || !n || r || (T = requestAnimationFrame(() => {
-			T = 0, w();
+	}, E = 0, D = () => {
+		E || !n || r || (E = requestAnimationFrame(() => {
+			E = 0, T();
 		}));
-	}, D = new ResizeObserver(E), O = new MutationObserver((e) => {
+	}, O = new ResizeObserver(D), k = new MutationObserver((e) => {
 		for (let t of e) {
 			let e = t.target;
 			if (!p.some((t) => t === e) && !(t.type === "attributes" && t.attributeName === "data-staged-key")) {
-				E(), L.scheduleReapply();
+				D(), R.scheduleReapply();
 				return;
 			}
 		}
-	}), k = !1, A = () => {
-		k ||= (O.observe(document.documentElement, {
+	}), A = !1, j = () => {
+		A ||= (k.observe(document.documentElement, {
 			attributes: !0,
 			childList: !0,
 			characterData: !0,
 			subtree: !0
 		}), !0);
-	}, j = () => {
-		k &&= (O.disconnect(), !1);
 	}, M = () => {
-		D.disconnect(), n?.isConnected && (D.observe(n), A());
+		A &&= (k.disconnect(), !1);
 	}, N = () => {
-		n = null, D.disconnect(), R(), T &&= (cancelAnimationFrame(T), 0), l.style.display = "none", u.style.display = "none", y(), g();
-	}, P = (e) => C(e), F = () => {
+		O.disconnect(), n?.isConnected && (O.observe(n), j());
+	}, P = () => {
+		n = null, O.disconnect(), z(), E &&= (cancelAnimationFrame(E), 0), l.style.display = "none", u.style.display = "none", y(), g();
+	}, F = (e) => w(e), I = () => {
 		s.style.display = "none", c.style.display = "none";
-	}, I = Nn({
+	}, L = Nn({
 		channel: o,
 		originals: a,
 		clearTextHover: () => {
-			i = null, F();
+			i = null, I();
 		}
-	}), L = Mn({
+	}), R = Mn({
 		originals: a,
-		editingNode: I.editingNode
-	}), R = () => {
-		n?.isConnected || L.count() ? A() : j();
-	}, z = (n) => {
-		n && r && B(!1), e = !!n, ee(e), e || (t = null, s.style.display = "none", c.style.display = "none", W()), o.send({
+		editingNode: L.editingNode
+	}), z = () => {
+		n?.isConnected || R.count() ? j() : M();
+	}, ee = (n) => {
+		n && r && te(!1), e = !!n, x(e), e || (t = null, s.style.display = "none", c.style.display = "none", H()), o.send({
 			type: "inspect-state",
 			enabled: e
 		});
-	}, B = (t) => {
+	}, te = (t) => {
 		if (r = !!t, r) {
-			e && z(!1), l.style.display = "none", u.style.display = "none";
+			e && ee(!1), l.style.display = "none", u.style.display = "none";
 			for (let e of f) e.style.display = "none";
-		} else I.commitIfEditing(), F(), document.documentElement.style.cursor = "", n && w(), m.length > 0 && _();
+		} else L.commitIfEditing(), I(), document.documentElement.style.cursor = "", n && T(), m.length > 0 && _();
 		o.send({
 			type: "text-edit-state",
 			enabled: r
 		});
-	}, V = 0, H = 0, te = 0, ne = () => {
-		V = 0;
-		let n = document.elementFromPoint(H, te);
-		if (!x(n)) {
+	}, B = 0, ne = 0, re = 0, ie = () => {
+		B = 0;
+		let n = document.elementFromPoint(ne, re);
+		if (!S(n)) {
 			if (r) {
-				let e = S(n);
-				if (e && e === I.editingNode()) {
-					i = null, F(), document.documentElement.style.cursor = "";
+				let e = C(n);
+				if (e && e === L.editingNode()) {
+					i = null, I(), document.documentElement.style.cursor = "";
 					return;
 				}
-				i = e, document.documentElement.style.cursor = e ? "text" : "", e ? P(e) : F();
+				i = e, document.documentElement.style.cursor = e ? "text" : "", e ? F(e) : I();
 				return;
 			}
-			e && (d.isDragging() || (t = n, n && C(n)));
+			e && (d.isDragging() || (t = n, n && w(n)));
 		}
-	}, U = (t) => {
-		!e && !r || (H = t.clientX, te = t.clientY, V ||= requestAnimationFrame(ne));
-	}, re = 0, ie = () => {
-		re = 0, e && t && C(t), r && !I.editingNode() && i?.isConnected && P(i), n && !r && w(), m.length > 0 && !r && _();
-	}, ae = () => {
-		re ||= requestAnimationFrame(ie);
-	}, oe = (n) => {
-		n.relatedTarget || (e ? (t = null, s.style.display = "none", c.style.display = "none") : r && !I.editingNode() && (i = null, F(), document.documentElement.style.cursor = ""));
-	}, se = !1, ce = null, le = () => {
-		if (ce != null) {
+	}, ae = (t) => {
+		!e && !r || (ne = t.clientX, re = t.clientY, B ||= requestAnimationFrame(ie));
+	}, oe = 0, se = () => {
+		oe = 0, e && t && w(t), r && !L.editingNode() && i?.isConnected && F(i), n && !r && T(), m.length > 0 && !r && _();
+	}, ce = () => {
+		oe ||= requestAnimationFrame(se);
+	}, V = (n) => {
+		n.relatedTarget || (e ? (t = null, s.style.display = "none", c.style.display = "none") : r && !L.editingNode() && (i = null, I(), document.documentElement.style.cursor = ""));
+	}, le = !1, ue = null, de = () => {
+		if (ue != null) {
 			try {
-				document.documentElement.releasePointerCapture(ce);
+				document.documentElement.releasePointerCapture(ue);
 			} catch {}
-			ce = null;
+			ue = null;
 		}
-	}, W = () => {
-		le(), d.cancel();
-	}, ue = (t) => {
-		!e || t.button !== 0 || !t.isPrimary || (se = !1, d.pointerDown(t.clientX, t.clientY));
-	}, G = (n) => {
+	}, H = () => {
+		de(), d.cancel();
+	}, fe = (t) => {
+		!e || t.button !== 0 || !t.isPrimary || (le = !1, d.pointerDown(t.clientX, t.clientY));
+	}, pe = (n) => {
 		if (!e || !n.isPrimary) return;
 		let r = d.isDragging();
 		if (d.pointerMove(n.clientX, n.clientY), d.isDragging()) {
 			if (!r) {
-				ce = n.pointerId;
+				ue = n.pointerId;
 				try {
 					document.documentElement.setPointerCapture(n.pointerId);
 				} catch {}
 			}
 			t = null, s.style.display = "none", c.style.display = "none";
 		}
-	}, de = (t) => {
+	}, me = (t) => {
 		if (!e || !t.isPrimary) return;
-		le();
+		de();
 		let n = d.pointerUp();
 		if (!n) return;
-		se = !0, N();
+		le = !0, P();
 		let { elements: r, nodes: i, truncated: a } = kn(n, p);
 		console.info(`[levo-inspector] region drag: ${Math.round(n.width)}×${Math.round(n.height)} — ${r.length} element(s)${a ? " (truncated)" : ""}`), v(i);
 		let s = ++h;
-		zt(n, p).then((e) => {
+		Vt(n, p).then((e) => {
 			s === h && (console.info(`[levo-inspector] region capture ok (${Math.round(e.length / 1024)}kB)`), o.send({
 				type: "region-selected",
 				rect: n,
@@ -1669,57 +1669,57 @@ function In() {
 				dataUrl: null
 			}));
 		});
-	}, fe = () => W(), K = (e) => {
+	}, U = () => H(), he = (e) => {
 		let t = $t(e.target);
 		return t ? (e.preventDefault(), e.stopPropagation(), window.open(t, "_blank", "noopener,noreferrer"), !0) : !1;
-	}, pe = (i) => {
-		if (se) {
-			se = !1, i.preventDefault(), i.stopPropagation(), i.stopImmediatePropagation();
+	}, ge = (i) => {
+		if (le) {
+			le = !1, i.preventDefault(), i.stopPropagation(), i.stopImmediatePropagation();
 			return;
 		}
 		if (r) {
-			let e = S(document.elementFromPoint(i.clientX, i.clientY) || i.target);
-			if (!e || e === I.editingNode()) {
-				K(i);
+			let e = C(document.elementFromPoint(i.clientX, i.clientY) || i.target);
+			if (!e || e === L.editingNode()) {
+				he(i);
 				return;
 			}
-			i.preventDefault(), i.stopPropagation(), i.stopImmediatePropagation(), I.startEdit(e);
+			i.preventDefault(), i.stopPropagation(), i.stopImmediatePropagation(), L.startEdit(e);
 			return;
 		}
 		if (!e) {
-			K(i);
+			he(i);
 			return;
 		}
 		i.preventDefault(), i.stopPropagation(), i.stopImmediatePropagation();
 		let a = t || i.target;
-		if (x(a)) return;
+		if (S(a)) return;
 		let s = a.closest("[data-tsd-source]") || a;
-		y(), g(), n = s, w(), M(), o.send({
+		y(), g(), n = s, T(), N(), o.send({
 			type: "element-selected",
 			element: an(s)
 		});
-	}, me = Sn({
+	}, _e = Sn({
 		channel: o,
 		originals: a,
-		staged: L,
-		setInspect: z,
-		setTextEdit: B,
+		staged: R,
+		setInspect: ee,
+		setTextEdit: te,
 		isInspecting: () => e,
 		isTextEditing: () => r,
-		editingNode: I.editingNode,
+		editingNode: L.editingNode,
 		setSelected: (e) => {
-			y(), g(), n = e, M();
+			y(), g(), n = e, N();
 		},
 		selectedNode: () => n,
-		positionSelected: w,
-		clearSelection: N,
-		syncDomObserver: R,
-		positionHover: C,
-		hideTextHover: F,
-		startEditAtEnd: (e) => I.startEdit(e, !0),
-		editableTarget: S,
+		positionSelected: T,
+		clearSelection: P,
+		syncDomObserver: z,
+		positionHover: w,
+		hideTextHover: I,
+		startEditAtEnd: (e) => L.startEdit(e, !0),
+		editableTarget: C,
 		ownNodes: p
-	}), he = [
+	}), ve = [
 		"mousedown",
 		"mouseup",
 		"dblclick",
@@ -1737,38 +1737,38 @@ function In() {
 		"touchstart",
 		"touchend",
 		"submit"
-	], ge = (t) => {
+	], ye = (t) => {
 		e && (t.cancelable && t.preventDefault(), t.stopPropagation(), t.stopImmediatePropagation());
-	}, _e = () => {
-		n && !r && w(), m.length > 0 && !r && _();
-	}, ve = () => {
+	}, be = () => {
+		n && !r && T(), m.length > 0 && !r && _();
+	}, xe = () => {
 		let e = location.pathname.replace(/\/$/, "") || "/";
 		o.send({
 			type: "route",
 			route: e
 		});
-	}, ye = gn({ onPathChange: () => {
-		N(), ve();
-	} }), be = (t) => {
-		if (I.editingNode()) return;
+	}, Se = gn({ onPathChange: () => {
+		P(), xe();
+	} }), Ce = (t) => {
+		if (L.editingNode()) return;
 		if (t.key === "Escape") {
 			if (e && d.isDragging()) {
-				t.stopPropagation(), W();
+				t.stopPropagation(), H();
 				return;
 			}
-			r ? (t.stopPropagation(), B(!1)) : e && (t.stopPropagation(), z(!1));
+			r ? (t.stopPropagation(), te(!1)) : e && (t.stopPropagation(), ee(!1));
 			return;
 		}
 		if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey || t.repeat || en(document.activeElement)) return;
 		let n = t.key.toLowerCase();
-		n === "s" ? (t.preventDefault(), t.stopPropagation(), z(!e)) : n === "t" && (t.preventDefault(), t.stopPropagation(), B(!r));
+		n === "s" ? (t.preventDefault(), t.stopPropagation(), ee(!e)) : n === "t" && (t.preventDefault(), t.stopPropagation(), te(!r));
 	};
-	window.addEventListener("mousemove", U, !0), window.addEventListener("scroll", ae, !0), window.addEventListener("resize", _e), window.addEventListener("click", pe, !0), window.addEventListener("keydown", be, !0), window.addEventListener("message", me.onMessage), window.addEventListener("mouseout", oe, !0), window.addEventListener("pointerdown", ue, !0), window.addEventListener("pointermove", G, !0), window.addEventListener("pointerup", de, !0), window.addEventListener("pointercancel", fe, !0);
-	for (let e of he) window.addEventListener(e, ge, !0);
-	return console.info(`[levo-inspector] build ${Pn} — runtime mounted`), ve(), o.send({ type: "ready" }), () => {
-		window.removeEventListener("mousemove", U, !0), window.removeEventListener("keydown", be, !0), window.removeEventListener("scroll", ae, !0), window.removeEventListener("resize", _e), window.removeEventListener("mouseout", oe, !0), window.removeEventListener("pointerdown", ue, !0), window.removeEventListener("pointermove", G, !0), window.removeEventListener("pointerup", de, !0), window.removeEventListener("pointercancel", fe, !0), window.removeEventListener("click", pe, !0), window.removeEventListener("message", me.onMessage);
-		for (let e of he) window.removeEventListener(e, ge, !0);
-		D.disconnect(), O.disconnect(), T && cancelAnimationFrame(T), V && cancelAnimationFrame(V), re && cancelAnimationFrame(re), L.teardown(), ye.teardown(), I.teardown(), document.documentElement.style.cursor = "", b?.remove(), s.remove(), c.remove(), l.remove(), u.remove(), W(), d.node.remove();
+	window.addEventListener("mousemove", ae, !0), window.addEventListener("scroll", ce, !0), window.addEventListener("resize", be), window.addEventListener("click", ge, !0), window.addEventListener("keydown", Ce, !0), window.addEventListener("message", _e.onMessage), window.addEventListener("mouseout", V, !0), window.addEventListener("pointerdown", fe, !0), window.addEventListener("pointermove", pe, !0), window.addEventListener("pointerup", me, !0), window.addEventListener("pointercancel", U, !0);
+	for (let e of ve) window.addEventListener(e, ye, !0);
+	return console.info(`[levo-inspector] build ${Pn} — runtime mounted`), xe(), o.send({ type: "ready" }), () => {
+		window.removeEventListener("mousemove", ae, !0), window.removeEventListener("keydown", Ce, !0), window.removeEventListener("scroll", ce, !0), window.removeEventListener("resize", be), window.removeEventListener("mouseout", V, !0), window.removeEventListener("pointerdown", fe, !0), window.removeEventListener("pointermove", pe, !0), window.removeEventListener("pointerup", me, !0), window.removeEventListener("pointercancel", U, !0), window.removeEventListener("click", ge, !0), window.removeEventListener("message", _e.onMessage);
+		for (let e of ve) window.removeEventListener(e, ye, !0);
+		O.disconnect(), k.disconnect(), E && cancelAnimationFrame(E), B && cancelAnimationFrame(B), oe && cancelAnimationFrame(oe), R.teardown(), Se.teardown(), L.teardown(), document.documentElement.style.cursor = "", b?.remove(), s.remove(), c.remove(), l.remove(), u.remove(), H(), d.node.remove();
 		for (let e of f) e.remove();
 	};
 }
@@ -1818,7 +1818,7 @@ var Ln = "levo-made-with", Rn = `.${Ln}{opacity:.2;transition:opacity 150ms,tran
 	let e = document.querySelectorAll(`meta[name="${Bn}"]`);
 	return e[e.length - 1]?.getAttribute("content")?.trim() || null;
 }, Hn = C(() => import("./dist-_lwl0kZw.js").then((e) => e.n).then((e) => ({ default: e.PopupLoader }))), Un = ({ siteId: e, pageId: t }) => {
-	let n = J(), r = i();
+	let n = G(), r = i();
 	return !n || !r ? null : /* @__PURE__ */ N(x, {
 		fallback: null,
 		children: /* @__PURE__ */ N(Hn, {
@@ -1829,16 +1829,16 @@ var Ln = "levo-made-with", Rn = `.${Ln}{opacity:.2;transition:opacity 150ms,tran
 }, Wn = S(null), Gn = Wn.Provider, Kn = () => T(Wn), qn = () => i(), Jn = () => n(), Yn = ({ site: e, analytics: t = !0, children: n }) => {
 	let [i] = A(() => {
 		if (!e) return null;
-		let n = Ee(e), r = Te(n);
+		let n = Oe(e), r = De(n);
 		return r ? {
 			client: r,
-			insights: te(r, {
+			insights: ne(r, {
 				insightsUrl: t && n.insightsUrl || null,
 				site: n.siteId || null
 			}),
 			site: e
 		} : null;
-	}), [a, o] = A(null), s = H({ select: (e) => e.location.pathname }), c = xn();
+	}), [a, o] = A(null), s = B({ select: (e) => e.location.pathname }), c = xn();
 	return E(() => {
 		i && (window.levo_client = i.client, window.levo_insights = i.insights);
 	}, [i]), D(() => {
@@ -1853,7 +1853,7 @@ var Ln = "levo-made-with", Rn = `.${Ln}{opacity:.2;transition:opacity 150ms,tran
 				value: i.site,
 				children: n
 			}),
-			!c && /* @__PURE__ */ N(vt, {
+			!c && /* @__PURE__ */ N(bt, {
 				site: i.site,
 				path: s
 			}),
@@ -1875,7 +1875,7 @@ var Ln = "levo-made-with", Rn = `.${Ln}{opacity:.2;transition:opacity 150ms,tran
 			cookie: typeof document > "u" ? null : document.cookie,
 			hasRoute: n
 		});
-		if (r.kind === "redirect" && r.path !== t.pathname) throw V({
+		if (r.kind === "redirect" && r.path !== t.pathname) throw te({
 			search: !0,
 			to: r.path
 		});
@@ -1912,7 +1912,7 @@ var Ln = "levo-made-with", Rn = `.${Ln}{opacity:.2;transition:opacity 150ms,tran
 		href: o
 	}), s;
 }, er = ({ config: e, routeTree: t }) => {
-	let n = H({ select: (e) => e.location.pathname });
+	let n = B({ select: (e) => e.location.pathname });
 	if (!e.isLocalized || !e.origin) return null;
 	let { neutralPath: r } = f(n, e.locales);
 	return /* @__PURE__ */ N(M, { children: $n({
@@ -1966,11 +1966,11 @@ function rr() {
 	};
 }
 function ir(e) {
-	let { prefix: t } = f(H({ select: (e) => e.location.pathname }), e.locales);
+	let { prefix: t } = f(B({ select: (e) => e.location.pathname }), e.locales);
 	return t ?? e.defaultLocale;
 }
 var ar = ({ config: e, children: t, routeTree: n }) => {
-	let { prefix: r } = f(H({ select: (e) => e.location.pathname }), e.locales);
+	let { prefix: r } = f(B({ select: (e) => e.location.pathname }), e.locales);
 	return /* @__PURE__ */ N(nr, {
 		defaultLocale: e.defaultLocale,
 		hasRoute: n ? h(n) : void 0,
@@ -1981,7 +1981,7 @@ var ar = ({ config: e, children: t, routeTree: n }) => {
 	});
 };
 function or() {
-	let { locale: e, locales: t, isMultiLocale: n, setLocale: r, pathFor: i, hasRoute: a } = rr(), o = H({ select: (e) => e.location.pathname });
+	let { locale: e, locales: t, isMultiLocale: n, setLocale: r, pathFor: i, hasRoute: a } = rr(), o = B({ select: (e) => e.location.pathname });
 	return O(() => {
 		if (!n) return [];
 		let { neutralPath: s } = f(o, t), c = t.filter((e) => !a || a(i(s, e)));
@@ -2048,9 +2048,6 @@ var sr = (e) => JSON.stringify(e).replace(/<\//g, "<\\/"), cr = (e) => {
 	l && n.links.push({
 		rel: "canonical",
 		href: l
-	}), t.icon && n.links.push({
-		rel: "icon",
-		href: t.icon
 	});
 	let u = {
 		...t.og,
@@ -2114,843 +2111,853 @@ function dr({ meta: e, site: t }) {
 }
 //#endregion
 //#region src/registration/ui.tsx
-var fr = (...e) => e.filter(Boolean).join(" "), Q = ee.forwardRef(({ className: e, isLoading: t, loadingText: n, children: r, type: i = "button", ...a }, o) => /* @__PURE__ */ N("button", {
-	ref: o,
-	type: i,
-	className: fr("inline-flex items-center justify-center", e),
-	...a,
-	children: t ? /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(ie, { className: fr("h-4 w-4 animate-spin", n ? "mr-2" : "") }), n] }) : r
-}));
-Q.displayName = "Btn";
-//#endregion
-//#region src/registration/AttendeeForm.tsx
-var pr = ({ values: e, handleChange: t, handleBlur: n, handleSubmit: r, registerLoading: i, onBack: a, submitLabel: o, showBusinessBilling: s = !0 }) => /* @__PURE__ */ P("form", {
-	onSubmit: r,
-	className: "flex flex-col gap-4",
-	children: [
-		/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
-			htmlFor: "name",
-			className: "font-medium text-sm",
-			children: "Name"
-		}), /* @__PURE__ */ N("input", {
-			className: "w-full rounded-lg border border-gray-300 px-3 py-2 focus:outline-none",
-			placeholder: "Name",
-			name: "name",
-			value: e.name,
-			onChange: t,
-			onBlur: n,
-			required: !0
-		})] }),
-		/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
-			htmlFor: "email",
-			className: "font-medium text-sm",
-			children: "Email"
-		}), /* @__PURE__ */ N("input", {
-			className: "w-full rounded-lg border border-gray-300 px-3 py-2 focus:outline-none",
-			placeholder: "Email",
-			name: "email",
-			value: e.email,
-			onChange: t,
-			onBlur: n,
-			type: "email",
-			required: !0
-		})] }),
-		s && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("label", {
-			htmlFor: "is_business_purchase",
-			className: "flex items-center gap-2 text-sm",
-			children: [/* @__PURE__ */ N("input", {
-				type: "checkbox",
-				name: "is_business_purchase",
-				checked: e.is_business_purchase || !1,
-				onChange: t,
-				className: "rounded border-gray-300"
-			}), /* @__PURE__ */ N("span", {
-				className: "font-medium",
-				children: "Tax for Business"
-			})]
-		}), /* @__PURE__ */ N("p", {
-			className: "mt-1 text-gray-500 text-xs",
-			children: "Check this if you're purchasing for a business and need a tax-compliant invoice"
-		})] }),
-		s && e.is_business_purchase && /* @__PURE__ */ P(M, { children: [
-			/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("label", {
-				htmlFor: "business_name",
-				className: "font-medium text-sm",
-				children: ["Company Name ", /* @__PURE__ */ N("span", {
-					className: "text-red-500",
-					children: "*"
-				})]
-			}), /* @__PURE__ */ N("input", {
-				className: "w-full rounded-lg border border-gray-300 px-3 py-2 focus:outline-none",
-				placeholder: "Acme Corporation",
-				name: "billing_details.name",
-				value: e.billing_details?.name || "",
-				onChange: t,
-				onBlur: n,
-				required: e.is_business_purchase
-			})] }),
-			/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("label", {
-				htmlFor: "business_tax_id",
-				className: "font-medium text-sm",
-				children: ["Tax ID / GST Number ", /* @__PURE__ */ N("span", {
-					className: "text-red-500",
-					children: "*"
-				})]
-			}), /* @__PURE__ */ N("input", {
-				className: "w-full rounded-lg border border-gray-300 px-3 py-2 focus:outline-none",
-				placeholder: "GST123456789",
-				name: "billing_details.tax_id",
-				value: e.billing_details?.tax_id || "",
-				onChange: t,
-				onBlur: n,
-				required: e.is_business_purchase
-			})] }),
-			/* @__PURE__ */ P("div", { children: [
-				/* @__PURE__ */ P("p", {
-					className: "mb-1 font-medium text-sm",
-					children: ["Business Address ", /* @__PURE__ */ N("span", {
-						className: "text-red-500",
-						children: "*"
-					})]
-				}),
-				/* @__PURE__ */ N("input", {
-					className: "mb-2 w-full rounded-lg border border-gray-300 px-3 py-2 focus:outline-none",
-					placeholder: "Street Address Line 1",
-					name: "billing_details.address.line1",
-					value: e.billing_details?.address?.line1 || "",
-					onChange: t,
-					onBlur: n,
-					required: e.is_business_purchase
-				}),
-				/* @__PURE__ */ N("input", {
-					className: "mb-2 w-full rounded-lg border border-gray-300 px-3 py-2 focus:outline-none",
-					placeholder: "Street Address Line 2 (Optional)",
-					name: "billing_details.address.line2",
-					value: e.billing_details?.address?.line2 || "",
-					onChange: t,
-					onBlur: n
-				}),
-				/* @__PURE__ */ P("div", {
-					className: "grid grid-cols-2 gap-2",
-					children: [/* @__PURE__ */ N("input", {
-						className: "w-full rounded-lg border border-gray-300 px-3 py-2 focus:outline-none",
-						placeholder: "City",
-						name: "billing_details.address.city",
-						value: e.billing_details?.address?.city || "",
-						onChange: t,
-						onBlur: n,
-						required: e.is_business_purchase
-					}), /* @__PURE__ */ N("input", {
-						className: "w-full rounded-lg border border-gray-300 px-3 py-2 focus:outline-none",
-						placeholder: "State/Province",
-						name: "billing_details.address.state",
-						value: e.billing_details?.address?.state || "",
-						onChange: t,
-						onBlur: n,
-						required: e.is_business_purchase
-					})]
-				}),
-				/* @__PURE__ */ P("div", {
-					className: "mt-2 grid grid-cols-2 gap-2",
-					children: [/* @__PURE__ */ N("input", {
-						className: "w-full rounded-lg border border-gray-300 px-3 py-2 focus:outline-none",
-						placeholder: "Postal Code",
-						name: "billing_details.address.postal_code",
-						value: e.billing_details?.address?.postal_code || "",
-						onChange: t,
-						onBlur: n,
-						required: e.is_business_purchase
-					}), /* @__PURE__ */ N("input", {
-						className: "w-full rounded-lg border border-gray-300 px-3 py-2 focus:outline-none",
-						placeholder: "Country",
-						name: "billing_details.address.country",
-						value: e.billing_details?.address?.country || "",
-						onChange: t,
-						onBlur: n,
-						required: e.is_business_purchase
-					})]
-				})
-			] })
-		] }),
-		/* @__PURE__ */ P("div", {
-			className: "flex flex-col-reverse justify-end gap-4 md:flex-row",
-			children: [/* @__PURE__ */ N(Q, {
-				className: "rounded-lg bg-gray-100 px-6 py-2 font-semibold text-black hover:bg-gray-200",
-				type: "button",
-				onClick: a,
-				disabled: i,
-				children: "Back"
-			}), /* @__PURE__ */ N(Q, {
-				className: "rounded-lg bg-brand px-6 py-2 font-semibold text-brand-foreground hover:opacity-90",
-				type: "submit",
-				isLoading: i,
-				loadingText: "Submitting...",
-				children: o
-			})]
+var Z = (...e) => e.filter(Boolean).join(" "), fr = ({ open: e, className: t, children: n }) => /* @__PURE__ */ N("div", {
+	inert: !e,
+	className: Z("grid transition-[grid-template-rows,opacity] duration-250 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:transition-none", e ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"),
+	children: /* @__PURE__ */ N("div", {
+		className: "overflow-hidden",
+		children: /* @__PURE__ */ N("div", {
+			className: t,
+			children: n
 		})
-	]
-}), mr = {
+	})
+}), pr = [
+	{
+		key: "email",
+		label: "Email",
+		placeholder: "ada@example.com",
+		type: "email",
+		inputMode: "email",
+		autoComplete: "email"
+	},
+	{
+		key: "mobile",
+		label: "Phone number",
+		placeholder: "98765 43210",
+		type: "tel",
+		inputMode: "tel",
+		autoComplete: "tel"
+	},
+	{
+		key: "organization",
+		label: "Organization",
+		placeholder: "Acme Corporation",
+		type: "text",
+		inputMode: void 0,
+		autoComplete: "organization"
+	},
+	{
+		key: "designation",
+		label: "Designation",
+		placeholder: "Product Manager",
+		type: "text",
+		inputMode: void 0,
+		autoComplete: "organization-title"
+	}
+], mr = [{
+	key: "name",
+	label: "Registered company name",
+	placeholder: "Acme Corporation",
+	autoComplete: "organization"
+}, {
+	key: "tax_id",
+	label: "Tax ID / GST number",
+	placeholder: "22AAAAA0000A1Z5",
+	autoComplete: "off"
+}], hr = [
+	{
+		key: "line1",
+		label: "Billing address",
+		placeholder: "Street address",
+		autoComplete: "address-line1",
+		wide: !0,
+		optional: !1
+	},
+	{
+		key: "line2",
+		label: "Apartment, suite, floor",
+		placeholder: "Optional",
+		autoComplete: "address-line2",
+		wide: !0,
+		optional: !0
+	},
+	{
+		key: "city",
+		label: "City",
+		placeholder: "Bengaluru",
+		autoComplete: "address-level2",
+		wide: !1,
+		optional: !1
+	},
+	{
+		key: "state",
+		label: "State",
+		placeholder: "Karnataka",
+		autoComplete: "address-level1",
+		wide: !1,
+		optional: !1
+	},
+	{
+		key: "postal_code",
+		label: "Postal code",
+		placeholder: "560001",
+		autoComplete: "postal-code",
+		wide: !1,
+		optional: !1
+	},
+	{
+		key: "country",
+		label: "Country",
+		placeholder: "India",
+		autoComplete: "country-name",
+		wide: !1,
+		optional: !1
+	}
+], gr = (e) => Z("w-full rounded-xl border bg-page px-3.5 py-2.5 text-base text-ink outline-none transition placeholder:text-ink-muted/60", e ? "border-danger focus:ring-[3px] focus:ring-danger/15" : "border-border focus:border-brand focus:ring-[3px] focus:ring-brand/20"), _r = "flex items-baseline gap-1.5 font-medium text-ink text-sm", vr = () => /* @__PURE__ */ N("span", {
+	"aria-hidden": !0,
+	className: "text-danger",
+	children: "*"
+}), yr = ({ values: e, errors: t, touched: n, onChange: r, onBlur: i, showBusinessBilling: a = !1, registrationFields: o, nameInputRef: s }) => {
+	let c = (t, n) => r("billing_details", {
+		...e.billing_details,
+		[t]: n
+	}), l = (t, n) => r("billing_details", {
+		...e.billing_details,
+		address: {
+			...e.billing_details.address,
+			[t]: n
+		}
+	}), u = !!e.billing_details.name.trim() || !!e.billing_details.tax_id.trim() || Object.values(e.billing_details.address).some((e) => !!e.trim());
+	return /* @__PURE__ */ P("div", {
+		className: "flex flex-col gap-4",
+		children: [
+			/* @__PURE__ */ P("div", {
+				className: "flex flex-col gap-1.5",
+				children: [
+					/* @__PURE__ */ P("label", {
+						htmlFor: "attendee-name",
+						className: _r,
+						children: ["Your name", /* @__PURE__ */ N(vr, {})]
+					}),
+					/* @__PURE__ */ N("input", {
+						ref: s,
+						id: "attendee-name",
+						name: "name",
+						type: "text",
+						autoComplete: "name",
+						placeholder: "Ada Lovelace",
+						value: e.name,
+						onChange: (e) => r("name", e.target.value),
+						onBlur: () => i("name"),
+						className: gr(n.name && !!t.name),
+						required: !0
+					}),
+					n.name && t.name && /* @__PURE__ */ N("p", {
+						className: "m-0 text-danger text-xs",
+						children: t.name
+					})
+				]
+			}),
+			pr.map((a) => {
+				let s = o[a.key];
+				if (s === "off") return null;
+				let c = n[a.key] ? t[a.key] : void 0, l = a.key === "email" || a.key === "mobile";
+				return /* @__PURE__ */ P("div", {
+					className: "flex flex-col gap-1.5",
+					children: [
+						/* @__PURE__ */ P("label", {
+							htmlFor: `attendee-${a.key}`,
+							className: _r,
+							children: [a.label, s === "required" ? /* @__PURE__ */ N(vr, {}) : /* @__PURE__ */ N("span", {
+								className: "font-normal text-ink-muted text-xs",
+								children: "Optional"
+							})]
+						}),
+						/* @__PURE__ */ N("input", {
+							id: `attendee-${a.key}`,
+							name: a.key,
+							type: a.type,
+							inputMode: a.inputMode,
+							autoComplete: a.autoComplete,
+							autoCapitalize: l ? "none" : void 0,
+							autoCorrect: l ? "off" : void 0,
+							spellCheck: l ? !1 : void 0,
+							placeholder: a.placeholder,
+							value: e[a.key],
+							onChange: (e) => r(a.key, e.target.value),
+							onBlur: () => i(a.key),
+							className: gr(!!c),
+							required: s === "required"
+						}),
+						c && /* @__PURE__ */ N("p", {
+							className: "m-0 text-danger text-xs",
+							children: c
+						})
+					]
+				}, a.key);
+			}),
+			a && /* @__PURE__ */ P("div", {
+				className: "rounded-xl border border-border bg-ink/3",
+				children: [
+					/* @__PURE__ */ P("label", {
+						htmlFor: "is_business_purchase",
+						className: "flex w-full cursor-pointer items-center gap-2.5 px-3.5 py-3 text-ink text-sm",
+						children: [/* @__PURE__ */ N("input", {
+							id: "is_business_purchase",
+							type: "checkbox",
+							checked: e.is_business_purchase,
+							onChange: (e) => r("is_business_purchase", e.target.checked),
+							"aria-expanded": e.is_business_purchase,
+							className: "size-4 shrink-0 cursor-pointer rounded accent-brand"
+						}), "Bill this to a business — I need a GST invoice"]
+					}),
+					!e.is_business_purchase && u && /* @__PURE__ */ N("p", {
+						className: "m-0 px-3.5 pb-3 text-amber-700 text-xs leading-relaxed starting:opacity-0 transition-opacity duration-200 dark:text-amber-400",
+						children: "Your billing details are still saved — tick the box to apply them."
+					}),
+					/* @__PURE__ */ N(fr, {
+						open: e.is_business_purchase,
+						className: "px-3.5 pb-3.5",
+						children: /* @__PURE__ */ P("div", {
+							className: "flex flex-col gap-3",
+							children: [
+								/* @__PURE__ */ N("p", {
+									className: "m-0 text-ink-muted text-xs leading-relaxed",
+									children: "This booking will be billed to your business. The invoice is raised against the details below."
+								}),
+								mr.map((t) => /* @__PURE__ */ P("div", {
+									className: "flex flex-col gap-1.5",
+									children: [/* @__PURE__ */ P("label", {
+										htmlFor: `billing-${t.key}`,
+										className: _r,
+										children: [t.label, /* @__PURE__ */ N(vr, {})]
+									}), /* @__PURE__ */ N("input", {
+										id: `billing-${t.key}`,
+										className: gr(),
+										placeholder: t.placeholder,
+										autoComplete: t.autoComplete,
+										value: e.billing_details[t.key],
+										onChange: (e) => c(t.key, e.target.value),
+										required: e.is_business_purchase
+									})]
+								}, t.key)),
+								/* @__PURE__ */ N("div", {
+									className: "grid grid-cols-2 gap-3",
+									children: hr.map((t) => /* @__PURE__ */ P("div", {
+										className: Z("flex flex-col gap-1.5", t.wide && "col-span-2"),
+										children: [/* @__PURE__ */ P("label", {
+											htmlFor: `billing-${t.key}`,
+											className: _r,
+											children: [t.label, !t.optional && /* @__PURE__ */ N(vr, {})]
+										}), /* @__PURE__ */ N("input", {
+											id: `billing-${t.key}`,
+											className: gr(),
+											placeholder: t.placeholder,
+											autoComplete: t.autoComplete,
+											inputMode: t.key === "postal_code" ? "numeric" : void 0,
+											value: e.billing_details.address[t.key],
+											onChange: (e) => l(t.key, e.target.value),
+											required: e.is_business_purchase && !t.optional
+										})]
+									}, t.key))
+								})
+							]
+						})
+					})
+				]
+			})
+		]
+	});
+}, br = {
 	USD: "$",
 	EUR: "€",
 	GBP: "£",
 	INR: "₹"
-}, $ = (e) => e?.unit_amount ? `${mr[e.currency ?? "INR"]} ${(e.unit_amount ?? 0) / 100}` : "Free", hr = (e) => {
+}, Q = (e) => {
+	let t = e?.unit_amount;
+	if (t == null) return "";
+	if (t === 0) return "Free";
+	let n = e?.currency || "INR", r = t / 100;
+	try {
+		return new Intl.NumberFormat(void 0, {
+			style: "currency",
+			currency: n,
+			minimumFractionDigits: t % 100 == 0 ? 0 : 2,
+			maximumFractionDigits: 2
+		}).format(r);
+	} catch {
+		return `${br[n] ?? n} ${r.toLocaleString()}`;
+	}
+}, xr = (e) => !e.tax_enabled || !e.taxes?.length ? null : e.tax_inclusive ? "incl. taxes" : "+ taxes", Sr = (e) => !!e?.taxes?.length && e.tax_amount !== void 0, Cr = (e) => !!e && "subtotal" in e && e.tax_enabled === !0 && !!e.taxes?.length, wr = (e, t) => t ? t.total_amount ?? t.sale_amount ?? 0 : Cr(e) ? e.total ?? e.unit_amount ?? 0 : e?.unit_amount ?? 0, Tr = (e, t) => {
 	if (!e) return null;
-	let t = e.tax_enabled ?? !1, n = e.tax_inclusive ?? !1, r = e.taxes ?? [];
-	return !t || r.length === 0 ? null : n ? "(inclusive of taxes)" : "+ taxes";
-}, gr = (e) => !!(e?.taxes && e.taxes.length > 0 && e.tax_amount !== void 0), _r = (e) => {
-	if (!e) return !1;
-	let t = e;
-	return t.tax_enabled === !0 && t.taxes !== void 0 && t.taxes.length > 0 && t.subtotal !== void 0;
-}, vr = (e, t) => t ? t.total_amount ?? t.sale_amount ?? 0 : _r(e) ? e.total ?? e.unit_amount ?? 0 : e?.unit_amount ?? 0, yr = (e, t) => !t || e.tickets.length === 0 ? !0 : e.tickets.some((e) => typeof e == "string" ? e === t : e._id === t), br = ({ couponCode: e, onCouponCodeChange: t, couponError: n, couponLoading: r, onValidateCoupon: i, publicCoupons: a, onBack: o, selectedTicket: s }) => {
-	let c = [...a].sort((e, t) => {
-		let n = yr(e, s?._id), r = yr(t, s?._id);
-		return n && !r ? -1 : !n && r ? 1 : 0;
-	});
-	return /* @__PURE__ */ P("div", { children: [
-		/* @__PURE__ */ P("div", {
-			className: "flex items-center justify-between text-center",
-			children: [
-				/* @__PURE__ */ N("button", {
-					type: "button",
-					className: "rounded-md p-2 hover:bg-gray-50 focus:outline-none",
-					"aria-label": "Back",
-					onClick: o,
-					children: /* @__PURE__ */ N(U, { className: "size-4" })
-				}),
-				/* @__PURE__ */ P("p", {
-					className: "font-semibold text-md",
-					children: ["Apply Coupon for ", s?.title]
-				}),
-				/* @__PURE__ */ N("div", { className: "w-4" })
-			]
-		}),
-		/* @__PURE__ */ P("div", {
-			className: "mt-2 flex gap-4",
-			children: [/* @__PURE__ */ P("div", {
-				className: "w-full",
-				children: [/* @__PURE__ */ N("input", {
-					className: "w-full rounded border border-gray-300 px-3 py-2 focus:border-brand focus:outline-none",
-					type: "text",
-					placeholder: "Enter Coupon Code",
-					value: e,
-					onChange: (e) => t(e.target.value)
-				}), n && /* @__PURE__ */ N("p", {
-					className: "mt-1 text-red-400 text-xs",
-					children: n
-				})]
-			}), /* @__PURE__ */ N(Q, {
-				"aria-label": "Apply Coupon",
-				onClick: () => i(),
-				className: "rounded-lg bg-brand px-3 text-brand-foreground hover:opacity-90",
-				style: {
-					marginLeft: e ? "0" : "-4rem",
-					zIndex: e ? 1 : -1
-				},
-				isLoading: r,
-				children: /* @__PURE__ */ N(ne, { className: "h-fit" })
+	let n = wr(e, t);
+	return {
+		amount: n,
+		currency: e.currency,
+		isFree: n === 0
+	};
+}, Er = (e, t) => t ? t.base_amount ?? 0 : Cr(e) ? e.subtotal ?? e.unit_amount ?? 0 : e?.unit_amount ?? 0, Dr = (e, t) => Sr(t) ? t.taxes : !t && Cr(e) ? e.taxes : [], Or = (e, t) => !t || e.tickets.length === 0 ? !0 : e.tickets.some((e) => typeof e == "string" ? e === t : e._id === t), kr = (e) => e.kind === "percent" ? `${e.percent_off}% off` : `${br[e.currency ?? "INR"] ?? ""}${(e.amount_off ?? 0) / 100} off`, Ar = ({ couponCode: e, onCouponCodeChange: t, couponError: n, couponLoading: r, onValidateCoupon: i, onRemoveCoupon: a, publicCoupons: o, discount: s, selectedTicket: c }) => {
+	let [l, u] = A(!1);
+	if (s) return /* @__PURE__ */ P("div", {
+		className: "flex starting:scale-95 items-center justify-between gap-2.5 rounded-xl border border-emerald-600/40 bg-emerald-500/10 px-3.5 py-2.5 text-[13px] text-emerald-800 starting:opacity-0 transition-[opacity,scale] duration-200 ease-out dark:bg-emerald-500/15 dark:text-emerald-300",
+		children: [/* @__PURE__ */ P("span", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ N("span", {
+				className: "font-semibold tracking-wide",
+				children: e
+			}), /* @__PURE__ */ P("span", {
+				className: "ml-2 text-emerald-700 dark:text-emerald-400",
+				children: [
+					"saves",
+					" ",
+					Q({
+						unit_amount: s.discount,
+						currency: c?.currency
+					})
+				]
 			})]
-		}),
-		c.length > 0 && /* @__PURE__ */ P("div", {
-			className: "mt-4 flex flex-col gap-4",
-			children: [c.filter((e) => yr(e, s?._id)).length > 0 && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
-				className: "mb-2 text-gray-600 text-sm",
-				children: "Available Coupons"
-			}), /* @__PURE__ */ N("div", {
-				className: "flex flex-col gap-2",
-				children: c.filter((e) => yr(e, s?._id)).map((e) => /* @__PURE__ */ P("button", {
-					type: "button",
-					className: "flex flex-col gap-1 rounded-md border border-gray-300 border-dashed px-3 py-2 text-left transition hover:border-gray-400 hover:bg-gray-50",
-					onClick: () => {
-						i(e.code), t(e.code);
-					},
-					children: [/* @__PURE__ */ P("div", {
-						className: "flex w-full items-center justify-between",
-						children: [/* @__PURE__ */ N("span", {
-							className: "font-medium",
-							children: e.code
-						}), /* @__PURE__ */ N("span", {
-							className: "text-gray-500 text-sm",
-							children: e.kind === "percent" ? `${e.percent_off}% off` : `${mr[e.currency ?? "INR"]} ${(e.amount_off ?? 0) / 100} off`
-						})]
-					}), e.description && /* @__PURE__ */ N("span", {
-						className: "text-gray-500 text-xs",
-						children: e.description
-					})]
-				}, e._id))
-			})] }), c.filter((e) => !yr(e, s?._id)).length > 0 && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
-				className: "mb-2 text-gray-400 text-sm",
-				children: "Not Applicable"
-			}), /* @__PURE__ */ N("div", {
-				className: "flex flex-col gap-2",
-				children: c.filter((e) => !yr(e, s?._id)).map((e) => /* @__PURE__ */ P("button", {
-					type: "button",
-					disabled: !0,
-					className: "flex cursor-not-allowed flex-col gap-1 rounded-md border border-gray-200 border-dashed px-3 py-2 text-left opacity-50",
-					children: [/* @__PURE__ */ P("div", {
-						className: "flex w-full items-center justify-between",
-						children: [/* @__PURE__ */ N("span", {
-							className: "font-medium",
-							children: e.code
-						}), /* @__PURE__ */ N("span", {
-							className: "text-gray-500 text-sm",
-							children: e.kind === "percent" ? `${e.percent_off}% off` : `${mr[e.currency ?? "INR"]} ${(e.amount_off ?? 0) / 100} off`
+		}), /* @__PURE__ */ N("button", {
+			type: "button",
+			onClick: () => {
+				a(), u(!1);
+			},
+			"aria-label": "Remove coupon",
+			className: "inline-flex shrink-0 rounded-md p-1 hover:bg-emerald-600/15",
+			children: /* @__PURE__ */ N(ce, { className: "size-4" })
+		})]
+	});
+	let d = o.filter((e) => Or(e, c?._id));
+	return /* @__PURE__ */ P("div", {
+		className: "flex flex-col",
+		children: [/* @__PURE__ */ N("button", {
+			type: "button",
+			"aria-expanded": l,
+			onClick: () => u((e) => !e),
+			className: "self-start text-[13px] text-ink-soft underline underline-offset-[3px] hover:text-ink",
+			children: "Have a code?"
+		}), /* @__PURE__ */ N(fr, {
+			open: l,
+			children: /* @__PURE__ */ P("div", {
+				className: "flex flex-col gap-2 pt-2",
+				children: [
+					/* @__PURE__ */ P("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ N("input", {
+							type: "text",
+							value: e,
+							placeholder: "Coupon code",
+							"aria-label": "Coupon code",
+							autoCapitalize: "characters",
+							autoCorrect: "off",
+							spellCheck: !1,
+							onChange: (e) => t(e.target.value),
+							onKeyDown: (t) => {
+								t.key === "Enter" && (t.preventDefault(), e.trim() && i());
+							},
+							className: Z("w-full min-w-0 rounded-xl border bg-page px-3.5 py-2.5 text-base text-ink uppercase outline-none transition placeholder:text-ink-muted/60 placeholder:normal-case", n ? "border-danger focus:ring-[3px] focus:ring-danger/15" : "border-border focus:border-brand focus:ring-[3px] focus:ring-brand/20")
+						}), /* @__PURE__ */ P("button", {
+							type: "button",
+							disabled: !e.trim() || r,
+							onClick: () => i(),
+							className: "inline-flex shrink-0 items-center gap-1.5 rounded-xl border border-border px-4 font-medium text-ink text-sm transition hover:border-brand disabled:opacity-50",
+							children: [r && /* @__PURE__ */ N(se, { className: "size-3.5 animate-spin" }), "Apply"]
 						})]
-					}), e.description && /* @__PURE__ */ N("span", {
-						className: "text-gray-500 text-xs",
-						children: e.description
-					})]
-				}, e._id))
-			})] })]
-		})
-	] });
-}, xr = (e) => {
-	let t = new Date(e);
-	return `${new Intl.DateTimeFormat("en-GB", {
+					}),
+					n && /* @__PURE__ */ N("p", {
+						className: "m-0 text-danger text-xs",
+						children: n
+					}),
+					d.length > 0 && /* @__PURE__ */ N("div", {
+						className: "flex flex-wrap gap-1.5",
+						children: d.map((e) => /* @__PURE__ */ P("button", {
+							type: "button",
+							onClick: () => {
+								t(e.code), i(e.code);
+							},
+							title: e.description || void 0,
+							className: "rounded-full border border-border border-dashed px-2.5 py-1 text-[12.5px] text-ink-soft transition hover:border-brand hover:text-ink",
+							children: [
+								e.code,
+								" · ",
+								kr(e)
+							]
+						}, e._id))
+					})
+				]
+			})
+		})]
+	});
+}, jr = (e) => {
+	if (e < 60) return `${e} min`;
+	let t = Math.floor(e / 60), n = e % 60, r = `${t} hr`;
+	return n ? `${r} ${n} min` : r;
+}, Mr = (e, t) => {
+	if (!e) return null;
+	let n = new Date(e);
+	if (Number.isNaN(n.getTime())) return null;
+	let r = new Intl.DateTimeFormat(void 0, {
+		weekday: "short",
 		day: "numeric",
-		month: "long",
-		year: "numeric"
-	}).format(t)}, ${new Intl.DateTimeFormat("en-US", {
+		month: "short"
+	}).format(n), i = new Intl.DateTimeFormat(void 0, {
 		hour: "numeric",
 		minute: "2-digit",
 		hour12: !0
-	}).format(t)}`;
-}, Sr = ({ ticketData: e, paymentData: t, type: n }) => {
-	let [r, i] = A(!0), a = (t.total_amount || t.unit_amount) / 100, o = t.unit_amount === 0, s = (e) => new Intl.NumberFormat("en-IN", {
-		style: "currency",
-		currency: t.currency || "INR",
-		minimumFractionDigits: 0
-	}).format(e);
+	}).format(n), a = null;
+	if (t) {
+		let e = new Date(t), r = Math.round((e.getTime() - n.getTime()) / 6e4);
+		!Number.isNaN(r) && r > 0 && (a = jr(r));
+	}
+	return {
+		day: r,
+		time: i,
+		duration: a
+	};
+}, Nr = 60, Pr = (e) => e.toISOString().replace(/[-:]/g, "").replace(/\.\d+/, ""), Fr = (e) => {
+	if (!e.startsAt) return null;
+	let t = new Date(e.startsAt);
+	if (Number.isNaN(t.getTime())) return null;
+	let n = e.endsAt ? new Date(e.endsAt) : null;
+	return {
+		start: t,
+		end: n && !Number.isNaN(n.getTime()) && n > t ? n : new Date(t.getTime() + Nr * 6e4)
+	};
+}, Ir = (e) => {
+	let t = Fr(e);
+	if (!t) return null;
+	let n = Pr(t.start), r = Pr(t.end), i = [e.description, e.url].filter(Boolean).join("\n\n"), a = `https://calendar.google.com/calendar/render?${new URLSearchParams({
+		action: "TEMPLATE",
+		text: e.title,
+		dates: `${n}/${r}`,
+		details: i,
+		location: e.url || ""
+	}).toString()}`, o = `https://outlook.live.com/calendar/0/deeplink/compose?${new URLSearchParams({
+		path: "/calendar/action/compose",
+		rru: "addevent",
+		subject: e.title,
+		startdt: t.start.toISOString(),
+		enddt: t.end.toISOString(),
+		body: i,
+		location: e.url || ""
+	}).toString()}`, s = (e) => e.replace(/([,;\\])/g, "\\$1").replace(/\n/g, "\\n");
+	return {
+		google: a,
+		outlook: o,
+		ics: [
+			"BEGIN:VCALENDAR",
+			"VERSION:2.0",
+			"PRODID:-//Levo//Event Registration//EN",
+			"BEGIN:VEVENT",
+			`UID:${n}-${encodeURIComponent(e.title)}@levo`,
+			`DTSTAMP:${n}`,
+			`DTSTART:${n}`,
+			`DTEND:${r}`,
+			`SUMMARY:${s(e.title)}`,
+			i ? `DESCRIPTION:${s(i)}` : "",
+			e.url ? `LOCATION:${s(e.url)}` : "",
+			"END:VEVENT",
+			"END:VCALENDAR"
+		].filter(Boolean).join("\r\n")
+	};
+}, Lr = ({ selectedTicket: e, discount: t }) => {
+	let [n, r] = A(!1), i = e?.currency, a = wr(e, t), o = Er(e, t), s = Dr(e, t), c = t?.discount ?? 0, l = s.length > 0 || c > 0 || o !== a, u = /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ P("span", {
+		className: "inline-flex items-center gap-1.5",
+		children: ["Total", l && /* @__PURE__ */ N(ae, { className: Z("size-4 text-ink-muted transition-transform", n && "rotate-180") })]
+	}), /* @__PURE__ */ N("span", { children: Q({
+		unit_amount: a,
+		currency: i
+	}) })] }), d = "flex w-full items-center justify-between gap-3 px-3.5 py-3 font-semibold text-[15px] text-ink";
+	return /* @__PURE__ */ P("div", {
+		className: "rounded-xl border border-border bg-ink/3",
+		children: [l ? /* @__PURE__ */ N("button", {
+			type: "button",
+			onClick: () => r((e) => !e),
+			"aria-expanded": n,
+			className: d,
+			children: u
+		}) : /* @__PURE__ */ N("div", {
+			className: d,
+			children: u
+		}), l && /* @__PURE__ */ N(fr, {
+			open: n,
+			children: /* @__PURE__ */ P("div", {
+				className: "flex flex-col gap-1.5 px-3.5 pb-3 text-[13px] text-ink-soft",
+				children: [
+					/* @__PURE__ */ P("div", {
+						className: "flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ N("span", { children: "Subtotal" }), /* @__PURE__ */ N("span", { children: Q({
+							unit_amount: o,
+							currency: i
+						}) })]
+					}),
+					c > 0 && /* @__PURE__ */ P("div", {
+						className: "flex items-center justify-between gap-3 text-emerald-700 dark:text-emerald-400",
+						children: [/* @__PURE__ */ N("span", { children: "Discount" }), /* @__PURE__ */ P("span", { children: ["-", Q({
+							unit_amount: c,
+							currency: i
+						})] })]
+					}),
+					s.map((e, t) => /* @__PURE__ */ P("div", {
+						className: "flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ P("span", { children: [
+							e.label,
+							" (",
+							e.percentage,
+							"%)"
+						] }), /* @__PURE__ */ N("span", { children: Q({
+							unit_amount: e.amount,
+							currency: i
+						}) })]
+					}, e.id || e._id || t)),
+					e?.tax_inclusive && /* @__PURE__ */ N("p", {
+						className: "m-0 text-ink-muted text-xs",
+						children: "Price is inclusive of taxes"
+					})
+				]
+			})
+		})]
+	});
+}, Rr = (e) => {
+	let [t, n] = A(null);
+	return E(() => {
+		let t = e ? window.visualViewport : null;
+		if (!t) return;
+		let r = () => n({
+			height: t.height,
+			offsetTop: t.offsetTop
+		});
+		return r(), t.addEventListener("resize", r), t.addEventListener("scroll", r), () => {
+			t.removeEventListener("resize", r), t.removeEventListener("scroll", r);
+		};
+	}, [e]), t;
+}, zr = ({ open: e, title: t, when: n, onClose: r, onClosed: i, onSubmit: a, footer: o, wide: s, initialFocusRef: c, layers: l, children: u }) => {
+	let d = k(null), f = Rr(e), [p, m] = A(!1), h = /* @__PURE__ */ N("div", {
+		onScroll: (e) => m(e.currentTarget.scrollTop > 2),
+		className: "min-h-0 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain",
+		children: /* @__PURE__ */ P("div", {
+			className: "flex min-h-full flex-col",
+			children: [/* @__PURE__ */ N("div", {
+				className: "flex flex-1 flex-col px-5 pt-3 pb-3",
+				children: u
+			}), o && /* @__PURE__ */ N("div", {
+				className: "border-border border-t bg-page px-5 pt-3 pb-[max(env(safe-area-inset-bottom),16px)] sm:sticky sm:bottom-0 sm:z-10",
+				children: o
+			})]
+		})
+	});
 	return /* @__PURE__ */ N(F.Root, {
-		open: r,
-		onOpenChange: (e) => i(e),
-		children: /* @__PURE__ */ P(F.Portal, { children: [/* @__PURE__ */ N(F.Backdrop, { className: "fixed inset-0 z-50 bg-black/50" }), /* @__PURE__ */ P(F.Popup, {
-			className: "fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100vh-2rem)] w-full max-w-md -translate-x-1/2 -translate-y-1/2 flex-col overflow-y-auto rounded-2xl bg-white shadow-2xl",
+		open: e,
+		onOpenChange: (e) => {
+			e || r();
+		},
+		onOpenChangeComplete: (e) => {
+			e || (m(!1), i());
+		},
+		children: /* @__PURE__ */ P(F.Portal, { children: [/* @__PURE__ */ N(F.Backdrop, { className: "fixed inset-0 z-[2147483000] bg-black/40 transition-opacity duration-200 ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 data-[ending-style]:duration-150 motion-reduce:transition-none sm:backdrop-blur-[3px]" }), /* @__PURE__ */ P(F.Popup, {
+			ref: d,
+			initialFocus: (e) => {
+				let t = c?.current;
+				return t && e !== "touch" && window.matchMedia("(pointer: fine)").matches ? t : d.current;
+			},
+			style: {
+				"--viewport-height": f ? `${f.height}px` : "100dvh",
+				"--viewport-top": f ? `${f.offsetTop}px` : "0px"
+			},
+			className: Z("fixed inset-x-0 top-[var(--viewport-top)] z-[2147483000] flex h-[var(--viewport-height)] flex-col overflow-hidden bg-page font-body text-ink antialiased outline-none", "sm:inset-x-auto sm:top-[6vh] sm:left-1/2 sm:h-auto sm:max-h-[min(88dvh,var(--viewport-height))] sm:w-[calc(100%-2rem)] sm:-translate-x-1/2 sm:rounded-2xl sm:border sm:border-border sm:shadow-2xl", s ? "sm:max-w-[540px]" : "sm:max-w-[460px]", "transition-[opacity,translate] duration-200 ease-out data-[ending-style]:duration-150 motion-reduce:transition-none", "data-[ending-style]:translate-y-4 data-[starting-style]:translate-y-4 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0", "sm:data-[ending-style]:translate-y-2 sm:data-[starting-style]:translate-y-2"),
 			children: [
 				/* @__PURE__ */ P("div", {
-					className: "bg-gradient-to-br from-green-50 to-emerald-50 px-6 py-6 text-center",
-					children: [
-						/* @__PURE__ */ N("div", {
-							className: "mx-auto mb-3 flex size-14 items-center justify-center rounded-full bg-green-100 ring-4 ring-green-50",
-							children: /* @__PURE__ */ P("svg", {
-								xmlns: "http://www.w3.org/2000/svg",
-								width: "28",
-								height: "28",
-								viewBox: "0 0 24 24",
-								fill: "none",
-								stroke: "currentColor",
-								strokeWidth: "2.5",
-								strokeLinecap: "round",
-								strokeLinejoin: "round",
-								className: "text-green-600",
-								"aria-hidden": "true",
-								children: [/* @__PURE__ */ N("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), /* @__PURE__ */ N("polyline", { points: "22 4 12 14.01 9 11.01" })]
-							})
-						}),
-						/* @__PURE__ */ N(F.Title, {
-							className: "font-bold text-gray-900 text-lg",
-							children: n === "view" ? "Booking Details" : "Tickets Confirmed!"
-						}),
-						/* @__PURE__ */ N(F.Description, {
-							className: "mt-1 text-gray-600 text-sm",
-							children: n === "confirm" ? "Your tickets have been confirmed. A confirmation email is on its way." : "Here are the details about your booking."
-						})
-					]
-				}),
-				/* @__PURE__ */ P("div", {
-					className: "px-6 py-5",
+					className: Z("sticky top-0 z-10 shrink-0 border-b bg-page px-5 pt-[max(env(safe-area-inset-top),16px)] pb-2 transition-colors", p ? "border-border" : "border-transparent"),
 					children: [/* @__PURE__ */ P("div", {
-						className: "relative overflow-hidden rounded-xl border border-gray-200 bg-white",
+						className: "flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ N(F.Title, {
+							className: "m-0 line-clamp-2 font-heading font-semibold text-[19px] text-ink leading-snug tracking-[-0.011em] [overflow-wrap:anywhere]",
+							children: t
+						}), /* @__PURE__ */ N(F.Close, {
+							"aria-label": "Close",
+							className: "-mr-1.5 inline-flex size-8 shrink-0 items-center justify-center rounded-full text-ink-soft transition hover:bg-ink/5 hover:text-ink",
+							children: /* @__PURE__ */ N(ce, { className: "size-4" })
+						})]
+					}), n && /* @__PURE__ */ P("p", {
+						className: "m-0 mt-3.5 text-[13.5px] text-ink-soft",
 						children: [
-							/* @__PURE__ */ N("div", { className: "absolute top-1/2 -left-3 size-6 -translate-y-1/2 rounded-full bg-gray-100" }),
-							/* @__PURE__ */ N("div", { className: "absolute top-1/2 -right-3 size-6 -translate-y-1/2 rounded-full bg-gray-100" }),
-							/* @__PURE__ */ P("div", {
-								className: "px-5 py-4",
-								children: [
-									t.qr_image && /* @__PURE__ */ N("div", {
-										className: "mb-4 flex flex-col items-center",
-										children: /* @__PURE__ */ N("div", {
-											className: "rounded-lg border border-gray-200 bg-white p-2",
-											children: /* @__PURE__ */ N("img", {
-												src: t.qr_image.location,
-												alt: "Booking QR Code",
-												className: "size-24"
-											})
-										})
-									}),
-									/* @__PURE__ */ P("div", {
-										className: "mb-4 flex items-center justify-between rounded-lg bg-gray-50 px-3 py-2.5",
-										children: [/* @__PURE__ */ N("span", {
-											className: "font-medium text-gray-500 text-xs uppercase tracking-wide",
-											children: "Booking ID"
-										}), /* @__PURE__ */ N("span", {
-											className: "font-mono font-semibold text-gray-900 text-sm",
-											children: t._id
-										})]
-									}),
-									/* @__PURE__ */ N("div", { className: "my-4 border-gray-200 border-t border-dashed" }),
-									/* @__PURE__ */ N("div", {
-										className: "space-y-3",
-										children: t.attendees.map((t) => {
-											let n = e.find((e) => e._id === t.ticket._id);
-											return n ? /* @__PURE__ */ P("div", {
-												className: "flex items-center justify-between",
-												children: [/* @__PURE__ */ P("div", {
-													className: "min-w-0 flex-1",
-													children: [/* @__PURE__ */ N("p", {
-														className: "truncate font-medium text-gray-900 text-sm",
-														children: t.name
-													}), /* @__PURE__ */ N("p", {
-														className: "truncate text-gray-500 text-xs",
-														children: t.email
-													})]
-												}), /* @__PURE__ */ P("div", {
-													className: "ml-3 shrink-0 text-right",
-													children: [/* @__PURE__ */ N("p", {
-														className: "font-medium text-gray-900 text-sm",
-														children: n.title
-													}), /* @__PURE__ */ N("p", {
-														className: "text-gray-500 text-xs",
-														children: s(t.ticket.unit_amount / 100)
-													})]
-												})]
-											}, t._id) : null;
-										})
-									}),
-									/* @__PURE__ */ N("div", { className: "my-4 border-gray-200 border-t border-dashed" }),
-									!o && /* @__PURE__ */ P("div", {
-										className: "space-y-1.5 text-sm",
-										children: [
-											/* @__PURE__ */ P("div", {
-												className: "flex justify-between",
-												children: [/* @__PURE__ */ N("span", {
-													className: "text-gray-500",
-													children: "Base Amount"
-												}), /* @__PURE__ */ N("span", {
-													className: "font-medium text-gray-700",
-													children: s(t.unit_amount / 100)
-												})]
-											}),
-											t.discount > 0 && /* @__PURE__ */ P("div", {
-												className: "flex justify-between text-green-600",
-												children: [/* @__PURE__ */ N("span", { children: "Discount" }), /* @__PURE__ */ P("span", {
-													className: "font-medium",
-													children: ["- ", s(t.discount / 100)]
-												})]
-											}),
-											t.taxes && Array.isArray(t.taxes) && t.taxes.length > 0 && t.taxes.map((e, t) => /* @__PURE__ */ P("div", {
-												className: "flex justify-between",
-												children: [/* @__PURE__ */ N("span", {
-													className: "text-gray-500",
-													children: e.label
-												}), /* @__PURE__ */ N("span", {
-													className: "font-medium text-gray-700",
-													children: s(e.amount / 100)
-												})]
-											}, t)),
-											/* @__PURE__ */ P("div", {
-												className: "flex justify-between border-gray-200 border-t pt-2 font-semibold text-gray-900",
-												children: [/* @__PURE__ */ N("span", { children: "Total Paid" }), /* @__PURE__ */ N("span", { children: s(a) })]
-											})
-										]
-									}),
-									o && /* @__PURE__ */ P("div", {
-										className: "flex items-center justify-between font-semibold text-gray-900",
-										children: [/* @__PURE__ */ N("span", { children: "Total" }), /* @__PURE__ */ N("span", { children: "Free" })]
-									})
-								]
-							})
+							n.day,
+							" · ",
+							n.time,
+							n.duration ? ` · ${n.duration}` : ""
 						]
-					}), /* @__PURE__ */ N("p", {
-						className: "mt-3 text-center text-gray-400 text-xs",
-						children: xr(t.created_at)
 					})]
 				}),
-				/* @__PURE__ */ P("div", {
-					className: "flex flex-col gap-2 px-6 pb-5",
-					children: [t.invoice?.location && /* @__PURE__ */ P("a", {
-						href: t.invoice.location,
-						target: "_blank",
-						rel: "noopener noreferrer",
-						className: "flex w-full items-center justify-center gap-2 rounded-lg border border-gray-200 px-4 py-2.5 font-medium text-gray-700 text-sm transition-colors hover:bg-gray-50",
-						children: [/* @__PURE__ */ P("svg", {
-							xmlns: "http://www.w3.org/2000/svg",
-							width: "16",
-							height: "16",
-							viewBox: "0 0 24 24",
-							fill: "none",
-							stroke: "currentColor",
-							strokeWidth: "2",
-							strokeLinecap: "round",
-							strokeLinejoin: "round",
-							"aria-hidden": "true",
-							children: [
-								/* @__PURE__ */ N("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-								/* @__PURE__ */ N("polyline", { points: "7 10 12 15 17 10" }),
-								/* @__PURE__ */ N("line", {
-									x1: "12",
-									x2: "12",
-									y1: "15",
-									y2: "3"
-								})
-							]
-						}), "Download Invoice"]
-					}), /* @__PURE__ */ N(F.Close, {
-						className: "w-full rounded-lg bg-gray-900 px-4 py-2.5 font-medium text-sm text-white transition-colors hover:bg-gray-800",
-						children: "Done"
-					})]
-				})
+				a ? /* @__PURE__ */ N("form", {
+					onSubmit: a,
+					className: "flex min-h-0 flex-1 flex-col",
+					children: h
+				}) : h,
+				l
 			]
 		})] })
 	});
-}, Cr = ({ isOpen: e, onClose: t, stripePromise: n, clientSecret: r, onComplete: i }) => !n || !r ? null : /* @__PURE__ */ N(F.Root, {
-	open: e,
-	onOpenChange: (e) => {
-		e || t();
-	},
-	children: /* @__PURE__ */ P(F.Portal, { children: [/* @__PURE__ */ N(F.Backdrop, { className: "fixed inset-0 z-[100] bg-black/50" }), /* @__PURE__ */ P(F.Popup, {
-		className: "fixed top-8 left-1/2 z-[100] flex max-h-[calc(100vh-4rem)] min-h-[500px] w-[98vw] -translate-x-1/2 flex-col overflow-hidden rounded-2xl bg-white shadow-2xl md:top-10 md:w-auto md:max-w-[1000px] lg:max-w-[1100px]",
-		children: [/* @__PURE__ */ N(F.Close, {
-			className: "absolute top-4 right-4 z-10 rounded-full bg-white/90 p-2.5 text-gray-500 shadow-md backdrop-blur-sm transition-all hover:bg-white hover:text-gray-700",
-			children: /* @__PURE__ */ N(se, { className: "size-5" })
-		}), /* @__PURE__ */ N("div", {
-			className: "flex-1 overflow-y-auto rounded-2xl py-6",
-			children: /* @__PURE__ */ N(W, {
-				stripe: n,
-				options: {
-					clientSecret: r,
-					onComplete: i
-				},
-				children: /* @__PURE__ */ N(le, { className: "stripe-embedded-checkout h-full" })
-			})
-		})]
-	})] })
-}), wr = ({ tickets: e, selectedTicket: t, onSelectTicket: n, discount: r, couponCode: i, publicCouponsCount: a, onApplyCouponClick: o, onRemoveCoupon: s, onNext: c }) => {
-	let l = _r(t), u = gr(r);
-	return /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("div", {
-		className: "flex max-h-[64dvh] w-full flex-col justify-between gap-6 overflow-y-auto md:max-h-[unset] md:flex-row",
-		children: [/* @__PURE__ */ N("div", {
-			className: "flex w-full flex-col gap-3 md:w-[55%]",
-			children: e.map((e) => /* @__PURE__ */ N("div", {
-				className: fr("flex cursor-pointer items-center justify-between rounded-md border border-gray-300 px-3 py-2 transition duration-300 hover:bg-gray-50", e._id === t?._id ? "border-brand bg-brand/10 hover:bg-brand/20" : ""),
-				onClick: () => n(e),
-				children: /* @__PURE__ */ P("div", { children: [
-					/* @__PURE__ */ N("p", {
-						className: "text-md",
-						children: e.title
+}, Br = "block w-full rounded-lg px-2.5 py-2 text-left text-ink text-sm no-underline hover:bg-ink/5", Vr = "transition-[opacity,translate] duration-300 ease-out starting:translate-y-2 starting:opacity-0 motion-reduce:transition-none", Hr = "inline-flex min-h-[46px] w-full items-center justify-center gap-2 rounded-xl border border-border font-medium text-[14.5px] text-ink no-underline transition hover:border-brand active:scale-[0.985]", Ur = ({ email: e, eventTitle: t, startsAt: n, endsAt: r, eventUrl: i, when: a, bookingRef: o, qrImageUrl: s, invoiceUrl: c, onClose: l, onRegisterAnother: u }) => {
+	let d = Ir({
+		title: t,
+		startsAt: n,
+		endsAt: r,
+		url: i
+	});
+	return E(() => {
+		navigator.vibrate?.(12);
+	}, []), /* @__PURE__ */ P("div", {
+		className: "flex flex-1 flex-col items-center justify-center px-6 py-9 text-center",
+		children: [
+			/* @__PURE__ */ N("div", {
+				className: "flex size-[68px] starting:scale-50 items-center justify-center rounded-full bg-emerald-500/10 text-emerald-700 starting:opacity-0 transition-[opacity,scale] duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:transition-none dark:bg-emerald-500/15 dark:text-emerald-400",
+				children: /* @__PURE__ */ P("svg", {
+					width: "30",
+					height: "30",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ N("title", { children: "Registered" }), /* @__PURE__ */ N("path", {
+						d: "M4 12.5 L9.5 18 L20 7",
+						className: "transition-[stroke-dashoffset] delay-200 duration-[420ms] ease-[cubic-bezier(0.32,0.72,0,1)] [stroke-dasharray:30] starting:[stroke-dashoffset:30] motion-reduce:transition-none"
+					})]
+				})
+			}),
+			/* @__PURE__ */ N("h3", {
+				className: Z(Vr, "m-0 mt-[18px] font-heading font-semibold text-[22px] text-ink tracking-[-0.016em] delay-[260ms]"),
+				children: "You're in"
+			}),
+			a && /* @__PURE__ */ P("p", {
+				className: Z(Vr, "m-0 mt-1.5 text-[14.5px] text-ink delay-[320ms]"),
+				children: [
+					a.day,
+					" · ",
+					a.time
+				]
+			}),
+			/* @__PURE__ */ P("p", {
+				className: Z(Vr, "m-0 mt-1 max-w-[300px] text-[13.5px] text-ink-soft leading-relaxed delay-[360ms]"),
+				children: ["Joining link sent to ", /* @__PURE__ */ N("span", {
+					className: "text-ink [overflow-wrap:anywhere]",
+					children: e
+				})]
+			}),
+			/* @__PURE__ */ P("div", {
+				className: Z(Vr, "relative mt-5 w-full max-w-[340px] overflow-hidden rounded-2xl border border-border bg-ink/3 px-4 py-3.5 delay-[420ms]"),
+				children: [
+					/* @__PURE__ */ N("span", {
+						"aria-hidden": !0,
+						className: "pointer-events-none absolute inset-0 starting:-translate-x-[140%] translate-x-[240%] bg-linear-to-r from-transparent via-white/45 to-transparent transition-transform delay-700 duration-900 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:hidden dark:via-white/10"
 					}),
-					/* @__PURE__ */ N("p", {
-						className: "-mt-[2px] mb-1 text-gray-600 text-xs",
-						children: e.description
+					s && /* @__PURE__ */ N("img", {
+						src: s,
+						alt: "Booking QR code",
+						className: "mx-auto mb-3 block size-24 rounded-lg bg-white p-1.5"
 					}),
-					/* @__PURE__ */ P("p", {
-						className: "text-md",
-						children: [$(e), hr(e) && /* @__PURE__ */ P("span", {
-							className: "text-gray-500 text-sm",
-							children: [" ", hr(e)]
-						})]
-					})
-				] })
-			}, e._id))
-		}), /* @__PURE__ */ P("div", {
-			className: "w-full md:w-[45%]",
-			children: [/* @__PURE__ */ P("div", {
-				className: "mt-4 flex min-h-[250px] flex-col justify-between rounded-md border border-gray-300 p-4 md:mt-0",
-				children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
-					className: "border-b border-b-gray-200 pb-1 text-md",
-					children: "Confirm Details"
-				}), /* @__PURE__ */ N("div", {
-					className: "mt-2 flex flex-col gap-2",
-					children: t && /* @__PURE__ */ P("div", {
-						className: "flex justify-between",
+					/* @__PURE__ */ P("div", {
+						className: "flex items-center justify-between gap-3 text-[13.5px]",
 						children: [/* @__PURE__ */ N("span", {
-							className: "text-md",
-							children: t.title
-						}), /* @__PURE__ */ N("span", { children: $({
-							unit_amount: l ? t.subtotal : t.unit_amount,
-							currency: t.currency
-						}) })]
-					})
-				})] }), r && u ? /* @__PURE__ */ P("div", {
-					className: "mt-2",
-					children: [
-						/* @__PURE__ */ P("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ N("span", {
-								className: "text-md",
-								children: "Subtotal"
-							}), /* @__PURE__ */ N("span", {
-								className: "text-md",
-								children: $({
-									unit_amount: r.base_amount,
-									currency: t?.currency
-								})
-							})]
-						}),
-						/* @__PURE__ */ P("div", {
-							className: "flex items-center justify-between text-green-600",
-							children: [/* @__PURE__ */ N("span", {
-								className: "text-md",
-								children: "Discount"
-							}), /* @__PURE__ */ P("span", {
-								className: "text-md",
-								children: [
-									"-",
-									" ",
-									$({
-										unit_amount: r.discount,
-										currency: t?.currency
-									})
-								]
-							})]
-						}),
-						/* @__PURE__ */ P("div", {
-							className: "flex items-center justify-between border-t border-t-gray-200 pt-1",
-							children: [/* @__PURE__ */ N("span", {
-								className: "text-md",
-								children: "Taxable Amount"
-							}), /* @__PURE__ */ N("span", {
-								className: "text-md",
-								children: $({
-									unit_amount: r.taxable_amount,
-									currency: t?.currency
-								})
-							})]
-						}),
-						r.taxes?.map((e, n) => /* @__PURE__ */ P("div", {
-							className: "flex items-center justify-between text-gray-600",
-							children: [/* @__PURE__ */ P("span", {
-								className: "text-sm",
-								children: [
-									e.label,
-									" (",
-									e.percentage,
-									"%)"
-								]
-							}), /* @__PURE__ */ N("span", {
-								className: "text-sm",
-								children: $({
-									unit_amount: e.amount,
-									currency: t?.currency
-								})
-							})]
-						}, e.id || e._id || n)),
-						/* @__PURE__ */ P("div", {
-							className: "mt-1 flex items-center justify-between border-t border-t-gray-200 pt-1 font-medium",
-							children: [/* @__PURE__ */ N("span", {
-								className: "text-md",
-								children: "Payable"
-							}), /* @__PURE__ */ N("span", {
-								className: "text-md",
-								children: $({
-									unit_amount: r.total_amount,
-									currency: t?.currency
-								})
-							})]
-						})
-					]
-				}) : r ? /* @__PURE__ */ P("div", {
-					className: "mt-2",
-					children: [
-						/* @__PURE__ */ P("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ N("span", {
-								className: "text-md",
-								children: "Subtotal"
-							}), /* @__PURE__ */ N("span", {
-								className: "text-md",
-								children: $({
-									unit_amount: r.base_amount,
-									currency: t?.currency
-								})
-							})]
-						}),
-						/* @__PURE__ */ P("div", {
-							className: "flex items-center justify-between text-green-600",
-							children: [/* @__PURE__ */ N("span", {
-								className: "text-md",
-								children: "Discount"
-							}), /* @__PURE__ */ P("span", {
-								className: "text-md",
-								children: [
-									"-",
-									" ",
-									$({
-										unit_amount: r.discount,
-										currency: t?.currency
-									})
-								]
-							})]
-						}),
-						/* @__PURE__ */ P("div", {
-							className: "mt-1 flex items-center justify-between border-t border-t-gray-200 pt-1 font-medium",
-							children: [/* @__PURE__ */ N("span", {
-								className: "text-md",
-								children: "Payable"
-							}), /* @__PURE__ */ N("span", {
-								className: "text-md",
-								children: $({
-									unit_amount: r.sale_amount,
-									currency: t?.currency
-								})
-							})]
-						})
-					]
-				}) : l ? /* @__PURE__ */ P("div", {
-					className: "mt-2",
-					children: [
-						/* @__PURE__ */ P("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ N("span", {
-								className: "text-md",
-								children: "Subtotal"
-							}), /* @__PURE__ */ N("span", {
-								className: "text-md",
-								children: $({
-									unit_amount: t.subtotal,
-									currency: t?.currency
-								})
-							})]
-						}),
-						t.taxes.map((e, n) => /* @__PURE__ */ P("div", {
-							className: "flex items-center justify-between text-gray-600",
-							children: [/* @__PURE__ */ P("span", {
-								className: "text-sm",
-								children: [
-									e.label,
-									" (",
-									e.percentage,
-									"%)"
-								]
-							}), /* @__PURE__ */ N("span", {
-								className: "text-sm",
-								children: $({
-									unit_amount: e.amount,
-									currency: t?.currency
-								})
-							})]
-						}, e.id || e._id || n)),
-						/* @__PURE__ */ P("div", {
-							className: "mt-1 flex items-center justify-between border-t border-t-gray-200 pt-1 font-medium",
-							children: [/* @__PURE__ */ N("span", {
-								className: "text-md",
-								children: "Payable"
-							}), /* @__PURE__ */ N("span", {
-								className: "text-md",
-								children: $({
-									unit_amount: t.total,
-									currency: t?.currency
-								})
-							})]
-						}),
-						t.tax_inclusive && /* @__PURE__ */ N("p", {
-							className: "mt-1 text-gray-500 text-xs",
-							children: "* Price is inclusive of taxes"
-						})
-					]
-				}) : /* @__PURE__ */ N("div", {
-					className: "mt-2",
-					children: /* @__PURE__ */ P("div", {
-						className: "flex items-center justify-between font-medium",
+							className: "text-ink-soft",
+							children: "Event"
+						}), /* @__PURE__ */ N("span", {
+							className: "min-w-0 truncate font-medium text-ink",
+							children: t
+						})]
+					}),
+					o && /* @__PURE__ */ P("div", {
+						className: "mt-2 flex items-center justify-between gap-3 border-border border-t border-dashed pt-2 text-[13.5px]",
 						children: [/* @__PURE__ */ N("span", {
-							className: "text-md",
-							children: "Payable"
+							className: "text-ink-soft",
+							children: "Booking ref"
 						}), /* @__PURE__ */ N("span", {
-							className: "text-md",
-							children: $(t)
+							className: "min-w-0 truncate font-medium font-mono text-ink text-xs",
+							children: o
 						})]
 					})
-				})]
-			}), r ? /* @__PURE__ */ N("div", {
-				className: "flex flex-col justify-between gap-1 py-2",
-				children: /* @__PURE__ */ P("div", {
-					className: "mt-2 mb-1 space-y-1 rounded-lg border border-green-200 bg-green-50 px-3 py-3",
-					children: [/* @__PURE__ */ P("div", {
-						className: "flex items-start justify-between gap-2",
-						children: [/* @__PURE__ */ P("div", {
-							className: "flex max-w-16 items-center gap-2",
-							children: [/* @__PURE__ */ N("div", {
-								className: "rounded bg-green-500 p-2",
-								children: /* @__PURE__ */ N(ae, {
-									size: 16,
-									className: "text-white"
+				]
+			}),
+			/* @__PURE__ */ P("div", {
+				className: Z(Vr, "mt-4 flex w-full max-w-[340px] flex-col gap-2 delay-[520ms]"),
+				children: [
+					d && /* @__PURE__ */ P(V.Root, { children: [/* @__PURE__ */ P(V.Trigger, {
+						className: Hr,
+						children: [/* @__PURE__ */ N(re, { className: "size-4" }), "Add to calendar"]
+					}), /* @__PURE__ */ N(V.Portal, { children: /* @__PURE__ */ N(V.Positioner, {
+						sideOffset: 6,
+						className: "z-[2147483001]",
+						children: /* @__PURE__ */ P(V.Popup, {
+							className: "flex w-[220px] origin-[var(--transform-origin)] flex-col gap-0.5 rounded-2xl border border-border bg-page p-1.5 font-body text-ink shadow-xl outline-none transition-[opacity,scale] duration-150 ease-out data-[ending-style]:scale-95 data-[starting-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none",
+							children: [
+								/* @__PURE__ */ N("a", {
+									href: d.google,
+									target: "_blank",
+									rel: "noopener noreferrer",
+									className: Br,
+									children: "Google Calendar"
+								}),
+								/* @__PURE__ */ N("a", {
+									href: d.outlook,
+									target: "_blank",
+									rel: "noopener noreferrer",
+									className: Br,
+									children: "Outlook"
+								}),
+								/* @__PURE__ */ N("button", {
+									type: "button",
+									onClick: () => {
+										if (!d) return;
+										let e = new Blob([d.ics], { type: "text/calendar;charset=utf-8" }), n = URL.createObjectURL(e), r = document.createElement("a");
+										r.href = n, r.download = `${t.replace(/[^\w\s-]/g, "").trim() || "event"}.ics`, r.click(), URL.revokeObjectURL(n);
+									},
+									className: Br,
+									children: "Apple Calendar / .ics"
 								})
-							}), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("div", {
-								className: "font-medium text-green-700 text-xs uppercase opacity-60",
-								children: "Coupon Applied"
-							}), /* @__PURE__ */ N("div", {
-								className: "-mt-0.5 max-w-32 truncate font-bold text-green-900 text-sm tracking-wide",
-								children: i
-							})] })]
-						}), /* @__PURE__ */ N("button", {
-							type: "button",
-							onClick: s,
-							className: "rounded-md p-1 text-green-600 transition-colors hover:bg-green-100 hover:text-green-800",
-							"aria-label": "Remove coupon",
-							children: /* @__PURE__ */ N(oe, { size: 18 })
-						})]
-					}), /* @__PURE__ */ P("div", {
-						className: "text-green-700 text-xs",
-						children: [
-							"You are saving",
-							" ",
-							/* @__PURE__ */ N("span", {
-								className: "font-semibold",
-								children: $({
-									unit_amount: r.discount,
-									currency: t?.currency
+							]
+						})
+					}) })] }),
+					c && /* @__PURE__ */ P("a", {
+						href: c,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: Hr,
+						children: [/* @__PURE__ */ N(oe, { className: "size-4" }), "Download invoice"]
+					}),
+					/* @__PURE__ */ N("button", {
+						type: "button",
+						onClick: l,
+						className: "inline-flex min-h-[46px] w-full items-center justify-center rounded-xl bg-brand font-semibold text-[15px] text-brand-foreground transition active:scale-[0.985]",
+						children: "Done"
+					})
+				]
+			}),
+			/* @__PURE__ */ N("button", {
+				type: "button",
+				onClick: u,
+				className: "mt-4 text-[13px] text-ink-muted underline underline-offset-[3px] starting:opacity-0 transition-opacity delay-[600ms] duration-300 hover:text-ink motion-reduce:transition-none",
+				children: "Register someone else"
+			})
+		]
+	});
+}, Wr = {
+	email: "required",
+	mobile: "off",
+	organization: "off",
+	designation: "off"
+}, Gr = (e) => e.replace(/[\s()-]/g, ""), Kr = (e) => /^\+?\d{7,15}$/.test(Gr(e)), qr = (e, t) => {
+	let n = {}, r = [
+		["mobile", Gr(e.mobile)],
+		["organization", e.organization.trim()],
+		["designation", e.designation.trim()]
+	];
+	for (let [e, i] of r) t[e] !== "off" && i && (n[e] = i);
+	return n;
+}, Jr = (e, t) => {
+	let n = {};
+	e.name.trim() || (n.name = "Please enter your name"), t.email !== "off" && (e.email.trim() ? /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(e.email.trim()) || (n.email = "That email address doesn't look right") : t.email === "required" && (n.email = "Please enter your email")), t.mobile !== "off" && (e.mobile.trim() ? Kr(e.mobile) || (n.mobile = "That doesn't look like a valid phone number") : t.mobile === "required" && (n.mobile = "Please enter your phone number"));
+	for (let r of ["organization", "designation"]) t[r] === "required" && !e[r].trim() && (n[r] = `Please enter your ${r}`);
+	return n;
+}, Yr = (e) => `levo:event-registration:${e}`, Xr = (e) => {
+	if (typeof window > "u") return null;
+	try {
+		let t = window.localStorage.getItem(Yr(e));
+		return t ? JSON.parse(t) : null;
+	} catch {
+		return null;
+	}
+}, Zr = (e, t) => {
+	if (!(typeof window > "u")) try {
+		window.localStorage.setItem(Yr(e), JSON.stringify(t));
+	} catch {}
+}, Qr = (e) => {
+	if (!(typeof window > "u")) try {
+		window.localStorage.removeItem(Yr(e));
+	} catch {}
+}, $r = ({ tickets: e, selectedTicket: t, onSelect: n, error: r }) => {
+	let [i, a] = A(!t);
+	return /* @__PURE__ */ P("fieldset", {
+		className: "m-0 flex min-w-0 flex-col gap-2 border-0 p-0",
+		children: [
+			/* @__PURE__ */ N("legend", {
+				className: "mb-2 p-0 font-medium text-ink text-sm",
+				children: "Choose your ticket"
+			}),
+			/* @__PURE__ */ N("div", {
+				className: "-mb-2 flex flex-col",
+				children: e.map((r) => {
+					let o = r._id === t?._id, s = i || o, c = xr(r);
+					return /* @__PURE__ */ N(fr, {
+						open: s,
+						children: /* @__PURE__ */ P("label", {
+							className: Z("mb-2 flex w-full cursor-pointer items-start gap-2.5 rounded-xl border px-3.5 py-3 transition", o ? "border-brand bg-brand/5" : "border-border hover:border-brand/50"),
+							children: [
+								/* @__PURE__ */ N("input", {
+									type: "radio",
+									name: "ticket",
+									value: r._id,
+									checked: o,
+									onChange: () => {
+										n(r), a(!1);
+									},
+									onClick: () => {
+										i || a(!0);
+									},
+									className: "sr-only"
+								}),
+								/* @__PURE__ */ N("span", {
+									"aria-hidden": !0,
+									className: Z("mt-0.5 size-[17px] shrink-0 rounded-full border transition-all", o ? "border-[5px] border-brand" : "border-border")
+								}),
+								/* @__PURE__ */ P("span", {
+									className: "min-w-0 flex-1 [overflow-wrap:anywhere]",
+									children: [/* @__PURE__ */ N("span", {
+										className: "block font-medium text-[14.5px] text-ink leading-snug",
+										children: r.title
+									}), r.description && /* @__PURE__ */ N("span", {
+										title: r.description,
+										className: Z("mt-0.5 block text-[12.5px] text-ink-soft leading-snug", !i && "line-clamp-2"),
+										children: r.description
+									})]
+								}),
+								/* @__PURE__ */ P("span", {
+									className: "flex shrink-0 flex-col items-end gap-1.5",
+									children: [/* @__PURE__ */ P("span", {
+										className: "text-right font-medium text-[14.5px] text-ink",
+										children: [Q(r), c && /* @__PURE__ */ N("span", {
+											className: "block font-normal text-[11.5px] text-ink-muted",
+											children: c
+										})]
+									}), o && !i && e.length > 1 && /* @__PURE__ */ P("span", {
+										className: "inline-flex items-center gap-1 whitespace-nowrap rounded-full border border-brand/40 px-2.5 py-1 font-medium text-[12px] text-brand",
+										children: [
+											e.length - 1,
+											" more",
+											/* @__PURE__ */ N(ae, {
+												"aria-hidden": !0,
+												className: "size-3.5"
+											})
+										]
+									})]
 								})
-							})
-						]
-					})]
+							]
+						})
+					}, r._id);
 				})
-			}) : /* @__PURE__ */ P("div", {
-				className: fr("flex cursor-pointer items-center justify-between border-b border-b-gray-300 pr-1 pl-4 transition-all duration-200 hover:bg-gray-50", t ? "h-[50px] py-3" : "py-3"),
-				onClick: () => t ? o() : null,
-				children: [/* @__PURE__ */ P("span", {
-					className: "flex items-center gap-2",
-					children: ["Apply Coupon", a > 0 && /* @__PURE__ */ N("span", {
-						className: "rounded-full bg-gray-200 px-2 py-0.5 text-gray-600 text-xs",
-						children: a
-					})]
-				}), /* @__PURE__ */ N("span", { children: /* @__PURE__ */ N(re, {}) })]
-			})]
-		})]
-	}), /* @__PURE__ */ N("div", {
-		className: "mt-3 flex justify-start",
-		children: /* @__PURE__ */ N(Q, {
-			onClick: c,
-			className: "rounded-lg bg-brand px-6 py-2 font-semibold text-brand-foreground hover:opacity-90",
-			children: "Continue for Payment"
-		})
-	})] });
-}, Tr = () => {
-	let [e, t] = A(null), [n, r] = A(null), [i, a] = A(!1), [o, s] = A(null);
-	return {
-		stripePromise: e,
-		config: n,
-		isOpen: i,
-		openStripeCheckout: w(async (e) => {
-			try {
-				let { loadStripe: n } = await import("@stripe/stripe-js");
-				t(n(e.key)), r({ clientSecret: e.client_secret }), a(!0);
-			} catch (e) {
-				console.error("Failed to initialize Stripe checkout:", e);
-			}
-		}, []),
-		closeStripeCheckout: w(() => {
-			a(!1), setTimeout(() => {
-				r(null), t(null);
-			}, 300);
-		}, []),
-		onComplete: o,
-		setOnComplete: w((e) => {
-			s(() => e);
-		}, [])
-	};
-}, Er = {
+			}),
+			r && /* @__PURE__ */ N("p", {
+				className: "m-0 text-danger text-xs",
+				children: r
+			})
+		]
+	});
+}, ei = {
 	name: "",
 	email: "",
+	mobile: "",
+	organization: "",
+	designation: "",
 	is_business_purchase: !1,
 	billing_details: {
 		name: "",
@@ -2964,257 +2971,560 @@ var pr = ({ values: e, handleChange: t, handleBlur: n, handleSubmit: r, register
 			country: ""
 		}
 	}
-}, Dr = (e, t, n) => {
-	let r = t.split("."), i = structuredClone(e), a = i, o = r.length - 1;
-	return r.forEach((e, t) => {
-		t === o ? a[e] = n : a = a[e];
-	}), i;
-}, Or = async (e, t) => {
-	try {
-		let n = new URLSearchParams();
-		return n.append("query", JSON.stringify({ where: { status: "active" } })), (await e.fetch?.url(`/v1/event/event/${t}/ticket/query?${n.toString()}`).get().json())?.content?.data;
-	} catch (t) {
-		e.logger?.error("Failed to fetch event tickets", { exception: b(t) });
-	}
-}, kr = ({ eventID: e, title: t, external: n, buttonText: r = "Register Now" }) => {
-	let a = i(), [o, s] = A([]), [c, l] = A(!0), [u, d] = A(!1), [f, p] = A(!1), [m, h] = A(null), [g, _] = A(void 0), [v, y] = A(""), [ee, x] = A(null), [S, C] = A(!1), [T, D] = A(null), [O, j] = A(!1), [I, L] = A(1), [R, z] = A(null), [B, V] = A([]), [H, te] = A(Er), ne = vr(m, ee) === 0, U = k(null), re = () => te(Er), ie = () => {
-		x(null), _(void 0), D(null), C(!1), y(""), z(null), d(!1), L(1), re();
-	}, { Razorpay: ae } = ce(), { stripePromise: oe, config: le, isOpen: W, openStripeCheckout: ue, closeStripeCheckout: G, setOnComplete: de } = Tr(), fe = () => {
-		let e = U.current;
-		!e || !a || a.fetch?.url(`/v1/event/booking/${e.bookingId}/confirm-booking`)?.post({ session_id: e.sessionId })?.json().then((e) => {
-			e?.content?.data && _(e?.content?.data), G(), U.current = null;
+}, ti = {
+	name: !0,
+	email: !0,
+	mobile: !0,
+	organization: !0,
+	designation: !0
+}, ni = (e, t) => {
+	let [n, r] = A(ei), [i, a] = A({}), [o, s] = A(!1), c = k(!1);
+	E(() => {
+		c.current || !e || (c.current = !0, r((t) => ({
+			...t,
+			name: t.name || [e.first_name, e.last_name].filter(Boolean).join(" ").trim(),
+			email: t.email || e.email || ""
+		})));
+	}, [e]);
+	let l = Jr(n, t), u = w((e, t) => r((n) => ({
+		...n,
+		[e]: t
+	})), []), d = w((e) => a((t) => ({
+		...t,
+		[e]: !0
+	})), []), f = w(() => {
+		r(ei), a({}), s(!1), c.current = !0;
+	}, []), p = w(() => {
+		a({}), s(!1);
+	}, []);
+	return {
+		values: n,
+		errors: l,
+		isValid: Object.keys(l).length === 0,
+		submitAttempted: o,
+		markSubmitted: () => s(!0),
+		setField: u,
+		touchField: d,
+		reset: f,
+		resetValidationDisplay: p,
+		touched: o ? ti : i
+	};
+}, ri = ({ eventID: e, selectedTicket: t, enabled: n }) => {
+	let r = i(), [a, o] = A(""), [s, c] = A(null), [l, u] = A(!1), [d, f] = A(null), [p, m] = A([]);
+	return E(() => {
+		!n || !e || !r || r.fetch?.url(`/v1/event/event/${e}/coupon/list-public-coupons`)?.get().json().then((e) => {
+			e?.status && e?.content?.data && m(e.content.data);
 		}).catch((e) => {
-			a.logger?.error("Failed to confirm booking after Stripe payment", { exception: b(e) }), G(), U.current = null;
+			r.logger?.error("Failed to fetch public coupons", { exception: b(e) });
 		});
-	}, K = async () => {
-		if (!a) return;
-		p(!0), z(null);
-		let { name: t, email: n, is_business_purchase: r, billing_details: i } = H;
-		try {
-			let o = {
-				event: e,
-				coupon: v,
-				attendees: [{
-					name: t,
-					email: n,
-					ticket: m?._id,
-					details: {}
-				}]
-			};
-			r && !ne && (o.is_business_purchase = !0, o.billing_details = i);
-			let s = await a.fetch?.url(`/v1/event/event/${e}/booking/create-new-booking`)?.post(o).json();
-			if (!s?.status) z("Booking failed. Please try again.");
-			else {
-				ie();
-				let e = s?.content?.meta;
-				if (e?.key) {
-					let t = s?.content.data?._id;
-					e.provider === "stripe" && e.client_secret ? (U.current = t && e.session_id ? {
-						bookingId: t,
-						sessionId: e.session_id
-					} : null, de(fe), await ue({
-						key: e.key,
-						client_secret: e.client_secret,
-						amount: s?.content.data?.unit_amount || 0,
-						currency: e.currency || "USD",
-						provider: "stripe",
-						reference_id: e.reference_id || ""
-					})) : pe({
-						key: e.key,
-						amount: s?.content.data?.unit_amount,
-						currency: e.currency || "INR",
-						order_id: e.order_id,
-						booking_id: t
-					});
-				} else _(s?.content.data);
+	}, [
+		n,
+		e,
+		r
+	]), {
+		code: a,
+		setCode: o,
+		discount: s,
+		isLoading: l,
+		error: d,
+		publicCoupons: p,
+		apply: w(async (n) => {
+			let i = (n ?? a).trim();
+			if (!(!i || !r)) {
+				u(!0), f(null);
+				try {
+					let n = await r.fetch?.url(`/v1/event/event/${e}/coupon/validate-coupon-code`)?.post({
+						coupon: i,
+						event: e,
+						attendees: [{
+							name: "",
+							email: "",
+							ticket: t?._id
+						}]
+					}).json();
+					n?.status && (c(n.content.data), o(i));
+				} catch (e) {
+					let t = b(e);
+					f(t.message), r.logger?.error("Coupon validation failed", { exception: t });
+				} finally {
+					u(!1);
+				}
 			}
+		}, [
+			r,
+			a,
+			e,
+			t?._id
+		]),
+		reset: w(() => {
+			o(""), c(null), f(null);
+		}, [])
+	};
+}, ii = async (e, t) => {
+	let n = new URLSearchParams();
+	return n.append("query", JSON.stringify({ where: { status: "active" } })), (await e.fetch?.url(`/v1/event/event/${t}/ticket/query?${n.toString()}`).get().json())?.content?.data ?? [];
+}, ai = ({ eventID: e, external: t }) => {
+	let n = i(), [r, a] = A([]), [o, s] = A(!t), [c, l] = A(!1), [u, d] = A(null);
+	return E(() => {
+		t || !e || !n || (s(!0), l(!1), ii(n, e).then((e) => {
+			a(e), e.length === 1 && d(e[0] ?? null);
+		}).catch((e) => {
+			l(!0), n.logger?.error("Failed to load event tickets", { exception: b(e) });
+		}).finally(() => s(!1)));
+	}, [
+		e,
+		t,
+		n
+	]), {
+		tickets: r,
+		isLoading: o,
+		hasFailed: c,
+		selectedTicket: u,
+		selectTicket: d
+	};
+}, oi = async (e) => {
+	let { payment_session_id: t, order_id: n } = e;
+	if (!t || !n) throw Error("Cashfree payment session missing");
+	let { load: r } = await import("./script.esm-wR2d7rrv.js"), i = await r({ mode: e.environment || "production" });
+	if (!i) throw Error("Cashfree checkout failed to load");
+	let a = await i.checkout({
+		paymentSessionId: t,
+		redirectTarget: "_modal"
+	});
+	return a.paymentDetails ? {
+		status: "completed",
+		confirmation: { order_id: n }
+	} : a.redirect ? { status: "redirect" } : {
+		status: "closed",
+		message: a.error?.message
+	};
+}, si = () => typeof window < "u" && "Razorpay" in window, ci = ({ order: e, onSettled: t, onError: n }) => {
+	let { Razorpay: r, isLoading: i, error: a } = le(), o = k({
+		onSettled: t,
+		onError: n
+	});
+	o.current = {
+		onSettled: t,
+		onError: n
+	};
+	let s = k(!1);
+	return E(() => {
+		if (s.current) return;
+		if (a) {
+			s.current = !0, o.current.onError(Error(a));
+			return;
+		}
+		if (!r || !si()) return;
+		s.current = !0;
+		let t;
+		try {
+			let n = new r({
+				key: e.key,
+				amount: e.amount,
+				currency: e.currency,
+				order_id: e.orderId,
+				name: e.merchantName,
+				description: e.description,
+				prefill: e.prefill,
+				theme: e.themeColor ? { color: e.themeColor } : void 0,
+				handler: (e) => o.current.onSettled({
+					status: "completed",
+					confirmation: {
+						order_id: e.razorpay_order_id,
+						payment_id: e.razorpay_payment_id,
+						signature: e.razorpay_signature
+					}
+				}),
+				modal: { ondismiss: () => o.current.onSettled({
+					status: "closed",
+					message: t
+				}) }
+			});
+			n.on("payment.failed", (e) => {
+				t = e?.error?.description;
+			}), n.open();
 		} catch (e) {
-			z(b(e).message || "Something went wrong. Please try again.");
+			o.current.onError(e instanceof Error ? e : /* @__PURE__ */ Error("Razorpay checkout failed to open"));
 		}
-		p(!1);
-	}, pe = async (e) => {
-		if (!a) return;
-		let n = new ae({
-			key: e.key,
-			amount: e.amount ?? 0,
-			currency: e.currency,
-			order_id: e.order_id ?? "",
-			name: t ?? "",
-			description: "Event Registration",
-			handler: (t) => {
-				a.fetch?.url(`/v1/event/booking/${e.booking_id}/confirm-booking`)?.post({
-					order_id: t.razorpay_order_id,
-					payment_id: t.razorpay_payment_id,
-					signature: t.razorpay_signature
-				})?.json().then((e) => {
-					e?.content?.data?.status && _(e?.content?.data);
-				}).catch((e) => {
-					a.logger?.error("Failed to confirm Razorpay booking", { exception: b(e) });
-				});
-			},
-			prefill: {
-				name: "",
-				email: "",
-				phone: ""
+	}, [
+		r,
+		i,
+		a,
+		e
+	]), null;
+}, li = ({ stripePromise: e, clientSecret: t, onClose: n, onComplete: r }) => {
+	let i = k(r);
+	i.current = r;
+	let a = O(() => ({
+		clientSecret: t,
+		onComplete: () => i.current()
+	}), [t]);
+	return /* @__PURE__ */ N(F.Root, {
+		open: !0,
+		onOpenChange: (e) => {
+			e || n();
+		},
+		children: /* @__PURE__ */ P(F.Portal, { children: [/* @__PURE__ */ N(F.Backdrop, { className: "fixed inset-0 z-[2147483001] bg-black/50" }), /* @__PURE__ */ P(F.Popup, {
+			className: "fixed top-8 left-1/2 z-[2147483001] flex max-h-[calc(100dvh-4rem)] min-h-[500px] w-[98vw] -translate-x-1/2 flex-col overflow-hidden rounded-2xl bg-white shadow-2xl md:top-10 md:w-auto md:max-w-[1000px] lg:max-w-[1100px]",
+			children: [/* @__PURE__ */ N(F.Close, {
+				"aria-label": "Close payment",
+				className: "absolute top-4 right-4 z-10 rounded-full bg-white/90 p-2.5 text-gray-500 shadow-md backdrop-blur-sm transition-all hover:bg-white hover:text-gray-700",
+				children: /* @__PURE__ */ N(ce, { className: "size-5" })
+			}), /* @__PURE__ */ N("div", {
+				className: "flex-1 overflow-y-auto rounded-2xl py-6",
+				children: /* @__PURE__ */ N(de, {
+					stripe: e,
+					options: a,
+					children: /* @__PURE__ */ N(ue, { className: "stripe-embedded-checkout h-full" })
+				})
+			})]
+		})] })
+	});
+}, ui = () => {
+	let [e, t] = A(null), n = w(async (e, n) => {
+		if (e.provider === "cashfree") return oi(e);
+		if (e.provider === "stripe") {
+			let { client_secret: n, session_id: r } = e;
+			if (!n || !r) throw Error("Stripe checkout session missing");
+			let { loadStripe: i } = await import("@stripe/stripe-js"), a = i(e.key);
+			return new Promise((e, i) => t({
+				provider: "stripe",
+				stripePromise: a,
+				clientSecret: n,
+				sessionId: r,
+				settle: {
+					resolve: e,
+					reject: i
+				}
+			}));
+		}
+		let { order_id: r } = e;
+		if (!r) throw Error("Razorpay order missing");
+		return new Promise((i, a) => t({
+			provider: "razorpay",
+			order: {
+				...n,
+				key: e.key,
+				currency: e.currency || "INR",
+				orderId: r
 			},
-			theme: { color: "#FC751A" }
+			settle: {
+				resolve: i,
+				reject: a
+			}
+		}));
+	}, []), r = (e, n) => {
+		t(null), n instanceof Error ? e.settle.reject(n) : e.settle.resolve(n);
+	}, i = null;
+	return e?.provider === "stripe" ? i = /* @__PURE__ */ N(li, {
+		stripePromise: e.stripePromise,
+		clientSecret: e.clientSecret,
+		onComplete: () => r(e, {
+			status: "completed",
+			confirmation: { session_id: e.sessionId }
+		}),
+		onClose: () => r(e, { status: "closed" })
+	}) : e?.provider === "razorpay" && (i = /* @__PURE__ */ N(ci, {
+		order: e.order,
+		onSettled: (t) => r(e, t),
+		onError: (t) => r(e, t)
+	})), {
+		open: n,
+		element: i
+	};
+}, $ = {
+	registrationFailed: "We couldn't complete your registration. Please try again.",
+	paymentAbandoned: "Payment wasn't completed. Your details are saved — try again.",
+	providerUnreachable: "We couldn't reach the payment provider. Check your connection and try again.",
+	confirmationFailed: "We couldn't confirm your payment. Your details are saved — try again.",
+	generic: "Something went wrong. Please try again."
+}, di = (e) => !!e && e.status !== "requires_payment", fi = ({ eventID: e, details: t, onConfirmed: n }) => {
+	let r = i(), a = ui(), [o, s] = A({ kind: "idle" }), c = k({
+		details: t,
+		onConfirmed: n
+	});
+	c.current = {
+		details: t,
+		onConfirmed: n
+	};
+	let l = (e) => {
+		s({ kind: "idle" }), c.current.onConfirmed(e);
+	}, u = (e, t) => s({
+		kind: "unpaid",
+		bookingId: e,
+		message: t
+	}), d = async (e, t) => {
+		if (!t?.key) {
+			di(e) ? l(e) : s({
+				kind: "failed",
+				message: $.registrationFailed
+			});
+			return;
+		}
+		if (!e) {
+			s({
+				kind: "failed",
+				message: $.registrationFailed
+			});
+			return;
+		}
+		s({
+			kind: "busy",
+			stage: "paying"
 		});
-		n.on("payment.failed", (e) => {
-			a.logger?.error("Razorpay payment failed", { exception: b(e.error) });
-		}), n.open();
-	}, me = w(async () => {
-		if (a) try {
-			let t = await a.fetch?.url(`/v1/event/event/${e}/coupon/list-public-coupons`)?.get().json();
-			t?.status && t?.content?.data && V(t.content.data);
-		} catch (e) {
-			a.logger?.error("Failed to fetch public coupons", { exception: b(e) });
+		let n;
+		try {
+			n = await a.open(t, {
+				...c.current.details,
+				amount: t.amount ?? e.total_amount ?? e.unit_amount
+			});
+		} catch (t) {
+			r?.logger?.error("Checkout failed to open", { exception: b(t) }), u(e._id, $.providerUnreachable);
+			return;
 		}
-	}, [a, e]), he = async (t) => {
-		if (!a) return;
-		let n = t ?? v;
-		C(!0), D(null);
+		if (n.status !== "redirect") {
+			if (n.status === "closed") {
+				u(e._id, n.message || $.paymentAbandoned);
+				return;
+			}
+			try {
+				let t = (await r?.fetch?.url(`/v1/event/booking/${e._id}/confirm-booking`)?.post(n.confirmation)?.json())?.content?.data;
+				di(t) ? l(t) : u(e._id, $.paymentAbandoned);
+			} catch (t) {
+				r?.logger?.error("Failed to confirm booking after payment", { exception: b(t) }), u(e._id, $.confirmationFailed);
+			}
+		}
+	}, f = async (e, t) => {
+		s({
+			kind: "busy",
+			stage: "booking"
+		});
 		try {
-			let t = await a.fetch?.url(`/v1/event/event/${e}/coupon/validate-coupon-code`)?.post({
-				coupon: n,
-				event: e,
-				attendees: [{
-					name: "",
-					email: "",
-					ticket: m?._id
-				}]
-			}).json();
-			t?.status && (x(t.content.data), y(n)), j(!1), C(!1);
-		} catch (e) {
-			D(b(e).message), C(!1);
+			let e = await t();
+			if (!e?.status) {
+				s({
+					kind: "failed",
+					message: $.registrationFailed
+				});
+				return;
+			}
+			await d(e.content?.data, e.content?.meta);
+		} catch (t) {
+			let n = b(t);
+			r?.logger?.error(e === "retry" ? "Retry payment failed" : "Event registration failed", { exception: n }), s({
+				kind: "failed",
+				message: n.message || $.generic
+			});
 		}
-	}, ge = (e) => {
-		y(""), x(null), D(null), C(!1), z(null), h(e);
-	}, _e = () => {
-		x(null), D(null), y("");
-	}, ve = () => {
-		D(null), C(!1), y(""), j(!1);
-	}, ye = (e) => {
-		let { name: t, value: n, type: r, checked: i } = e.target;
-		te((e) => Dr(e, t, r === "checkbox" ? i : n));
-	}, be = () => {}, xe = (e) => {
-		e?.preventDefault(), K();
 	};
-	if (E(() => {
-		if (n) {
-			l(!1);
-			return;
+	return {
+		state: o,
+		checkoutElement: a.element,
+		register: (t) => f("register", () => r?.fetch?.url(`/v1/event/event/${e}/booking/create-new-booking`)?.post(t).json()),
+		retry: () => {
+			if (o.kind !== "unpaid") return;
+			let { bookingId: e } = o;
+			return f("retry", () => r?.fetch?.url(`/v1/event/booking/${e}/retry-payment`)?.post({}).json());
+		},
+		reset: () => s({ kind: "idle" })
+	};
+}, pi = "register", mi = () => {
+	if (typeof window > "u") return !1;
+	let e = new URLSearchParams(window.location.search).get(pi);
+	return e !== null && e !== "0" && e !== "false";
+}, hi = ({ canAutoOpen: e }) => {
+	let [t, n] = A(!1), r = k(!1), i = w(() => n(!0), []), a = w(() => n(!1), []);
+	return E(() => {
+		r.current || !e || !mi() || (r.current = !0, n(!0));
+	}, [e]), {
+		isOpen: t,
+		open: i,
+		close: a
+	};
+}, gi = "inline-flex items-center justify-center rounded-lg bg-brand px-4 py-3 font-semibold text-brand-foreground transition hover:opacity-90", _i = ({ eventID: e, title: t, external: n, buttonText: r = "Register Now", startsAt: i, endsAt: a, eventUrl: o }) => {
+	let { account: s } = We(), c = Kn(), l = ai({
+		eventID: e,
+		external: n
+	}), u = l.selectedTicket?.registration_fields ?? Wr, d = ni(s, u), f = Tr(l.selectedTicket, null)?.isFree === !1, [p, m] = A(null), [h, g] = A(null);
+	E(() => {
+		let t = Xr(e);
+		t && g({ email: t.email });
+	}, [e]);
+	let _ = hi({ canAutoOpen: !n && !l.isLoading && l.tickets.length > 0 && !h }), v = k(null), y = ri({
+		eventID: e,
+		selectedTicket: l.selectedTicket,
+		enabled: _.isOpen && f
+	}), b = Tr(l.selectedTicket, y.discount), x = !!b && !b.isFree, S = l.tickets.length > 1, C = O(() => Mr(i, a), [i, a]), w = t || "this event", T = S || x, D = fi({
+		eventID: e,
+		details: {
+			merchantName: c?.name || t || "",
+			description: "Event Registration",
+			prefill: {
+				name: d.values.name.trim(),
+				email: d.values.email.trim(),
+				contact: Gr(d.values.mobile)
+			}
+		},
+		onConfirmed: (t) => {
+			let n = d.values.email.trim();
+			m(t), g({ email: n }), Zr(e, {
+				bookingId: t._id,
+				email: n,
+				at: (/* @__PURE__ */ new Date()).toISOString()
+			});
 		}
-		e && a && (l(!0), Or(a, e).then((e) => {
-			s(e ?? []), e && e.length > 0 && h(e[0] || null), l(!1);
-		}));
-	}, [
-		e,
-		n,
-		a
-	]), E(() => {
-		m?.unit_amount === 0 && o?.length === 1 && L(2);
-	}, [m, o]), E(() => {
-		u && e && me();
-	}, [
-		u,
-		e,
-		me
-	]), n) return /* @__PURE__ */ N("div", {
+	}), { state: j } = D, F = j.kind === "busy", I = (e) => {
+		y.reset(), D.reset(), l.selectTicket(e);
+	}, L = () => {
+		Qr(e), g(null), m(null), D.reset(), d.reset();
+	}, R = (t) => {
+		t.preventDefault(), d.markSubmitted(), !(!l.selectedTicket || !d.isValid) && D.register({
+			event: e,
+			coupon: y.code,
+			attendees: [{
+				name: d.values.name.trim(),
+				email: d.values.email.trim(),
+				...qr(d.values, u),
+				ticket: l.selectedTicket._id,
+				details: {}
+			}],
+			...d.values.is_business_purchase && x ? {
+				is_business_purchase: !0,
+				billing_details: d.values.billing_details
+			} : {}
+		});
+	};
+	if (n) return /* @__PURE__ */ N("div", {
 		className: "my-2",
-		children: /* @__PURE__ */ N(Q, {
-			className: "rounded-lg bg-brand px-4 py-3 font-semibold text-brand-foreground hover:opacity-90",
+		children: /* @__PURE__ */ N("button", {
+			type: "button",
+			className: gi,
 			onClick: () => window.open(n, "_blank", "noopener,noreferrer"),
 			children: r
 		})
 	});
-	if (c) return /* @__PURE__ */ N("div", {
+	if (!l.isLoading && l.tickets.length === 0) return /* @__PURE__ */ N("div", {
 		className: "my-2",
-		children: /* @__PURE__ */ N(Q, {
-			className: "rounded-lg bg-brand px-4 py-2 font-bold text-brand-foreground",
-			children: "Loading..."
+		children: /* @__PURE__ */ N("p", {
+			className: "m-0 text-ink-soft text-sm",
+			children: l.hasFailed ? "We couldn't load tickets for this event. Please refresh the page." : "Registration isn't open for this event yet."
 		})
 	});
-	let q = ne ? "Complete Registration" : "Pay";
-	return /* @__PURE__ */ P(M, { children: [
-		/* @__PURE__ */ N("div", {
-			className: "my-2",
-			children: o?.length ? /* @__PURE__ */ N(Q, {
-				onClick: () => d(!0),
-				className: "rounded-lg bg-brand px-4 py-3 font-semibold text-brand-foreground hover:opacity-90",
-				children: r
-			}) : /* @__PURE__ */ N("p", {
-				className: "text-red-500",
-				children: "No tickets available for this event."
+	let z = b ? b.isFree ? "Save my spot" : `Pay ${Q({
+		unit_amount: b.amount,
+		currency: b.currency
+	})}` : "Choose a ticket";
+	return /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N("div", {
+		className: "my-2",
+		children: h && !_.isOpen ? /* @__PURE__ */ P("span", {
+			className: "inline-flex flex-wrap items-center gap-2 rounded-xl border border-border bg-ink/3 px-3.5 py-2.5 text-ink text-sm",
+			children: [
+				/* @__PURE__ */ N(ie, { className: "size-4 text-emerald-600 dark:text-emerald-400" }),
+				"You're registered as ",
+				h.email,
+				/* @__PURE__ */ N("button", {
+					type: "button",
+					onClick: L,
+					className: "text-ink-soft underline underline-offset-[3px] hover:text-ink",
+					children: "Register someone else"
+				})
+			]
+		}) : /* @__PURE__ */ N("button", {
+			type: "button",
+			onClick: _.open,
+			disabled: l.isLoading,
+			className: Z(gi, "disabled:opacity-60"),
+			children: r
+		})
+	}), /* @__PURE__ */ N(zr, {
+		open: _.isOpen,
+		title: p ? w : `Register for ${w}`,
+		when: C,
+		wide: S,
+		onClose: _.close,
+		onClosed: () => {
+			D.reset(), d.resetValidationDisplay();
+		},
+		initialFocusRef: S ? void 0 : v,
+		layers: D.checkoutElement,
+		onSubmit: p ? void 0 : R,
+		footer: p ? void 0 : /* @__PURE__ */ P(M, { children: [
+			(j.kind === "unpaid" || j.kind === "failed") && /* @__PURE__ */ P("p", {
+				role: "alert",
+				className: "m-0 mb-2.5 rounded-xl bg-danger/10 px-3 py-2.5 text-danger text-sm starting:opacity-0 transition-opacity duration-200 motion-reduce:transition-none",
+				children: [j.message, j.kind === "unpaid" && /* @__PURE__ */ N("button", {
+					type: "button",
+					onClick: D.retry,
+					className: "ml-1.5 inline-flex items-center gap-1 font-semibold underline underline-offset-[3px]",
+					children: "Pay again"
+				})]
+			}),
+			/* @__PURE__ */ P("button", {
+				type: "submit",
+				disabled: F,
+				className: "inline-flex min-h-[50px] w-full items-center justify-center gap-2 rounded-xl bg-brand font-semibold text-[15.5px] text-brand-foreground transition active:scale-[0.985] disabled:opacity-55",
+				children: [F && /* @__PURE__ */ N(se, { className: "size-4 animate-spin" }), F && j.stage === "paying" ? "Opening secure checkout" : z]
+			}),
+			/* @__PURE__ */ N("p", {
+				className: "m-0 mt-2 text-center text-ink-muted text-xs",
+				children: x ? "Secure payment · confirmation sent to your email" : "No card needed · joining link sent to your email"
 			})
-		}),
-		/* @__PURE__ */ N(F.Root, {
-			open: u,
-			onOpenChange: (e) => {
-				e || ie();
-			},
-			children: /* @__PURE__ */ P(F.Portal, { children: [/* @__PURE__ */ N(F.Backdrop, { className: "fixed inset-0 z-[100] bg-black/50" }), /* @__PURE__ */ P(F.Popup, {
-				className: fr("fixed top-24 left-1/2 z-[100] flex max-h-[calc(100dvh-12rem)] w-[90%] -translate-x-1/2 flex-col overflow-y-auto rounded-lg bg-white p-4", O ? "md:w-[30%]" : "md:w-[40%]"),
-				children: [/* @__PURE__ */ P("div", {
-					className: `mb-4 flex w-full items-start justify-between ${O ? "" : "pb-[6px]"} `,
-					children: [/* @__PURE__ */ P(F.Title, {
-						className: "font-semibold text-lg",
-						children: [
-							"Register for ",
-							t,
-							"!"
-						]
-					}), /* @__PURE__ */ N(F.Close, {
-						className: "rounded-md p-2 hover:bg-gray-100 focus:outline-none",
-						children: /* @__PURE__ */ N(se, { className: "size-4" })
+		] }),
+		children: p ? /* @__PURE__ */ N(Ur, {
+			email: d.values.email.trim(),
+			eventTitle: w,
+			startsAt: i,
+			endsAt: a,
+			eventUrl: o,
+			when: C,
+			bookingRef: p._id,
+			qrImageUrl: p.qr_image?.location,
+			invoiceUrl: p.invoice?.location,
+			onClose: _.close,
+			onRegisterAnother: L
+		}) : /* @__PURE__ */ P("div", {
+			className: "flex flex-col gap-4",
+			children: [
+				S && /* @__PURE__ */ N($r, {
+					tickets: l.tickets,
+					selectedTicket: l.selectedTicket,
+					onSelect: I,
+					error: d.submitAttempted && !l.selectedTicket ? "Choose a ticket to continue" : void 0
+				}),
+				x && /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(Lr, {
+					selectedTicket: l.selectedTicket,
+					discount: y.discount
+				}), /* @__PURE__ */ N(Ar, {
+					couponCode: y.code,
+					onCouponCodeChange: y.setCode,
+					couponError: y.error,
+					couponLoading: y.isLoading,
+					onValidateCoupon: y.apply,
+					onRemoveCoupon: y.reset,
+					publicCoupons: y.publicCoupons,
+					discount: y.discount,
+					selectedTicket: l.selectedTicket
+				})] }),
+				/* @__PURE__ */ P("div", {
+					className: Z("flex flex-col gap-4", T && "border-border border-t pt-4"),
+					children: [T && /* @__PURE__ */ N("span", {
+						className: "font-medium text-ink text-sm",
+						children: "Your details"
+					}), /* @__PURE__ */ N(yr, {
+						values: d.values,
+						errors: d.errors,
+						touched: d.touched,
+						onChange: d.setField,
+						onBlur: d.touchField,
+						showBusinessBilling: x,
+						registrationFields: u,
+						nameInputRef: v
 					})]
-				}), /* @__PURE__ */ P("div", { children: [R && /* @__PURE__ */ N("div", {
-					className: "mb-4 rounded-md bg-red-50 p-3 text-red-600 text-sm",
-					children: R
-				}), I === 1 ? /* @__PURE__ */ N("div", { children: O ? /* @__PURE__ */ N(br, {
-					couponCode: v,
-					onCouponCodeChange: y,
-					couponError: T,
-					couponLoading: S,
-					onValidateCoupon: he,
-					publicCoupons: B,
-					onBack: ve,
-					selectedTicket: m
-				}) : /* @__PURE__ */ N(wr, {
-					tickets: o,
-					selectedTicket: m,
-					onSelectTicket: ge,
-					discount: ee,
-					couponCode: v,
-					publicCouponsCount: B.length,
-					onApplyCouponClick: () => j(!0),
-					onRemoveCoupon: _e,
-					onNext: () => L(2)
-				}) }) : /* @__PURE__ */ N(pr, {
-					values: H,
-					handleChange: ye,
-					handleBlur: be,
-					handleSubmit: xe,
-					registerLoading: f,
-					onBack: () => L(1),
-					submitLabel: q,
-					showBusinessBilling: !ne
-				})] })]
-			})] })
-		}),
-		g && /* @__PURE__ */ N(Sr, {
-			paymentData: g,
-			ticketData: o,
-			type: "confirm"
-		}),
-		W && le && /* @__PURE__ */ N(Cr, {
-			isOpen: W,
-			onClose: G,
-			stripePromise: oe,
-			clientSecret: le.clientSecret,
-			onComplete: fe
+				})
+			]
 		})
-	] });
-}, Ar = (e) => e.length > 1 ? e.replace(/\/+$/, "") : e, jr = (e) => typeof e == "string" && e.trim() ? e : void 0, Mr = (e) => typeof e == "string" ? e : e?.location ?? void 0, Nr = (e, t) => {
+	})] });
+}, vi = (e) => e.length > 1 ? e.replace(/\/+$/, "") : e, yi = (e) => typeof e == "string" && e.trim() ? e : void 0, bi = (e) => typeof e == "string" ? e : e?.location ?? void 0, xi = (e, t) => {
 	let n = e.meta ?? {}, r = e.title && t ? `${e.title} | ${t}` : e.title || t || void 0;
 	return {
 		title: n.meta_title || r,
@@ -3224,33 +3534,32 @@ var pr = ({ values: e, handleChange: t, handleBlur: n, handleSubmit: r, register
 		og: {
 			title: n.og_title || void 0,
 			description: n.og_description || void 0,
-			image: Mr(n.og_image),
+			image: bi(n.og_image),
 			url: n.og_url || void 0
 		},
 		twitter: { card: n.twitter_card || void 0 },
 		ldJson: n.ld_json || void 0,
 		customHead: n.head_code || void 0
 	};
-}, Pr = (e) => ({
+}, Si = (e) => ({
 	description: e.description || void 0,
-	icon: e.icon?.location || void 0,
 	customHead: e.settings?.head_code || void 0
-}), Fr = (e) => (t = {}, n) => (r) => {
-	let i = Nr(t, e.name);
+}), Ci = (e) => (t = {}, n) => (r) => {
+	let i = xi(t, e.name);
 	if (n) {
 		let t = r?.loaderData?.[n.source];
 		if (t) {
-			let r = n.title ? jr(t[n.title]) : void 0;
+			let r = n.title ? yi(t[n.title]) : void 0;
 			r && (i.title = e.name ? `${r} | ${e.name}` : r, i.og = {
 				...i.og,
 				title: r
 			});
-			let a = n.description ? jr(t[n.description]) : void 0;
+			let a = n.description ? yi(t[n.description]) : void 0;
 			a && (i.description = a, i.og = {
 				...i.og,
 				description: a
 			});
-			let o = n.image ? Mr(t[n.image]) : void 0;
+			let o = n.image ? bi(t[n.image]) : void 0;
 			o && (i.og = {
 				...i.og,
 				image: o
@@ -3259,31 +3568,31 @@ var pr = ({ values: e, handleChange: t, handleBlur: n, handleSubmit: r, register
 	}
 	if (!i.canonical) {
 		let t = r?.match?.pathname, n = (e.domain || "").trim();
-		n && t?.startsWith("/") && (i.canonical = (/^https?:\/\//.test(n) ? n : `https://${n}`).replace(/\/+$/, "") + Ar(t));
+		n && t?.startsWith("/") && (i.canonical = (/^https?:\/\//.test(n) ? n : `https://${n}`).replace(/\/+$/, "") + vi(t));
 	}
-	let a = ur(i, Pr(e)), o = t.id?.trim();
+	let a = ur(i, Si(e)), o = t.id?.trim();
 	return o && a.meta.push({
 		name: Bn,
 		content: o
 	}), a;
-}, Ir = (e) => {
-	let t = Ee(e);
+}, wi = (e) => {
+	let t = Oe(e);
 	return (e, n) => {
-		let { rules: r, invalid: i } = ve(n?.access), a = r.length > 0 || i;
-		return ({ context: n, params: r }) => a ? Promise.resolve({}) : ze({
+		let { rules: r, invalid: i } = be(n?.access), a = r.length > 0 || i;
+		return ({ context: n, params: r }) => a ? Promise.resolve({}) : Ve({
 			queryClient: n.queryClient,
 			config: t,
 			sources: e,
 			params: r
 		});
 	};
-}, Lr = 2, Rr = (e) => {
-	let { limit: t = 20, debounceMs: n = 300, hotkey: r = !0 } = e ?? {}, a = i(), o = Kn(), s = J(), [c, l] = A(""), [u, d] = A(!1), [f, p] = A("");
+}, Ti = 2, Ei = (e) => {
+	let { limit: t = 20, debounceMs: n = 300, hotkey: r = !0 } = e ?? {}, a = i(), o = Kn(), s = G(), [c, l] = A(""), [u, d] = A(!1), [f, p] = A("");
 	E(() => {
 		let e = setTimeout(() => p(c.trim()), n);
 		return () => clearTimeout(e);
 	}, [c, n]);
-	let m = f.length >= Lr, h = R({
+	let m = f.length >= Ti, h = R({
 		queryKey: [
 			"levo-search",
 			o?.id ?? null,
@@ -3332,4 +3641,4 @@ var pr = ({ values: e, handleChange: t, handleBlur: n, handleSubmit: r, register
 	};
 };
 //#endregion
-export { Et as ColorModeProvider, Fn as Inspector, de as LEVO_AUTH_METHODS, Y as LEVO_AUTH_QUERY_KEY, G as LEVO_OAUTH_METHODS, dt as LEVO_OTP_LENGTH, tt as LEVO_PENDING_APPROVAL_CODE, ue as LEVO_PRIMARY_AUTH_METHODS, m as LOCALE_COOKIE, l as LOCALE_REDIRECT_CACHE_CONTROL, vt as LevoChat, Ue as LevoEntryForm, kr as LevoEventRegister, Ot as LevoForm, Un as LevoPopups, Je as LevoProfileForm, Yn as LevoSiteProvider, er as LocaleHreflang, nr as LocaleProvider, Bn as PAGE_ID_META, dr as PageHead, ar as SiteLocaleProvider, $n as buildHreflangLinks, Fr as createLevoHead, Ir as createLevoLoader, _ as createRouteTreeMatcher, Te as createSiteClient, we as decideAccess, v as extractGeoAndLanguageData, nt as isPendingApprovalError, ft as isValidEmail, pt as isValidOtp, ht as isValidPhone, Xn as localeBeforeLoad, p as localePath, d as localeRedirectResponse, mt as normalizePhone, ur as pageHead, ve as parseAccess, lr as parseRawHead, ze as prefetchLevoSources, Zn as readLocaleConfig, Vn as readPageId, ye as resolveAuthMethods, g as resolveLocale, u as resolveLocaleRedirect, s as resolveLocaleRequest, Ee as siteConfigFromJson, f as splitLocalePrefix, Dt as useColorMode, or as useLanguageOptions, et as useLevoAccess, He as useLevoAuth, Le as useLevoForm, Jn as useLevoInsights, at as useLevoLogin, ut as useLevoOAuth, gt as useLevoOtpInput, Ie as useLevoRecord, Rr as useLevoSearch, qn as useLevoSite, Fe as useLevoSource, rr as useLocale, ir as useUrlLocale };
+export { Ot as ColorModeProvider, Fn as Inspector, pe as LEVO_AUTH_METHODS, K as LEVO_AUTH_QUERY_KEY, fe as LEVO_OAUTH_METHODS, pt as LEVO_OTP_LENGTH, rt as LEVO_PENDING_APPROVAL_CODE, H as LEVO_PRIMARY_AUTH_METHODS, m as LOCALE_COOKIE, l as LOCALE_REDIRECT_CACHE_CONTROL, bt as LevoChat, Ge as LevoEntryForm, _i as LevoEventRegister, At as LevoForm, Un as LevoPopups, Xe as LevoProfileForm, Yn as LevoSiteProvider, er as LocaleHreflang, nr as LocaleProvider, Bn as PAGE_ID_META, dr as PageHead, ar as SiteLocaleProvider, $n as buildHreflangLinks, Ci as createLevoHead, wi as createLevoLoader, _ as createRouteTreeMatcher, De as createSiteClient, Ee as decideAccess, v as extractGeoAndLanguageData, it as isPendingApprovalError, mt as isValidEmail, ht as isValidOtp, _t as isValidPhone, Xn as localeBeforeLoad, p as localePath, d as localeRedirectResponse, gt as normalizePhone, ur as pageHead, be as parseAccess, lr as parseRawHead, Ve as prefetchLevoSources, Zn as readLocaleConfig, Vn as readPageId, xe as resolveAuthMethods, g as resolveLocale, u as resolveLocaleRedirect, s as resolveLocaleRequest, Oe as siteConfigFromJson, f as splitLocalePrefix, kt as useColorMode, or as useLanguageOptions, nt as useLevoAccess, We as useLevoAuth, ze as useLevoForm, Jn as useLevoInsights, st as useLevoLogin, ft as useLevoOAuth, vt as useLevoOtpInput, Re as useLevoRecord, Ei as useLevoSearch, qn as useLevoSite, Le as useLevoSource, rr as useLocale, ir as useUrlLocale };