webim-adapter 0.24.0 → 0.25.0

package/build/webim-adapter.js

@@ -220,26 +220,26 @@ function C(e) {
 	delete t.textStrokeWidth, delete t.textStrokeColor, (re !== void 0 || ie !== void 0) && (t.WebkitTextStroke = `${x(re ?? 1)} ${ie || "currentColor"}`);
 	let { clipText: ae } = t;
 	delete t.clipText, ae && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
-	let { transitions: oe, transitionDuration: se, transitionEasing: ce, transitionProperty: le } = t, ue = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
+	let { transitions: oe, transitionDuration: H, transitionEasing: se, transitionProperty: ce } = t, le = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
 	delete t.transitions, delete t.transitionDuration, delete t.transitionEasing, delete t.transitionProperty;
-	let H = (Array.isArray(oe) ? oe : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${ue(e.duration ?? 200)} ${e.easing || "ease"}`);
-	if (se !== void 0 && H.push(`${le || "all"} ${ue(se)} ${ce || "ease"}`), H.length && (t.transition = H.join(", ")), t.textDecoration !== void 0 && (t.textDecorationLine = t.textDecoration, delete t.textDecoration), t.backgroundImage && !String(t.backgroundImage).includes("(") && (t.backgroundImage = `url("${t.backgroundImage}")`), n) {
+	let ue = (Array.isArray(oe) ? oe : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${le(e.duration ?? 200)} ${e.easing || "ease"}`);
+	if (H !== void 0 && ue.push(`${ce || "all"} ${le(H)} ${se || "ease"}`), ue.length && (t.transition = ue.join(", ")), t.textDecoration !== void 0 && (t.textDecorationLine = t.textDecoration, delete t.textDecoration), t.backgroundImage && !String(t.backgroundImage).includes("(") && (t.backgroundImage = `url("${t.backgroundImage}")`), n) {
 		let e = `${i || "rgba(0,0,0,0.5)"}, ${a || "transparent"}`, o = n === "radial" ? `radial-gradient(circle, ${e})` : `linear-gradient(${r ?? 180}deg, ${e})`;
 		t.backgroundImage = t.backgroundImage ? `${o}, ${t.backgroundImage}` : o;
 	}
 	delete t.backgroundVideo;
-	let { overlayColor: U, overlayOpacity: de } = t;
+	let { overlayColor: U, overlayOpacity: W } = t;
 	if (delete t.overlayColor, delete t.overlayOpacity, U) {
-		let e = `color-mix(in srgb, ${U} ${de ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
+		let e = `color-mix(in srgb, ${U} ${W ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
 		t.backgroundImage = t.backgroundImage ? `${n}, ${t.backgroundImage}` : n;
 	}
 	t.backgroundImage && (t.backgroundSize ??= "cover", t.backgroundPosition ??= "center", t.backgroundRepeat ??= "no-repeat");
-	let { backgroundLayers: fe } = t;
+	let { backgroundLayers: G } = t;
 	delete t.backgroundLayers;
-	let pe = (Array.isArray(fe) ? fe : []).filter((e) => e && e.on !== !1);
-	if (pe.length) {
+	let de = (Array.isArray(G) ? G : []).filter((e) => e && e.on !== !1);
+	if (de.length) {
 		let e = [], n = [], r = [], i = [], a = [];
-		for (let t of pe) if (t.kind === "linear") e.push(`linear-gradient(${t.angle ?? 180}deg, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
+		for (let t of de) if (t.kind === "linear") e.push(`linear-gradient(${t.angle ?? 180}deg, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
 		else if (t.kind === "radial") e.push(`radial-gradient(circle, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
 		else {
 			if (!t.src) continue;
@@ -323,7 +323,9 @@ function F(e, t) {
 }
 var I = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", L = {
 	light: {
-		background: "#ffffff",
+		background: "#f2f2f2",
+		surface: "#f2f2f2",
+		border: "#d1d5db",
 		text: "#111827",
 		accent: "#111827",
 		accentText: "#ffffff",
@@ -342,6 +344,8 @@ var I = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 	},
 	dark: {
 		background: "#0f172a",
+		surface: "#1e293b",
+		border: "rgba(226, 232, 240, 0.18)",
 		text: "#e2e8f0",
 		accent: "#6366f1",
 		accentText: "#ffffff",
@@ -412,6 +416,8 @@ function B(e) {
 function V(e) {
 	return {
 		"--page-bg": e.background,
+		"--page-surface": e.surface ?? e.background,
+		"--page-border": e.border ?? L.light.border,
 		"--page-text": e.text,
 		"--page-accent": e.accent,
 		"--page-accent-text": e.accentText,
@@ -444,9 +450,12 @@ function re(e, t = "light") {
 function ie(e, t) {
 	return e?.themeRef && t?.[e.themeRef] || e?.theme;
 }
+function ae(e, t) {
+	return e === "light" || e === "dark" ? e : t === "light" || t === "dark" ? t : "auto";
+}
 //#endregion
 //#region src/bundle.js
-function ae({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function oe({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -461,6 +470,7 @@ function ae({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 		custom: o.custom,
 		seo: o.seo,
 		direction: o.direction,
+		scheme: o.scheme,
 		locale: i || a.locales?.default,
 		locales: a.locales,
 		tenant: n ?? "",
@@ -470,7 +480,7 @@ function ae({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var oe = async (e) => {
+var H = async (e) => {
 	let t = await e.json().catch(() => null);
 	if (!e.ok || t?.success === !1) throw Error(t?.error?.message || `Request failed (${e.status})`);
 	return t?.payload ?? t;
@@ -481,7 +491,7 @@ async function se({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 	let c = s ?? fetch, l = e.replace(/\/$/, ""), u = {
 		...t ? { "x-tenant": t } : {},
 		...a ? { authorization: `Bearer ${a}` } : {}
-	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(oe), c(`${l}/settings/public`, { headers: u }).then(oe)]), p = ae({
+	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(H), c(`${l}/settings/public`, { headers: u }).then(H)]), p = oe({
 		page: d,
 		settings: f,
 		tenant: t,
@@ -489,7 +499,7 @@ async function se({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 		locale: r
 	}), m = [...new Set(Object.values(p.blocks ?? {}).map((e) => e?.type?.resolvedName === "CollectionList" ? e.props?.collection : e?.type?.resolvedName === "TableBlock" || e?.type?.resolvedName === "OrgChartBlock" ? e.props?.source : null).filter(Boolean))];
 	if (m.length) {
-		let e = (e) => e.startsWith("api:") ? `${l}/data/${encodeURIComponent(e.slice(4))}` : `${l}/dynamic/${encodeURIComponent(e)}?all=1${r ? `&locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(m.map((t) => c(e(t), { headers: u }).then(oe).then((e) => {
+		let e = (e) => e.startsWith("api:") ? `${l}/data/${encodeURIComponent(e.slice(4))}` : `${l}/dynamic/${encodeURIComponent(e)}?all=1${r ? `&locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(m.map((t) => c(e(t), { headers: u }).then(H).then((e) => {
 			let n = Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : [], r = Number(e?.total?.filtered ?? e?.total?.all ?? n.length);
 			return [[t, n], [`${t}:total`, Number.isFinite(r) ? r : n.length]];
 		}).catch(() => [[t, []]])));
@@ -514,34 +524,34 @@ var ce = /* @__PURE__ */ new Set([
 	"yi",
 	"dv",
 	"ckb"
-]), le = (e) => ce.has(String(e || "").toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr", ue = (e, t) => e === "ltr" || e === "rtl" ? e : t ? le(t) : void 0, H = t({
+]), le = (e) => ce.has(String(e || "").toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr", ue = (e, t) => e === "ltr" || e === "rtl" ? e : t ? le(t) : void 0, U = t({
 	tenant: "",
 	apiUrl: "/api",
 	locale: "",
 	settings: null
-}), U = t(null), de = (e) => {
+}), W = t(null), G = (e) => {
 	let t = Number(e?.__page);
 	if (Number.isFinite(t) && t >= 1) return Math.floor(t);
 	if (typeof window > "u") return 1;
 	let n = Number(new URLSearchParams(window.location.search).get("page"));
 	return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 1;
-}, fe = () => {
+}, de = () => {
 	if (typeof window > "u") return {};
 	let e = {};
 	return new URLSearchParams(window.location.search).forEach((t, n) => {
 		n.startsWith("f_") && n.length > 2 && t !== "" && (e[n.slice(2)] = t);
 	}), e;
-}, pe = (e) => {
+}, fe = (e) => {
 	let t = {
 		...e && typeof e == "object" && !Array.isArray(e) ? e : {},
-		...fe()
+		...de()
 	};
 	return Object.fromEntries(Object.entries(t).filter(([, e]) => typeof e == "string" && e.trim() !== ""));
-}, me = t(null), he = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-function W(e, t) {
+}, pe = t(null), me = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function K(e, t) {
 	if (t) return t.includes(".") ? t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e) : e?.[t];
 }
-var ge = (e) => {
+var he = (e) => {
 	let t = [];
 	for (let [n, r] of Object.entries(e ?? {})) {
 		if (!/^[\w-]+$/.test(n)) continue;
@@ -551,36 +561,36 @@ var ge = (e) => {
 	}
 	return t;
 };
-function G(e) {
+function q(e) {
 	return e == null ? "" : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "object" && !Array.isArray(e) && ("label" in e || "name" in e || "slug" in e) ? String(e.label ?? e.name ?? e.slug ?? "") : typeof e == "object" && !Array.isArray(e) && Number.isFinite(Number(e.lat)) && Number.isFinite(Number(e.lng)) ? `${e.lat}, ${e.lng}` : Array.isArray(e) ? e.map((e) => typeof e == "string" ? e : Array.isArray(e?.parts) ? e.parts.map((e) => e?.text ?? "").join("") : Array.isArray(e?.items) ? e.items.map((e) => e?.text ?? "").join(" ") : e && (e.label != null || e.name != null || e.slug != null) ? String(e.label ?? e.name ?? e.slug) : "").filter(Boolean).join(" ") : "";
 }
-function _e(e, t) {
-	let n = t?.data ?? {}, r = ge(n);
+function ge(e, t) {
+	let n = t?.data ?? {}, r = he(n);
 	if (!r.length) return e;
-	let i = RegExp(`:(${r.map(he).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => G(W(n, t))) : Array.isArray(e) ? e.map(a) : e && typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, t]) => [e, a(t)])) : e;
+	let i = RegExp(`:(${r.map(me).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => q(K(n, t))) : Array.isArray(e) ? e.map(a) : e && typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, t]) => [e, a(t)])) : e;
 	return a(e);
 }
-var ve = {
+var _e = {
 	margin: 0,
 	fontWeight: 700,
 	lineHeight: 1.2,
 	fontFamily: "var(--page-heading-font, inherit)"
-}, ye = { margin: 0 }, K = {
+}, ve = { margin: 0 }, J = {
 	display: "inline-block",
 	textDecoration: "none",
 	cursor: "pointer",
 	backgroundColor: "var(--page-accent, #111827)",
 	color: "var(--page-accent-text, #ffffff)"
-}, be = {
+}, ye = {
 	flexGrow: 1,
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-}, xe = {
+}, be = {
 	display: "flex",
 	flexDirection: "column"
 };
-function Se({ style: e }) {
+function xe({ style: e }) {
 	let t = e?.backgroundVideo;
 	if (!t) return null;
 	let n = {
@@ -606,7 +616,7 @@ function Se({ style: e }) {
 		background: r
 	} })] });
 }
-var Ce = (e, t) => e?.backgroundVideo ? {
+var Se = (e, t) => e?.backgroundVideo ? {
 	position: "relative",
 	...t,
 	...C(e)
@@ -614,24 +624,24 @@ var Ce = (e, t) => e?.backgroundVideo ? {
 	...t,
 	...C(e)
 };
-function we({ style: e, nodeRef: t, children: n }) {
+function Ce({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ d("div", {
 		ref: t,
 		style: {
-			...be,
+			...ye,
 			...C(e)
 		},
-		children: [/* @__PURE__ */ u(Se, { style: e }), n]
+		children: [/* @__PURE__ */ u(xe, { style: e }), n]
 	});
 }
-function Te({ style: e, nodeRef: t, children: n }) {
+function we({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ d("section", {
 		ref: t,
-		style: Ce(e, xe),
-		children: [/* @__PURE__ */ u(Se, { style: e }), n]
+		style: Se(e, be),
+		children: [/* @__PURE__ */ u(xe, { style: e }), n]
 	});
 }
-function Ee({ style: e, freeLayout: t, nodeRef: n, children: r }) {
+function Te({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 	let i = t ? {
 		position: "relative",
 		minHeight: 240
@@ -640,32 +650,32 @@ function Ee({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 		ref: n,
 		style: i ? {
 			...i,
-			...Ce(e)
-		} : Ce(e),
-		children: [/* @__PURE__ */ u(Se, { style: e }), r]
+			...Se(e)
+		} : Se(e),
+		children: [/* @__PURE__ */ u(xe, { style: e }), r]
 	});
 }
-function De({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
+function Ee({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
 	return /* @__PURE__ */ u(n, {
 		ref: a,
 		style: {
-			...ve,
+			..._e,
 			...C(r)
 		},
-		children: q(t, e, i)
+		children: Y(t, e, i)
 	});
 }
-var Oe = {
+var De = {
 	fontFamily: z.mono.value,
 	background: "rgba(148, 163, 184, 0.18)",
 	padding: "1px 5px",
 	borderRadius: 4,
 	fontSize: "0.9em"
 };
-function ke(e, t = [], n, r) {
+function Oe(e, t = [], n, r) {
 	let i = e;
 	return t.includes("sup") ? i = /* @__PURE__ */ u("sup", { children: i }) : t.includes("sub") && (i = /* @__PURE__ */ u("sub", { children: i })), t.includes("code") && (i = /* @__PURE__ */ u("code", {
-		style: Oe,
+		style: De,
 		children: i
 	})), t.includes("strike") && (i = /* @__PURE__ */ u("s", { children: i })), t.includes("underline") && (i = /* @__PURE__ */ u("u", { children: i })), t.includes("italic") && (i = /* @__PURE__ */ u("em", { children: i })), t.includes("bold") && (i = /* @__PURE__ */ u("strong", { children: i })), n && (i = /* @__PURE__ */ u("a", {
 		href: n,
@@ -675,13 +685,13 @@ function ke(e, t = [], n, r) {
 		children: i
 	})), i;
 }
-function q(t, n, r) {
+function Y(t, n, r) {
 	return t?.length ? t.map((t, n) => {
 		if (t.slot) return /* @__PURE__ */ u(e, { children: r?.[t.slot] ?? null }, n);
-		if (t.parts) return /* @__PURE__ */ u(e, { children: q(t.parts, "", r) }, n);
+		if (t.parts) return /* @__PURE__ */ u(e, { children: Y(t.parts, "", r) }, n);
 		let i = t.text;
 		return t.sup ? i = /* @__PURE__ */ u("sup", { children: i }) : t.sub && (i = /* @__PURE__ */ u("sub", { children: i })), t.code && (i = /* @__PURE__ */ u("code", {
-			style: Oe,
+			style: De,
 			children: i
 		})), t.strike && (i = /* @__PURE__ */ u("s", { children: i })), t.underline && (i = /* @__PURE__ */ u("u", { children: i })), t.italic && (i = /* @__PURE__ */ u("em", { children: i })), t.bold && (i = /* @__PURE__ */ u("strong", { children: i })), (t.color || t.background) && (i = /* @__PURE__ */ u("span", {
 			style: {
@@ -698,13 +708,13 @@ function q(t, n, r) {
 		})), /* @__PURE__ */ u(e, { children: i }, n);
 	}) : n;
 }
-function Ae({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
+function ke({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
 	return /* @__PURE__ */ u("span", {
 		style: C(a),
-		children: e?.length ? q(e, t) : ke(t, n, r, i)
+		children: e?.length ? Y(e, t) : Oe(t, n, r, i)
 	});
 }
-var je = {
+var Ae = {
 	h1: 40,
 	h2: 32,
 	h3: 26,
@@ -712,7 +722,7 @@ var je = {
 	h5: 19,
 	h6: 16
 };
-function Me({ align: e = "center", width: t, wrap: n } = {}) {
+function je({ align: e = "center", width: t, wrap: n } = {}) {
 	let r = t ? `${t}%` : void 0;
 	if (e === "full") return { width: "100%" };
 	let i = e === "left" || e === "right";
@@ -746,8 +756,8 @@ function Me({ align: e = "center", width: t, wrap: n } = {}) {
 		marginRight: "auto"
 	};
 }
-function Ne(e = [], t, n) {
-	let r = n ?? ((e, n) => q(e, n, t));
+function Me(e = [], t, n) {
+	let r = n ?? ((e, n) => Y(e, n, t));
 	return e.map((t, n) => {
 		let i = {
 			marginTop: 0,
@@ -769,7 +779,7 @@ function Ne(e = [], t, n) {
 					marginLeft: 0,
 					marginRight: 0,
 					...i,
-					...Me(t)
+					...je(t)
 				},
 				children: [t.href ? /* @__PURE__ */ u("a", {
 					href: t.href,
@@ -788,16 +798,16 @@ function Ne(e = [], t, n) {
 				})]
 			}, n);
 		}
-		if (t.type === "video") return We(t.url) ? /* @__PURE__ */ u("div", {
+		if (t.type === "video") return Ue(t.url) ? /* @__PURE__ */ u("div", {
 			style: {
 				...i,
-				...Me({
+				...je({
 					align: t.align,
 					wrap: t.wrap,
 					width: t.width ?? 100
 				})
 			},
-			children: /* @__PURE__ */ u(Ge, {
+			children: /* @__PURE__ */ u(We, {
 				url: t.url,
 				autoplay: t.autoplay,
 				muted: t.muted,
@@ -859,17 +869,17 @@ function Ne(e = [], t, n) {
 		}
 		if (t.type === "quote") return /* @__PURE__ */ u("blockquote", {
 			style: {
-				...Fe,
+				...Pe,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
-		if (je[t.type]) {
+		if (Ae[t.type]) {
 			let e = t.type;
 			return /* @__PURE__ */ u(e, {
 				style: {
-					...ve,
-					fontSize: je[t.type],
+					..._e,
+					fontSize: Ae[t.type],
 					...i
 				},
 				children: r(t.parts, t.text)
@@ -877,39 +887,39 @@ function Ne(e = [], t, n) {
 		}
 		return /* @__PURE__ */ u("p", {
 			style: {
-				...ye,
+				...ve,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
 	});
 }
-function Pe({ content: e, style: t, linked: n, nodeRef: r }) {
+function Ne({ content: e, style: t, linked: n, nodeRef: r }) {
 	return /* @__PURE__ */ u("div", {
 		ref: r,
 		style: {
 			display: "flow-root",
 			...C(t)
 		},
-		children: Ne(e, n)
+		children: Me(e, n)
 	});
 }
-var Fe = {
+var Pe = {
 	margin: 0,
 	padding: "8px 0 8px 20px",
 	borderLeft: "4px solid var(--page-accent, rgba(148, 163, 184, 0.6))"
 };
-function Ie({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function Fe({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ u("blockquote", {
 		ref: i,
 		style: {
-			...Fe,
+			...Pe,
 			...C(n)
 		},
-		children: q(t, e, r)
+		children: Y(t, e, r)
 	});
 }
-function Le({ ordered: e, items: t = [], style: n, nodeRef: r }) {
+function Ie({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 	return /* @__PURE__ */ u(e ? "ol" : "ul", {
 		ref: r,
 		style: {
@@ -919,53 +929,53 @@ function Le({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 		},
 		children: t.map((e, t) => /* @__PURE__ */ u("li", {
 			style: { marginBottom: 4 },
-			children: q(e.parts, e.text)
+			children: Y(e.parts, e.text)
 		}, t))
 	});
 }
-function Re({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function Le({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ u("p", {
 		ref: i,
 		style: {
-			...ye,
+			...ve,
 			...C(n)
 		},
-		children: q(t, e, r)
+		children: Y(t, e, r)
 	});
 }
-var ze = {
+var Re = {
 	color: "var(--page-accent, inherit)",
 	textDecoration: "underline",
 	textUnderlineOffset: 3,
 	cursor: "pointer"
 };
-function Be({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function ze({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
 	return /* @__PURE__ */ u("a", {
 		ref: o,
 		href: n || "#",
 		target: r || void 0,
 		rel: r === "_blank" ? "noopener noreferrer" : void 0,
 		style: {
-			...ze,
+			...Re,
 			...C(i)
 		},
-		children: q(t, e, a)
+		children: Y(t, e, a)
 	});
 }
-function Ve({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function Be({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
 	return /* @__PURE__ */ u("a", {
 		ref: o,
 		href: n || "#",
 		target: r || void 0,
 		rel: r === "_blank" ? "noopener noreferrer" : void 0,
 		style: {
-			...K,
+			...J,
 			...C(i)
 		},
-		children: q(t, e, a)
+		children: Y(t, e, a)
 	});
 }
-function He({ src: e, alt: t, style: n, nodeRef: r }) {
+function Ve({ src: e, alt: t, style: n, nodeRef: r }) {
 	return e ? /* @__PURE__ */ u("img", {
 		ref: r,
 		src: e,
@@ -977,7 +987,7 @@ function He({ src: e, alt: t, style: n, nodeRef: r }) {
 		}
 	}) : null;
 }
-function Ue({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
+function He({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
 	return e ? /* @__PURE__ */ u("video", {
 		ref: s,
 		src: e,
@@ -995,9 +1005,9 @@ function Ue({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !
 		}
 	}) : null;
 }
-var We = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
-function Ge({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
-	let c = We(e);
+var Ue = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
+function We({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
+	let c = Ue(e);
 	if (!c) return null;
 	let l = new URLSearchParams({ rel: "0" });
 	return t && l.set("autoplay", "1"), (n || t) && l.set("mute", "1"), i || l.set("controls", "0"), r && (l.set("loop", "1"), l.set("playlist", c)), Number(a) > 0 && l.set("start", String(Math.floor(Number(a)))), /* @__PURE__ */ u("div", {
@@ -1023,7 +1033,7 @@ function Ge({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
 		})
 	});
 }
-function Ke({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
+function Ge({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
 	return e ? /* @__PURE__ */ u("iframe", {
 		ref: i,
 		src: e,
@@ -1039,7 +1049,7 @@ function Ke({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i })
 		}
 	}) : null;
 }
-function qe({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
+function Ke({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
 	let [a, o] = c(null);
 	return i(() => {
 		a && (a.innerHTML = e || "", t && a.querySelectorAll("script").forEach((e) => {
@@ -1058,7 +1068,7 @@ function qe({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
 		style: C(n)
 	});
 }
-function Je({ height: e, nodeRef: t }) {
+function qe({ height: e, nodeRef: t }) {
 	return /* @__PURE__ */ u("div", {
 		ref: t,
 		style: {
@@ -1068,7 +1078,7 @@ function Je({ height: e, nodeRef: t }) {
 		}
 	});
 }
-function Ye({ style: e, nodeRef: t }) {
+function Je({ style: e, nodeRef: t }) {
 	return /* @__PURE__ */ u("div", {
 		ref: t,
 		style: {
@@ -1079,7 +1089,7 @@ function Ye({ style: e, nodeRef: t }) {
 		}
 	});
 }
-var Xe = {
+var Ye = {
 	position: "absolute",
 	top: "50%",
 	transform: "translateY(-50%)",
@@ -1096,7 +1106,7 @@ var Xe = {
 	alignItems: "center",
 	justifyContent: "center",
 	padding: 0
-}, Ze = {
+}, Xe = {
 	bottom: {
 		inset: "auto 0 0 0",
 		padding: "40px 24px 20px",
@@ -1115,8 +1125,8 @@ var Xe = {
 		padding: 24,
 		textShadow: "0 2px 12px rgba(0, 0, 0, 0.6)"
 	}
-}, Qe = 48;
-function $e({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: a = 320, swipe: o = !0, style: s, nodeRef: f }) {
+}, Ze = 48;
+function Qe({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: a = 320, swipe: o = !0, style: s, nodeRef: f }) {
 	let [p, m] = c(0), [h, g] = c(!1), [_, v] = c(null), y = e ? Math.min(p, e - 1) : 0;
 	if (i(() => {
 		if (!n || h || _ || e < 2) return;
@@ -1132,7 +1142,7 @@ function $e({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 	let b = (t) => m((t + e) % e), x = () => {
 		if (!_) return;
 		let { dx: e } = _;
-		v(null), e < -48 ? b(y + 1) : e > Qe && b(y - 1);
+		v(null), e < -48 ? b(y + 1) : e > Ze && b(y - 1);
 	};
 	return /* @__PURE__ */ d("div", {
 		ref: f,
@@ -1180,7 +1190,7 @@ function $e({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Previous slide",
 				style: {
-					...Xe,
+					...Ye,
 					left: 12
 				},
 				onClick: () => b(y - 1),
@@ -1190,7 +1200,7 @@ function $e({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Next slide",
 				style: {
-					...Xe,
+					...Ye,
 					right: 12
 				},
 				onClick: () => b(y + 1),
@@ -1224,7 +1234,7 @@ function $e({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 		] })]
 	});
 }
-var et = (e, t) => ({
+var $e = (e, t) => ({
 	position: "absolute",
 	inset: 0,
 	backgroundImage: e ? `url(${e})` : "none",
@@ -1232,18 +1242,18 @@ var et = (e, t) => ({
 	backgroundSize: "cover",
 	backgroundPosition: "center"
 });
-function tt({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
-	return e.length ? /* @__PURE__ */ u($e, {
+function et({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
+	return e.length ? /* @__PURE__ */ u(Qe, {
 		...r,
 		count: e.length,
 		renderSlide: (r) => {
 			let i = e[r];
-			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: et(i.image) }), (i.title || i.text) && /* @__PURE__ */ d("div", {
+			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: $e(i.image) }), (i.title || i.text) && /* @__PURE__ */ d("div", {
 				style: {
 					position: "absolute",
 					color: "#fff",
 					textAlign: n,
-					...Ze[t] ?? Ze.bottom
+					...Xe[t] ?? Xe.bottom
 				},
 				children: [i.title && /* @__PURE__ */ u("div", {
 					style: {
@@ -1263,13 +1273,13 @@ function tt({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "
 		}
 	}) : null;
 }
-function nt({ slides: e = [], linked: t, ...n }) {
-	return e.length ? /* @__PURE__ */ u($e, {
+function tt({ slides: e = [], linked: t, ...n }) {
+	return e.length ? /* @__PURE__ */ u(Qe, {
 		...n,
 		count: e.length,
 		renderSlide: (n) => {
 			let r = e[n];
-			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: et(r.image, r.color) }), /* @__PURE__ */ u("div", {
+			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: $e(r.image, r.color) }), /* @__PURE__ */ u("div", {
 				style: {
 					position: "absolute",
 					inset: 0,
@@ -1281,7 +1291,7 @@ function nt({ slides: e = [], linked: t, ...n }) {
 		}
 	}) : null;
 }
-function rt({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lightbox: a = !0, style: o, nodeRef: s, inert: f }) {
+function nt({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lightbox: a = !0, style: o, nodeRef: s, inert: f }) {
 	let p = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.src) : [], m = Math.max(0, Number(n) || 0), h = f ? (e) => e.preventDefault() : void 0, [g, _] = c(null), v = a && !f && g !== null && p[g];
 	i(() => {
 		if (!v) return;
@@ -1480,19 +1490,19 @@ function rt({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
 		]
 	});
 }
-var it = {
+var rt = {
 	color: "inherit",
 	textDecoration: "none",
 	fontSize: 14,
 	opacity: .85
-}, at = {
-	background: "var(--page-bg, #ffffff)",
+}, it = {
+	background: "var(--page-surface, #f2f2f2)",
 	color: "var(--page-text, #111827)",
 	border: "1px solid rgba(148, 163, 184, 0.25)",
 	boxShadow: "0 16px 40px rgba(15, 23, 42, 0.16)",
 	zIndex: 60
 };
-function ot({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], style: s, nodeRef: f, menu: p = "auto", breakpoint: m = 768 }) {
+function at({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], style: s, nodeRef: f, menu: p = "auto", breakpoint: m = 768 }) {
 	let [h, g] = c(null), [_, v] = c(!1), [y, b] = c(!1), [x, S] = c(null);
 	i(() => {
 		if (!h) return;
@@ -1502,7 +1512,7 @@ function ot({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 	let w = p === "hamburger" || p === "auto" && _, T = (e, t) => /* @__PURE__ */ d("a", {
 		href: e.href || "#",
 		style: {
-			...it,
+			...rt,
 			display: "block",
 			...t
 		},
@@ -1590,7 +1600,7 @@ function ot({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 					let t = e.children ?? [];
 					if (!t.length) return /* @__PURE__ */ u("a", {
 						href: e.href || "#",
-						style: it,
+						style: rt,
 						children: e.label
 					}, e.key);
 					let n = e.type === "mega";
@@ -1604,7 +1614,7 @@ function ot({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 						children: [/* @__PURE__ */ d("a", {
 							href: e.href || "#",
 							style: {
-								...it,
+								...rt,
 								cursor: "pointer"
 							},
 							children: [
@@ -1620,7 +1630,7 @@ function ot({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 							]
 						}), x === e.key && (n ? /* @__PURE__ */ u("div", {
 							style: {
-								...at,
+								...it,
 								position: "absolute",
 								left: 0,
 								right: 0,
@@ -1636,7 +1646,7 @@ function ot({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 							}))
 						}) : /* @__PURE__ */ u("div", {
 							style: {
-								...at,
+								...it,
 								position: "absolute",
 								top: "100%",
 								left: 0,
@@ -1665,7 +1675,7 @@ function ot({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 				children: o.map((t) => /* @__PURE__ */ d(e, { children: [/* @__PURE__ */ u("a", {
 					href: t.href || "#",
 					style: {
-						...it,
+						...rt,
 						padding: "10px 4px",
 						fontWeight: (t.children ?? []).length ? 600 : 400,
 						opacity: 1
@@ -1676,7 +1686,7 @@ function ot({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 		]
 	});
 }
-function st({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
+function ot({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 	let [i, a] = c(0), o = e.length ? Math.min(i, e.length - 1) : 0;
 	return e.length ? /* @__PURE__ */ d("div", {
 		ref: r,
@@ -1716,7 +1726,7 @@ function st({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 		}, e.key))]
 	}) : null;
 }
-function ct({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
+function st({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
 	let [a, o] = c(() => new Set(e.length ? [e[0].key] : []));
 	if (!e.length) return null;
 	let s = (e) => o((t) => {
@@ -1773,36 +1783,36 @@ function ct({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 		})
 	});
 }
-var lt = {
+var ct = {
 	display: "flex",
 	flexDirection: "column",
 	gap: "12px"
-}, J = {
+}, X = {
 	fontSize: "14px",
 	fontWeight: 500,
 	color: "var(--page-text, #111827)"
-}, Y = {
+}, Z = {
 	padding: "10px 12px",
-	border: "1px solid #d1d5db",
+	border: "1px solid var(--page-border, #d1d5db)",
 	borderRadius: "6px",
 	fontSize: "14px",
 	fontFamily: "inherit",
 	width: "100%",
 	boxSizing: "border-box",
-	backgroundColor: "#ffffff",
-	color: "#111827"
-}, ut = {
+	backgroundColor: "var(--page-surface, #f2f2f2)",
+	color: "var(--page-text, #111827)"
+}, lt = {
 	display: "flex",
 	alignItems: "center",
 	gap: "8px",
 	fontSize: "14px",
 	color: "var(--page-text, #111827)"
-}, X = (e) => e ? {
+}, Q = (e) => e ? {
 	readOnly: !0,
 	tabIndex: -1,
 	onMouseDown: (e) => e.preventDefault()
 } : {};
-function dt(e, t) {
+function ut(e, t) {
 	if (!e) return !0;
 	let n = t[e.field], r = n == null || n === "" ? "" : String(n), i = e.value ?? "";
 	switch (e.op) {
@@ -1816,11 +1826,11 @@ function dt(e, t) {
 		default: return !1;
 	}
 }
-var ft = {
+var dt = {
 	display: "flex",
 	flexDirection: "column",
 	gap: 6
-}, pt = {
+}, ft = {
 	font: "inherit",
 	fontSize: 15,
 	padding: "10px 12px",
@@ -1831,16 +1841,16 @@ var ft = {
 	width: "100%",
 	boxSizing: "border-box"
 };
-function mt(e, t) {
+function pt(e, t) {
 	let n = Array.isArray(e?.options) ? e.options : [];
 	if (!e?.parentField) return n;
 	let r = t?.[e.parentField];
 	return r ? n.filter((e) => typeof e == "string" ? !1 : !e.parent || e.parent === r) : [];
 }
-function ht({ field: e, value: t, onChange: n, inert: r, values: i }) {
+function mt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 	let a = /* @__PURE__ */ d("span", {
 		style: {
-			...J,
+			...X,
 			fontSize: 14
 		},
 		children: [e.label, e.required ? " *" : ""]
@@ -1849,7 +1859,7 @@ function ht({ field: e, value: t, onChange: n, inert: r, values: i }) {
 		required: e.required || void 0,
 		placeholder: e.placeholder || void 0,
 		disabled: r || void 0,
-		style: pt,
+		style: ft,
 		value: t ?? "",
 		onChange: (t) => n(e.name, t.target.value)
 	};
@@ -1878,7 +1888,7 @@ function ht({ field: e, value: t, onChange: n, inert: r, values: i }) {
 			borderRadius: 8,
 			display: "block"
 		}
-	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ u(Ge, {
+	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ u(We, {
 		url: e.src,
 		style: { width: "100%" }
 	}) : /* @__PURE__ */ u("video", {
@@ -1890,14 +1900,14 @@ function ht({ field: e, value: t, onChange: n, inert: r, values: i }) {
 			display: "block"
 		}
 	}) : null : /* @__PURE__ */ d("label", {
-		style: ft,
+		style: dt,
 		children: [
 			a,
 			e.type === "textarea" || e.multiline ? /* @__PURE__ */ u("textarea", {
 				...o,
 				rows: 4,
 				style: {
-					...pt,
+					...ft,
 					resize: "vertical"
 				}
 			}) : e.type === "select" ? /* @__PURE__ */ d("select", {
@@ -1906,7 +1916,7 @@ function ht({ field: e, value: t, onChange: n, inert: r, values: i }) {
 				children: [/* @__PURE__ */ u("option", {
 					value: "",
 					children: e.placeholder || "—"
-				}), mt(e, i).map((e, t) => /* @__PURE__ */ u("option", {
+				}), pt(e, i).map((e, t) => /* @__PURE__ */ u("option", {
 					value: typeof e == "string" ? e : e.value,
 					children: typeof e == "string" ? e : e.label ?? e.value
 				}, t))]
@@ -1953,8 +1963,8 @@ function ht({ field: e, value: t, onChange: n, inert: r, values: i }) {
 		]
 	});
 }
-function gt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s, auto: f, submitLabel: p, nodeRef: m, inert: h, children: g, linked: _, show: v }) {
-	let { tenant: y, apiUrl: b } = r(H), [x, S] = c("form"), [w, T] = c(null), [E, D] = c({}), [O, k] = c(0), A = h ? v || "form" : x;
+function ht({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s, auto: f, submitLabel: p, nodeRef: m, inert: h, children: g, linked: _, show: v }) {
+	let { tenant: y, apiUrl: b } = r(U), [x, S] = c("form"), [w, T] = c(null), [E, D] = c({}), [O, k] = c(0), A = h ? v || "form" : x;
 	i(() => {
 		if (!f || !s) return;
 		let e = !0;
@@ -1975,9 +1985,9 @@ function gt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 		section: e,
 		fields: []
 	}) : j[j.length - 1].fields.push(e);
-	let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section || dt(e.section.condition, E)).map((e) => ({
+	let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section || ut(e.section.condition, E)).map((e) => ({
 		...e,
-		fields: e.fields.filter((e) => dt(e.condition, E))
+		fields: e.fields.filter((e) => ut(e.condition, E))
 	})), P = M.length > 1, F = Math.min(O, Math.max(0, N.length - 1)), I = P ? N[F]?.fields ?? [] : N.flatMap((e) => e.fields), L = I.filter((e) => {
 		let t = E[e.name];
 		return e.required && (t == null || t === "" || t === !1);
@@ -2035,7 +2045,7 @@ function gt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 					}
 				},
 				style: {
-					...lt,
+					...ct,
 					display: A === "success" ? "none" : "flex"
 				},
 				children: f && s ? /* @__PURE__ */ d(l, { children: [
@@ -2052,7 +2062,7 @@ function gt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 						},
 						children: N[F].section.help
 					}),
-					I.map((e) => /* @__PURE__ */ u(ht, {
+					I.map((e) => /* @__PURE__ */ u(mt, {
 						field: e,
 						value: E[e.name],
 						values: E,
@@ -2071,7 +2081,7 @@ function gt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 							disabled: h || void 0,
 							onClick: () => k(F - 1),
 							style: {
-								...K,
+								...J,
 								background: "transparent",
 								color: "inherit",
 								border: 0,
@@ -2084,7 +2094,7 @@ function gt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 							disabled: h || L.length > 0,
 							onClick: () => k(F + 1),
 							style: {
-								...K,
+								...J,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
@@ -2098,7 +2108,7 @@ function gt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 							type: "submit",
 							disabled: h || void 0,
 							style: {
-								...K,
+								...J,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
@@ -2125,10 +2135,10 @@ function gt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 		]
 	});
 }
-var Z = null, _t = null, vt = (e) => {
+var $ = null, gt = null, _t = (e) => {
 	let t = typeof e == "string" && e.trim() ? e.trim() : "";
-	if (Z && _t === t) return Z;
-	if (Z && typeof window < "u") {
+	if ($ && gt === t) return $;
+	if ($ && typeof window < "u") {
 		for (let e of ["grecaptcha", "___grecaptcha_cfg"]) try {
 			delete window[e];
 		} catch {
@@ -2136,22 +2146,22 @@ var Z = null, _t = null, vt = (e) => {
 		}
 		document.querySelectorAll("script[src*=\"recaptcha\"]").forEach((e) => e.remove());
 	}
-	return _t = t, Z = new Promise((e) => {
+	return gt = t, $ = new Promise((e) => {
 		if (typeof window > "u") return;
 		if (window.grecaptcha?.render) return e(window.grecaptcha);
 		window.__webimRecaptchaReady = () => e(window.grecaptcha);
 		let n = document.createElement("script");
 		n.src = `https://www.google.com/recaptcha/api.js?onload=__webimRecaptchaReady&render=explicit${t ? `&hl=${encodeURIComponent(t)}` : ""}`, n.async = !0, document.head.appendChild(n);
-	}), Z;
+	}), $;
 };
-function yt({ siteKey: e, theme: t, size: n, hl: a, style: o, nodeRef: c, inert: l, onChange: f }) {
-	let p = r(H), m = p?.settings && typeof p.settings == "object" ? p.settings["google.recaptchaKey"] : "", h = typeof e == "string" && e.trim() || (typeof m == "string" ? m.trim() : ""), g = s(null), _ = s(f);
+function vt({ siteKey: e, theme: t, size: n, hl: a, style: o, nodeRef: c, inert: l, onChange: f }) {
+	let p = r(U), m = p?.settings && typeof p.settings == "object" ? p.settings["google.recaptchaKey"] : "", h = typeof e == "string" && e.trim() || (typeof m == "string" ? m.trim() : ""), g = s(null), _ = s(f);
 	if (_.current = f, i(() => {
 		if (l || !h || !g.current) return;
 		let e = !0, r = (t) => {
 			e && typeof _.current == "function" && _.current(t);
 		};
-		return vt(a).then((i) => {
+		return _t(a).then((i) => {
 			if (!(!e || !g.current || !i?.render)) {
 				g.current.innerHTML = "", r("");
 				try {
@@ -2233,17 +2243,17 @@ function yt({ siteKey: e, theme: t, size: n, hl: a, style: o, nodeRef: c, inert:
 		children: /* @__PURE__ */ u("div", { ref: g })
 	}) : null;
 }
-function bt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
+function yt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 	return /* @__PURE__ */ u("label", {
 		ref: r,
 		style: {
-			...J,
+			...X,
 			...C(n)
 		},
-		children: q(t, e, i)
+		children: Y(t, e, i)
 	});
 }
-function xt({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
+function bt({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ u("input", {
 		ref: a,
 		type: e,
@@ -2251,13 +2261,13 @@ function xt({ type: e = "text", name: t, placeholder: n, required: r, style: i,
 		placeholder: n,
 		required: !o && !!r,
 		style: {
-			...Y,
+			...Z,
 			...C(i)
 		},
-		...X(o)
+		...Q(o)
 	});
 }
-function St({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
+function xt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ u("textarea", {
 		ref: a,
 		name: e || void 0,
@@ -2265,18 +2275,18 @@ function St({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeR
 		rows: n,
 		required: !o && !!r,
 		style: {
-			...Y,
+			...Z,
 			resize: "vertical",
 			...C(i)
 		},
-		...X(o)
+		...Q(o)
 	});
 }
-function Ct({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
+function St({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
 	return /* @__PURE__ */ d("label", {
 		ref: o,
 		style: {
-			...ut,
+			...lt,
 			...C(a)
 		},
 		children: [/* @__PURE__ */ u("input", {
@@ -2293,7 +2303,7 @@ function Ct({ kind: e = "checkbox", label: t, name: n, value: r, required: i, st
 		}), t]
 	});
 }
-function wt({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
+function Ct({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ d("select", {
 		ref: a,
 		name: e || void 0,
@@ -2302,7 +2312,7 @@ function wt({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		onMouseDown: o ? (e) => e.preventDefault() : void 0,
 		tabIndex: o ? -1 : void 0,
 		style: {
-			...Y,
+			...Z,
 			appearance: "auto",
 			...C(i)
 		},
@@ -2316,12 +2326,12 @@ function wt({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		}, t))]
 	});
 }
-function Tt({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
+function wt({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
 	let [s, l] = c(null);
 	return /* @__PURE__ */ d("label", {
 		ref: a,
 		style: {
-			...Y,
+			...Z,
 			display: "flex",
 			alignItems: "center",
 			gap: "8px",
@@ -2348,12 +2358,12 @@ function Tt({ name: e, accept: t, required: n, text: r = "Choose a file…", sty
 		]
 	});
 }
-function Et({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
+function Tt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 	return /* @__PURE__ */ u("button", {
 		ref: n,
 		type: r ? "button" : "submit",
 		style: {
-			...K,
+			...J,
 			border: 0,
 			cursor: "pointer",
 			alignSelf: "flex-start",
@@ -2368,7 +2378,7 @@ function Et({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 		children: e
 	});
 }
-function Dt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
+function Et({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 	let a = Math.max(1, (Number(e) || 1) * (Number(t) || 1));
 	return /* @__PURE__ */ u("div", {
 		ref: r,
@@ -2385,8 +2395,8 @@ function Dt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 		}, t))
 	});
 }
-function Ot({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, imageField: o, titleField: s = "name", textField: l, custom: f, templateId: p, paged: m, filters: h, style: g, nodeRef: _ }) {
-	let { tenant: v, apiUrl: y, locale: b } = r(H), x = r(me), S = r(U), [, w] = c(0);
+function Dt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, imageField: o, titleField: s = "name", textField: l, custom: f, templateId: p, paged: m, filters: h, style: g, nodeRef: _ }) {
+	let { tenant: v, apiUrl: y, locale: b } = r(U), x = r(pe), S = r(W), [, w] = c(0);
 	i(() => {
 		if (typeof window > "u") return;
 		let e = () => w((e) => e + 1);
@@ -2394,7 +2404,7 @@ function Ot({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 			window.removeEventListener("popstate", e), window.removeEventListener("webim:urlchange", e);
 		};
 	}, []);
-	let T = pe(h), E = JSON.stringify(T), D = E !== "{}" && !e?.startsWith?.("api:"), O = D ? null : S?.[e], k = m ? de(S) : 1, [A, j] = c(null);
+	let T = fe(h), E = JSON.stringify(T), D = E !== "{}" && !e?.startsWith?.("api:"), O = D ? null : S?.[e], k = m ? G(S) : 1, [A, j] = c(null);
 	if (i(() => {
 		if (!e || O) return;
 		let n = !0, r = new URLSearchParams();
@@ -2439,7 +2449,7 @@ function Ot({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 		},
 		children: N.map((e) => /* @__PURE__ */ u("div", {
 			style: { minWidth: 0 },
-			children: x.render(p, (t) => _e(t, e))
+			children: x.render(p, (t) => ge(t, e))
 		}, e.id ?? e?.data?.slug))
 	}) : /* @__PURE__ */ u("div", {
 		ref: _,
@@ -2449,7 +2459,7 @@ function Ot({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 			...C(g)
 		},
 		children: N.map((e) => {
-			let t = o ? W(e?.data, o) : null, r = s ? G(W(e?.data, s)) : null, i = l ? W(e?.data, l) : null, a = Array.isArray(i) ? i : null, c = a || i == null ? null : G(i), f = n === "list";
+			let t = o ? K(e?.data, o) : null, r = s ? q(K(e?.data, s)) : null, i = l ? K(e?.data, l) : null, a = Array.isArray(i) ? i : null, c = a || i == null ? null : q(i), f = n === "list";
 			return /* @__PURE__ */ d("div", {
 				style: {
 					display: "flex",
@@ -2496,7 +2506,7 @@ function Ot({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 								lineHeight: 1.55,
 								opacity: .85
 							},
-							children: Ne(a)
+							children: Me(a)
 						})
 					]
 				})]
@@ -2504,13 +2514,13 @@ function Ot({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 		})
 	});
 }
-function kt({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, inert: i }) {
-	let a = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && typeof e.name == "string" && e.name) : [], o = i ? {} : fe(), s = {
+function Ot({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, inert: i }) {
+	let a = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && typeof e.name == "string" && e.name) : [], o = i ? {} : de(), s = {
 		height: 34,
 		padding: "0 12px",
 		borderRadius: 8,
 		border: "1px solid var(--page-border, rgba(100, 116, 139, 0.4))",
-		background: "var(--page-bg, #ffffff)",
+		background: "var(--page-surface, #f2f2f2)",
 		color: "var(--page-text, #111827)",
 		fontSize: 13,
 		fontFamily: "inherit",
@@ -2553,7 +2563,7 @@ function kt({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
 			name: `f_${e.name}`,
 			defaultValue: o[e.name] ?? "",
 			style: s,
-			...X(i),
+			...Q(i),
 			children: [/* @__PURE__ */ u("option", {
 				value: "",
 				children: e.label || e.name
@@ -2568,7 +2578,7 @@ function kt({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
 			name: `f_${e.name}`,
 			defaultValue: o[e.name] ?? "",
 			style: s,
-			...X(i),
+			...Q(i),
 			children: [
 				/* @__PURE__ */ u("option", {
 					value: "",
@@ -2589,7 +2599,7 @@ function kt({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
 			defaultValue: o[e.name] ?? "",
 			placeholder: e.label || e.name,
 			style: s,
-			...X(i)
+			...Q(i)
 		}, e.name)), /* @__PURE__ */ u("button", {
 			type: "submit",
 			style: {
@@ -2602,12 +2612,12 @@ function kt({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
 				fontWeight: 600,
 				cursor: i ? "default" : "pointer"
 			},
-			...X(i),
+			...Q(i),
 			children: t
 		})]
 	});
 }
-function At({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
+function kt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 	return e.length ? /* @__PURE__ */ u("nav", {
 		ref: r,
 		"aria-label": "Breadcrumb",
@@ -2657,8 +2667,8 @@ function At({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 		})
 	}) : null;
 }
-function jt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: a = "#", source: o, pageSize: s = 6, align: l, hideEmpty: f, inert: p, style: m, nodeRef: h }) {
-	let { tenant: g, apiUrl: _ } = r(H), v = r(U), [y, b] = c(null), x = o ? Number(v?.[`${o}:total`]) : NaN;
+function At({ pages: e = 5, current: t = 1, prevNext: n = !0, href: a = "#", source: o, pageSize: s = 6, align: l, hideEmpty: f, inert: p, style: m, nodeRef: h }) {
+	let { tenant: g, apiUrl: _ } = r(U), v = r(W), [y, b] = c(null), x = o ? Number(v?.[`${o}:total`]) : NaN;
 	i(() => {
 		if (!o || Number.isFinite(x)) return;
 		let e = !0, t = o.startsWith("api:") ? `${_}/data/${encodeURIComponent(o.slice(4))}` : `${_}/dynamic/${encodeURIComponent(o)}?limit=1`;
@@ -2677,7 +2687,7 @@ function jt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: a = "#", sou
 	]);
 	let S = Math.max(1, Number(s) || 6), w = Number.isFinite(x) ? x : y;
 	if (o && w === null || o && f && !(w > 0)) return null;
-	let T = Math.min(Math.max(o ? Math.ceil(w / S) : Number(e) || 1, 1), 50), E = Math.min(Math.max(o ? de(v) : Number(t) || 1, 1), T), D = (e) => {
+	let T = Math.min(Math.max(o ? Math.ceil(w / S) : Number(e) || 1, 1), 50), E = Math.min(Math.max(o ? G(v) : Number(t) || 1, 1), T), D = (e) => {
 		if (o) {
 			if (typeof window < "u") {
 				let t = new URLSearchParams(window.location.search);
@@ -2742,15 +2752,15 @@ function jt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: a = "#", sou
 		]
 	});
 }
-var Mt = "webim.page_mode", Nt = () => {
+var jt = "webim.page_mode", Mt = () => {
 	if (typeof window > "u") return "auto";
 	try {
-		let e = window.localStorage.getItem(Mt);
+		let e = window.localStorage.getItem(jt);
 		return e === "light" || e === "dark" ? e : "auto";
 	} catch {
 		return "auto";
 	}
-}, Pt = (e) => {
+}, Nt = (e) => {
 	let t = {
 		width: 16,
 		height: 16,
@@ -2782,13 +2792,13 @@ var Mt = "webim.page_mode", Nt = () => {
 			rx: "2"
 		}), /* @__PURE__ */ u("path", { d: "M8 21h8M12 17v4" })]
 	});
-}, Q = {
+}, Pt = {
 	light: "Light theme",
 	dark: "Dark theme",
 	auto: "Follow the device theme"
 };
 function Ft({ variant: e, showSystem: t, style: n, nodeRef: r, inert: a }) {
-	let [o, l] = c(a ? "auto" : Nt), d = s(null), f = (e) => {
+	let [o, l] = c(a ? "auto" : Mt), d = s(null), f = (e) => {
 		d.current = e, typeof r == "function" && r(e);
 	};
 	i(() => {
@@ -2796,7 +2806,7 @@ function Ft({ variant: e, showSystem: t, style: n, nodeRef: r, inert: a }) {
 		let e = d.current?.closest?.(".webim-page");
 		e && (o === "light" || o === "dark" ? e.setAttribute("data-webim-mode", o) : e.removeAttribute("data-webim-mode"));
 		try {
-			o === "auto" ? window.localStorage.removeItem(Mt) : window.localStorage.setItem(Mt, o);
+			o === "auto" ? window.localStorage.removeItem(jt) : window.localStorage.setItem(jt, o);
 		} catch {}
 	}, [o, a]);
 	let p = t === !1 ? ["light", "dark"] : [
@@ -2831,8 +2841,8 @@ function Ft({ variant: e, showSystem: t, style: n, nodeRef: r, inert: a }) {
 		},
 		children: p.map((e) => /* @__PURE__ */ u("button", {
 			type: "button",
-			title: Q[e],
-			"aria-label": Q[e],
+			title: Pt[e],
+			"aria-label": Pt[e],
 			"aria-pressed": e === m,
 			onClick: a ? void 0 : () => l(e),
 			style: {
@@ -2843,15 +2853,15 @@ function Ft({ variant: e, showSystem: t, style: n, nodeRef: r, inert: a }) {
 				background: e === m ? "var(--page-accent, #111827)" : "transparent",
 				opacity: e === m ? 1 : .7
 			},
-			children: Pt(e)
+			children: Nt(e)
 		}, e))
 	});
 	let g = p[(p.indexOf(m) + 1) % p.length];
 	return /* @__PURE__ */ u("button", {
 		ref: f,
 		type: "button",
-		title: Q[m],
-		"aria-label": `Theme: ${Q[m]} — switch to ${Q[g]}`,
+		title: Pt[m],
+		"aria-label": `Theme: ${Pt[m]} — switch to ${Pt[g]}`,
 		onClick: a ? void 0 : () => l(g),
 		style: {
 			...h,
@@ -2860,7 +2870,7 @@ function Ft({ variant: e, showSystem: t, style: n, nodeRef: r, inert: a }) {
 			border: "1px solid rgba(148, 163, 184, 0.4)",
 			...C(n)
 		},
-		children: Pt(m)
+		children: Nt(m)
 	});
 }
 var It = {
@@ -3145,7 +3155,7 @@ var Ht = (e, t) => {
 	return .299 * (r >> 16 & 255) + .587 * (r >> 8 & 255) + .114 * (r & 255) > 150 ? "#111827" : "#ffffff";
 }, Wt = (e) => !!(e?.cv?.trim?.() || e?.photo);
 function Gt(e, t = {}) {
-	let n = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.id) : [], r = (e) => Array.isArray(e) ? e[0] : e, i = (e) => e == null ? "" : G(e);
+	let n = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.id) : [], r = (e) => Array.isArray(e) ? e[0] : e, i = (e) => e == null ? "" : q(e);
 	return n.map((e) => {
 		let n = e.data ?? {}, a = r(n[t.parentField]), o = a && typeof a == "object" ? a.id ?? null : a || null;
 		return {
@@ -3187,7 +3197,7 @@ function qt({ node: e, onClose: t }) {
 		children: /* @__PURE__ */ d("div", {
 			onClick: (e) => e.stopPropagation(),
 			style: {
-				background: "var(--page-bg, #ffffff)",
+				background: "var(--page-surface, #f2f2f2)",
 				color: "var(--page-text, #111827)",
 				border: "1px solid rgba(148, 163, 184, 0.35)",
 				borderRadius: 14,
@@ -3285,7 +3295,7 @@ function qt({ node: e, onClose: t }) {
 	});
 }
 function Jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField: s, parentField: f, cvField: p, hrefField: m, size: h = "medium", horizontal: g = !1, style: _, nodeRef: v, interactive: y = !0 }) {
-	let b = a(), [x, S] = c(null), { tenant: w, apiUrl: T } = r(H), E = r(U)?.[t], [D, O] = c(null);
+	let b = a(), [x, S] = c(null), { tenant: w, apiUrl: T } = r(U), E = r(W)?.[t], [D, O] = c(null);
 	i(() => {
 		if (!t || E) return;
 		let e = !0;
@@ -3474,7 +3484,7 @@ function Jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 	});
 }
 function Yt({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped: o = !0, bordered: s = !1, compact: l = !1, paged: f, emptyText: p, style: m, nodeRef: h }) {
-	let { tenant: g, apiUrl: _ } = r(H), v = r(U), y = v?.[n], b = f ? de(v) : 1, [x, S] = c(null);
+	let { tenant: g, apiUrl: _ } = r(U), v = r(W), y = v?.[n], b = f ? G(v) : 1, [x, S] = c(null);
 	if (i(() => {
 		if (!n || y) return;
 		let e = !0, t = Math.max(1, Number(a) || 10), r = f && !n.startsWith("api:") ? `?offset=${(b - 1) * t}&limit=${t}` : "", i = n.startsWith("api:") ? `${_}/data/${encodeURIComponent(n.slice(4))}` : `${_}/dynamic/${encodeURIComponent(n)}${r}`;
@@ -3493,7 +3503,7 @@ function Yt({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped:
 		b,
 		a
 	]), !e.length) return null;
-	let w = Math.max(1, Number(a) || 10), T = n ? f ? y || n.startsWith("api:") ? (y ?? x ?? []).slice((b - 1) * w, b * w) : (x ?? []).slice(0, w) : (y ?? x ?? []).slice(0, w) : null, E = T ? T.map((t) => e.map((e) => G(W(t?.data, e.field)))) : t, D = !!n && !(n && !y && x === null) && E.length === 0, O = l ? "6px 10px" : "10px 14px", k = "1px solid rgba(148, 163, 184, 0.35)", A = s ? { border: k } : { borderBottom: k };
+	let w = Math.max(1, Number(a) || 10), T = n ? f ? y || n.startsWith("api:") ? (y ?? x ?? []).slice((b - 1) * w, b * w) : (x ?? []).slice(0, w) : (y ?? x ?? []).slice(0, w) : null, E = T ? T.map((t) => e.map((e) => q(K(t?.data, e.field)))) : t, D = !!n && !(n && !y && x === null) && E.length === 0, O = l ? "6px 10px" : "10px 14px", k = "1px solid rgba(148, 163, 184, 0.35)", A = s ? { border: k } : { borderBottom: k };
 	return /* @__PURE__ */ u("div", {
 		ref: h,
 		style: {
@@ -3540,57 +3550,57 @@ function Yt({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped:
 	});
 }
 var Xt = {
-	PageRoot: we,
-	Section: Te,
-	Container: Ee,
-	Heading: De,
-	TextBlock: Re,
-	ButtonBlock: Ve,
-	ImageBlock: He,
-	Spacer: Je,
-	Divider: Ye,
-	SliderBlock: tt,
-	CanvasSlider: nt,
-	TabsBlock: st,
-	QuickStack: Dt,
-	CollectionList: Ot,
-	CollectionSearch: kt,
-	BreadcrumbsBlock: At,
-	PaginationBlock: jt,
+	PageRoot: Ce,
+	Section: we,
+	Container: Te,
+	Heading: Ee,
+	TextBlock: Le,
+	ButtonBlock: Be,
+	ImageBlock: Ve,
+	Spacer: qe,
+	Divider: Je,
+	SliderBlock: et,
+	CanvasSlider: tt,
+	TabsBlock: ot,
+	QuickStack: Et,
+	CollectionList: Dt,
+	CollectionSearch: Ot,
+	BreadcrumbsBlock: kt,
+	PaginationBlock: At,
 	StepperBlock: Rt,
 	SocialLinksBlock: Lt,
 	ThemeModeBlock: Ft,
 	OrgChartBlock: Jt,
 	TableBlock: Yt,
-	MasonryBlock: rt,
-	AccordionBlock: ct,
-	NavbarBlock: ot,
-	ListBlock: Le,
-	TextSpan: Ae,
-	QuoteBlock: Ie,
-	TextLink: Be,
-	RichTextBlock: Pe,
-	RichContentBlock: Pe,
-	VideoBlock: Ue,
-	YouTubeBlock: Ge,
-	IframeBlock: Ke,
-	EmbedBlock: qe,
-	FormBlock: gt,
-	FormLabel: bt,
-	FormInput: xt,
-	FormTextarea: St,
-	FormCheckbox: (e) => /* @__PURE__ */ u(Ct, {
+	MasonryBlock: nt,
+	AccordionBlock: st,
+	NavbarBlock: at,
+	ListBlock: Ie,
+	TextSpan: ke,
+	QuoteBlock: Fe,
+	TextLink: ze,
+	RichTextBlock: Ne,
+	RichContentBlock: Ne,
+	VideoBlock: He,
+	YouTubeBlock: We,
+	IframeBlock: Ge,
+	EmbedBlock: Ke,
+	FormBlock: ht,
+	FormLabel: yt,
+	FormInput: bt,
+	FormTextarea: xt,
+	FormCheckbox: (e) => /* @__PURE__ */ u(St, {
 		kind: "checkbox",
 		...e
 	}),
-	FormRadio: (e) => /* @__PURE__ */ u(Ct, {
+	FormRadio: (e) => /* @__PURE__ */ u(St, {
 		kind: "radio",
 		...e
 	}),
-	FormSelect: wt,
-	FormFile: Tt,
-	FormRecaptcha: yt,
-	FormSubmit: Et
+	FormSelect: Ct,
+	FormFile: wt,
+	FormRecaptcha: vt,
+	FormSubmit: Tt
 }, Zt = {
 	id: "auth",
 	label: "Accounts",
@@ -3611,7 +3621,7 @@ var Xt = {
 	}, [e]), e;
 };
 function en({ children: e, initialUser: t, disabled: i, apiUrl: a, tenant: l }) {
-	let d = r(H), f = a || d?.apiUrl || "/api", p = l || d?.tenant || "", [m, h] = c(t ?? null), [g, _] = c(t ? "user" : i ? "guest" : "idle"), v = s(!1), y = n((e, t) => fetch(`${f}${e}`, {
+	let d = r(U), f = a || d?.apiUrl || "/api", p = l || d?.tenant || "", [m, h] = c(t ?? null), [g, _] = c(t ? "user" : i ? "guest" : "idle"), v = s(!1), y = n((e, t) => fetch(`${f}${e}`, {
 		...t,
 		credentials: "include",
 		headers: {
@@ -3655,7 +3665,7 @@ function tn({ when: e, children: t }) {
 //#endregion
 //#region ../ui/src/components/builder/apps/auth/views.jsx
 function nn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: i = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: l, inert: f, linked: p, show: m }) {
-	let { tenant: h, apiUrl: g, settings: _ } = r(H), [v, y] = c("form"), [b, x] = c(""), [S, w] = c(!1), T = e === "register", E = f ? m || "form" : v, D = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", O = async (e) => {
+	let { tenant: h, apiUrl: g, settings: _ } = r(U), [v, y] = c("form"), [b, x] = c(""), [S, w] = c(!1), T = e === "register", E = f ? m || "form" : v, D = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", O = async (e) => {
 		if (e.preventDefault(), f) return;
 		let n = new FormData(e.currentTarget);
 		w(!0), x("");
@@ -3703,20 +3713,20 @@ function nn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 				children: [
 					T ? /* @__PURE__ */ d("label", {
 						style: {
-							...J,
+							...X,
 							display: "grid",
 							gap: 6
 						},
 						children: [a, /* @__PURE__ */ u("input", {
 							name: "name",
 							type: "text",
-							style: Y,
-							...X(f)
+							style: Z,
+							...Q(f)
 						})]
 					}) : null,
 					/* @__PURE__ */ d("label", {
 						style: {
-							...J,
+							...X,
 							display: "grid",
 							gap: 6
 						},
@@ -3724,13 +3734,13 @@ function nn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 							name: "email",
 							type: "email",
 							required: !f,
-							style: Y,
-							...X(f)
+							style: Z,
+							...Q(f)
 						})]
 					}),
 					/* @__PURE__ */ d("label", {
 						style: {
-							...J,
+							...X,
 							display: "grid",
 							gap: 6
 						},
@@ -3738,15 +3748,15 @@ function nn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 							name: "password",
 							type: "password",
 							required: !f,
-							style: Y,
-							...X(f)
+							style: Z,
+							...Q(f)
 						})]
 					}),
 					/* @__PURE__ */ u("button", {
 						type: f ? "button" : "submit",
 						disabled: S || void 0,
 						style: {
-							...K,
+							...J,
 							border: 0,
 							padding: "10px 22px",
 							borderRadius: 8,
@@ -3800,7 +3810,7 @@ function rn({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 		children: [
 			/* @__PURE__ */ d("span", {
 				style: {
-					...J,
+					...X,
 					fontWeight: 600
 				},
 				children: [
@@ -3811,7 +3821,7 @@ function rn({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 			}),
 			n && m?.email ? /* @__PURE__ */ u("span", {
 				style: {
-					...J,
+					...X,
 					opacity: .7
 				},
 				children: m.email
@@ -3820,14 +3830,14 @@ function rn({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 				type: "button",
 				onClick: a ? void 0 : f,
 				style: {
-					...K,
+					...J,
 					border: 0,
 					padding: "8px 16px",
 					borderRadius: 8,
 					fontSize: 14,
 					cursor: a ? "default" : "pointer"
 				},
-				...X(a),
+				...Q(a),
 				children: t
 			})
 		]
@@ -3879,7 +3889,7 @@ var dn = {
 	opacity: .6
 };
 function fn({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
-	let c = r(H), l = ln(c?.settings)[e], f = s(null), p = s(null), m = {
+	let c = r(U), l = ln(c?.settings)[e], f = s(null), p = s(null), m = {
 		tenant: c?.tenant ?? "",
 		apiUrl: c?.apiUrl ?? "/api",
 		locale: c?.locale ?? "",
@@ -3938,7 +3948,7 @@ var pn = {
 	...on,
 	PluginBlock: fn
 };
-function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
+function mn(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[t];
 	if (!o || o.hidden) return null;
 	let s = o.type?.resolvedName, c = a?.mapProps ? a.mapProps(o.props ?? {}, s) : o.props ?? {};
@@ -3946,11 +3956,11 @@ function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let n = o.props?.componentId, s = r?.[n];
 		if (!s?.template || i.has(n)) return null;
 		let c = new Set(i).add(n);
-		return /* @__PURE__ */ u(e, { children: $(s.template.rootId, s.template.nodes, r, c, a) }, t);
+		return /* @__PURE__ */ u(e, { children: mn(s.template.rootId, s.template.nodes, r, c, a) }, t);
 	}
 	let l = pn[s];
 	if (!l) return null;
-	let d = (o.nodes ?? []).map((e) => $(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, $(t, n, r, i)])) : void 0, m = /* @__PURE__ */ u(l, {
+	let d = (o.nodes ?? []).map((e) => mn(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, mn(t, n, r, i)])) : void 0, m = /* @__PURE__ */ u(l, {
 		...c,
 		...s === "CollectionList" ? { templateId: o.linkedNodes?.card } : null,
 		linked: p,
@@ -3966,9 +3976,9 @@ function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var mn = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), hn = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(V(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
+var hn = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), gn = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(V(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
 .webim-page[data-webim-mode="dark"] { ${Object.entries(V(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
-function gn({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, tenant: c, apiUrl: l, datasets: f, locale: p, direction: m, settings: h, siteUser: _ }) {
+function _n({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, tenant: c, apiUrl: l, datasets: f, locale: p, direction: m, settings: h, siteUser: _ }) {
 	let v = s?.js?.trim();
 	if (i(() => {
 		if (!v) return;
@@ -3982,12 +3992,12 @@ function gn({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, C = $("ROOT", e, n), w = o(() => ({ render: (t, r) => $(t, e, n, void 0, { mapProps: r }) }), [e, n]), T = F(e, n), E = P(e, n), D = s?.css?.trim(), O = B(t), k = [O.font, O.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !z[e]), A = [.../* @__PURE__ */ new Set([...y(e, n), ...k])].map((e) => /* @__PURE__ */ u("link", {
+	}, C = mn("ROOT", e, n), w = o(() => ({ render: (t, r) => mn(t, e, n, void 0, { mapProps: r }) }), [e, n]), T = F(e, n), E = P(e, n), D = s?.css?.trim(), O = B(t), k = [O.font, O.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !z[e]), A = [.../* @__PURE__ */ new Set([...y(e, n), ...k])].map((e) => /* @__PURE__ */ u("link", {
 		rel: "stylesheet",
 		precedence: "default",
 		href: g(e)
-	}, e)), j = hn(O);
-	return r === "auto" ? /* @__PURE__ */ u(H.Provider, {
+	}, e)), j = gn(O);
+	return r === "auto" ? /* @__PURE__ */ u(U.Provider, {
 		value: {
 			tenant: c || "",
 			apiUrl: l || "/api",
@@ -3996,9 +4006,9 @@ function gn({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 		},
 		children: /* @__PURE__ */ u(en, {
 			initialUser: _,
-			children: /* @__PURE__ */ u(U.Provider, {
+			children: /* @__PURE__ */ u(W.Provider, {
 				value: f ?? null,
-				children: /* @__PURE__ */ u(me.Provider, {
+				children: /* @__PURE__ */ u(pe.Provider, {
 					value: w,
 					children: /* @__PURE__ */ d("div", {
 						...b,
@@ -4009,8 +4019,8 @@ function gn({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 							...a
 						},
 						children: [
-							/* @__PURE__ */ u("style", { children: `.webim-page { ${mn(V(O.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${mn(V(O.dark))} } }` }),
+							/* @__PURE__ */ u("style", { children: `.webim-page { ${hn(V(O.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${hn(V(O.dark))} } }` }),
 							/* @__PURE__ */ u("style", { children: j }),
 							A,
 							/* @__PURE__ */ u("style", { children: x }),
@@ -4023,7 +4033,7 @@ function gn({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 				})
 			})
 		})
-	}) : /* @__PURE__ */ u(H.Provider, {
+	}) : /* @__PURE__ */ u(U.Provider, {
 		value: {
 			tenant: c || "",
 			apiUrl: l || "/api",
@@ -4032,9 +4042,9 @@ function gn({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 		},
 		children: /* @__PURE__ */ u(en, {
 			initialUser: _,
-			children: /* @__PURE__ */ u(U.Provider, {
+			children: /* @__PURE__ */ u(W.Provider, {
 				value: f ?? null,
-				children: /* @__PURE__ */ u(me.Provider, {
+				children: /* @__PURE__ */ u(pe.Provider, {
 					value: w,
 					children: /* @__PURE__ */ d("div", {
 						...b,
@@ -4061,8 +4071,8 @@ function gn({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function _n({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ u(gn, {
+function vn({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ u(_n, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -4073,13 +4083,13 @@ function _n({ bundle: e, mode: t = "auto", style: n }) {
 		locale: e.locale,
 		direction: e.direction,
 		settings: e.settings,
-		mode: t,
+		mode: ae(t, e.scheme),
 		style: n
 	}) : null;
 }
 //#endregion
 //#region src/WebimPage.jsx
-function vn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mode: l = "auto", style: d, fallback: f = null, errorFallback: p = null, onLoad: m, onError: h }) {
+function yn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mode: l = "auto", style: d, fallback: f = null, errorFallback: p = null, onLoad: m, onError: h }) {
 	let [g, _] = c({ status: "loading" }), v = s({
 		onLoad: m,
 		onError: h
@@ -4116,11 +4126,11 @@ function vn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mo
 		r,
 		a,
 		o
-	]), g.status === "loading" ? f : g.status === "error" ? typeof p == "function" ? p(g.error) : p : /* @__PURE__ */ u(_n, {
+	]), g.status === "loading" ? f : g.status === "error" ? typeof p == "function" ? p(g.error) : p : /* @__PURE__ */ u(vn, {
 		bundle: g.bundle,
 		mode: l,
 		style: d
 	});
 }
 //#endregion
-export { gn as PageRenderer, _n as WebimContent, vn as WebimPage, se as fetchPage, Ne as renderRichContent, ie as resolveTheme };
+export { _n as PageRenderer, vn as WebimContent, yn as WebimPage, se as fetchPage, Me as renderRichContent, ie as resolveTheme };