webim-adapter 0.24.0 → 0.26.0

package/build/webim-ssr.js

@@ -233,26 +233,26 @@ function D(e) {
 	delete t.textStrokeWidth, delete t.textStrokeColor, (oe !== void 0 || z !== void 0) && (t.WebkitTextStroke = `${T(oe ?? 1)} ${z || "currentColor"}`);
 	let { clipText: B } = t;
 	delete t.clipText, B && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
-	let { transitions: se, transitionDuration: ce, transitionEasing: le, transitionProperty: V } = t, H = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
+	let { transitions: se, transitionDuration: ce, transitionEasing: le, transitionProperty: ue } = t, V = (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 U = (Array.isArray(se) ? se : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${H(e.duration ?? 200)} ${e.easing || "ease"}`);
-	if (ce !== void 0 && U.push(`${V || "all"} ${H(ce)} ${le || "ease"}`), U.length && (t.transition = U.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 H = (Array.isArray(se) ? se : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${V(e.duration ?? 200)} ${e.easing || "ease"}`);
+	if (ce !== void 0 && H.push(`${ue || "all"} ${V(ce)} ${le || "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 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: ue, overlayOpacity: de } = t;
-	if (delete t.overlayColor, delete t.overlayOpacity, ue) {
-		let e = `color-mix(in srgb, ${ue} ${de ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
+	let { overlayColor: U, overlayOpacity: de } = t;
+	if (delete t.overlayColor, delete t.overlayOpacity, U) {
+		let e = `color-mix(in srgb, ${U} ${de ?? 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: W } = t;
+	let { backgroundLayers: fe } = t;
 	delete t.backgroundLayers;
-	let fe = (Array.isArray(W) ? W : []).filter((e) => e && e.on !== !1);
-	if (fe.length) {
+	let W = (Array.isArray(fe) ? fe : []).filter((e) => e && e.on !== !1);
+	if (W.length) {
 		let e = [], n = [], r = [], i = [], a = [];
-		for (let t of fe) 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 W) 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;
@@ -336,7 +336,9 @@ function re(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",
@@ -355,6 +357,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",
@@ -425,6 +429,8 @@ function z(e) {
 function B(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,
@@ -457,6 +463,9 @@ function ce(e, t = "light") {
 function le(e, t) {
 	return e?.themeRef && t?.[e.themeRef] || e?.theme;
 }
+function ue(e, t) {
+	return e === "light" || e === "dark" ? e : t === "light" || t === "dark" ? t : "auto";
+}
 //#endregion
 //#region ../ui/src/components/builder/views.jsx
 var V = n({
@@ -470,23 +479,23 @@ var V = n({
 	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;
-}, ue = () => {
+}, 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;
-}, de = (e) => {
+}, fe = (e) => {
 	let t = {
 		...e && typeof e == "object" && !Array.isArray(e) ? e : {},
-		...ue()
+		...de()
 	};
 	return Object.fromEntries(Object.entries(t).filter(([, e]) => typeof e == "string" && e.trim() !== ""));
-}, W = n(null), fe = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}, W = n(null), pe = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 function G(e, t) {
 	if (t) return t.includes(".") ? t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e) : e?.[t];
 }
-var pe = (e) => {
+var me = (e) => {
 	let t = [];
 	for (let [n, r] of Object.entries(e ?? {})) {
 		if (!/^[\w-]+$/.test(n)) continue;
@@ -499,33 +508,33 @@ var pe = (e) => {
 function K(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 me(e, t) {
-	let n = t?.data ?? {}, r = pe(n);
+function he(e, t) {
+	let n = t?.data ?? {}, r = me(n);
 	if (!r.length) return e;
-	let i = RegExp(`:(${r.map(fe).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => K(G(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(pe).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => K(G(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 he = {
+var ge = {
 	margin: 0,
 	fontWeight: 700,
 	lineHeight: 1.2,
 	fontFamily: "var(--page-heading-font, inherit)"
-}, ge = { margin: 0 }, q = {
+}, _e = { margin: 0 }, q = {
 	display: "inline-block",
 	textDecoration: "none",
 	cursor: "pointer",
 	backgroundColor: "var(--page-accent, #111827)",
 	color: "var(--page-accent-text, #ffffff)"
-}, _e = {
+}, ve = {
 	flexGrow: 1,
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-}, ve = {
+}, ye = {
 	display: "flex",
 	flexDirection: "column"
 };
-function ye({ style: e }) {
+function be({ style: e }) {
 	let t = e?.backgroundVideo;
 	if (!t) return null;
 	let n = {
@@ -551,7 +560,7 @@ function ye({ style: e }) {
 		background: r
 	} })] });
 }
-var be = (e, t) => e?.backgroundVideo ? {
+var xe = (e, t) => e?.backgroundVideo ? {
 	position: "relative",
 	...t,
 	...D(e)
@@ -559,24 +568,24 @@ var be = (e, t) => e?.backgroundVideo ? {
 	...t,
 	...D(e)
 };
-function xe({ style: e, nodeRef: t, children: n }) {
+function Se({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ f("div", {
 		ref: t,
 		style: {
-			..._e,
+			...ve,
 			...D(e)
 		},
-		children: [/* @__PURE__ */ d(ye, { style: e }), n]
+		children: [/* @__PURE__ */ d(be, { style: e }), n]
 	});
 }
-function Se({ style: e, nodeRef: t, children: n }) {
+function Ce({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ f("section", {
 		ref: t,
-		style: be(e, ve),
-		children: [/* @__PURE__ */ d(ye, { style: e }), n]
+		style: xe(e, ye),
+		children: [/* @__PURE__ */ d(be, { style: e }), n]
 	});
 }
-function Ce({ style: e, freeLayout: t, nodeRef: n, children: r }) {
+function we({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 	let i = t ? {
 		position: "relative",
 		minHeight: 240
@@ -585,32 +594,32 @@ function Ce({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 		ref: n,
 		style: i ? {
 			...i,
-			...be(e)
-		} : be(e),
-		children: [/* @__PURE__ */ d(ye, { style: e }), r]
+			...xe(e)
+		} : xe(e),
+		children: [/* @__PURE__ */ d(be, { style: e }), r]
 	});
 }
-function we({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
+function Te({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
 	return /* @__PURE__ */ d(n, {
 		ref: a,
 		style: {
-			...he,
+			...ge,
 			...D(r)
 		},
 		children: J(t, e, i)
 	});
 }
-var Te = {
+var Ee = {
 	fontFamily: R.mono.value,
 	background: "rgba(148, 163, 184, 0.18)",
 	padding: "1px 5px",
 	borderRadius: 4,
 	fontSize: "0.9em"
 };
-function Ee(e, t = [], n, r) {
+function De(e, t = [], n, r) {
 	let i = e;
 	return t.includes("sup") ? i = /* @__PURE__ */ d("sup", { children: i }) : t.includes("sub") && (i = /* @__PURE__ */ d("sub", { children: i })), t.includes("code") && (i = /* @__PURE__ */ d("code", {
-		style: Te,
+		style: Ee,
 		children: i
 	})), t.includes("strike") && (i = /* @__PURE__ */ d("s", { children: i })), t.includes("underline") && (i = /* @__PURE__ */ d("u", { children: i })), t.includes("italic") && (i = /* @__PURE__ */ d("em", { children: i })), t.includes("bold") && (i = /* @__PURE__ */ d("strong", { children: i })), n && (i = /* @__PURE__ */ d("a", {
 		href: n,
@@ -626,7 +635,7 @@ function J(e, n, r) {
 		if (e.parts) return /* @__PURE__ */ d(t, { children: J(e.parts, "", r) }, n);
 		let i = e.text;
 		return e.sup ? i = /* @__PURE__ */ d("sup", { children: i }) : e.sub && (i = /* @__PURE__ */ d("sub", { children: i })), e.code && (i = /* @__PURE__ */ d("code", {
-			style: Te,
+			style: Ee,
 			children: i
 		})), e.strike && (i = /* @__PURE__ */ d("s", { children: i })), e.underline && (i = /* @__PURE__ */ d("u", { children: i })), e.italic && (i = /* @__PURE__ */ d("em", { children: i })), e.bold && (i = /* @__PURE__ */ d("strong", { children: i })), (e.color || e.background) && (i = /* @__PURE__ */ d("span", {
 			style: {
@@ -643,13 +652,13 @@ function J(e, n, r) {
 		})), /* @__PURE__ */ d(t, { children: i }, n);
 	}) : n;
 }
-function De({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
+function Oe({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
 	return /* @__PURE__ */ d("span", {
 		style: D(a),
-		children: e?.length ? J(e, t) : Ee(t, n, r, i)
+		children: e?.length ? J(e, t) : De(t, n, r, i)
 	});
 }
-var Oe = {
+var ke = {
 	h1: 40,
 	h2: 32,
 	h3: 26,
@@ -657,7 +666,7 @@ var Oe = {
 	h5: 19,
 	h6: 16
 };
-function ke({ align: e = "center", width: t, wrap: n } = {}) {
+function Ae({ 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";
@@ -691,7 +700,7 @@ function ke({ align: e = "center", width: t, wrap: n } = {}) {
 		marginRight: "auto"
 	};
 }
-function Ae(e = [], t, n) {
+function je(e = [], t, n) {
 	let r = n ?? ((e, n) => J(e, n, t));
 	return e.map((t, n) => {
 		let i = {
@@ -714,7 +723,7 @@ function Ae(e = [], t, n) {
 					marginLeft: 0,
 					marginRight: 0,
 					...i,
-					...ke(t)
+					...Ae(t)
 				},
 				children: [t.href ? /* @__PURE__ */ d("a", {
 					href: t.href,
@@ -733,16 +742,16 @@ function Ae(e = [], t, n) {
 				})]
 			}, n);
 		}
-		if (t.type === "video") return Ve(t.url) ? /* @__PURE__ */ d("div", {
+		if (t.type === "video") return He(t.url) ? /* @__PURE__ */ d("div", {
 			style: {
 				...i,
-				...ke({
+				...Ae({
 					align: t.align,
 					wrap: t.wrap,
 					width: t.width ?? 100
 				})
 			},
-			children: /* @__PURE__ */ d(He, {
+			children: /* @__PURE__ */ d(Ue, {
 				url: t.url,
 				autoplay: t.autoplay,
 				muted: t.muted,
@@ -804,17 +813,17 @@ function Ae(e = [], t, n) {
 		}
 		if (t.type === "quote") return /* @__PURE__ */ d("blockquote", {
 			style: {
-				...Me,
+				...Ne,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
-		if (Oe[t.type]) {
+		if (ke[t.type]) {
 			let e = t.type;
 			return /* @__PURE__ */ d(e, {
 				style: {
-					...he,
-					fontSize: Oe[t.type],
+					...ge,
+					fontSize: ke[t.type],
 					...i
 				},
 				children: r(t.parts, t.text)
@@ -822,39 +831,39 @@ function Ae(e = [], t, n) {
 		}
 		return /* @__PURE__ */ d("p", {
 			style: {
-				...ge,
+				..._e,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
 	});
 }
-function je({ content: e, style: t, linked: n, nodeRef: r }) {
+function Me({ content: e, style: t, linked: n, nodeRef: r }) {
 	return /* @__PURE__ */ d("div", {
 		ref: r,
 		style: {
 			display: "flow-root",
 			...D(t)
 		},
-		children: Ae(e, n)
+		children: je(e, n)
 	});
 }
-var Me = {
+var Ne = {
 	margin: 0,
 	padding: "8px 0 8px 20px",
 	borderLeft: "4px solid var(--page-accent, rgba(148, 163, 184, 0.6))"
 };
-function Ne({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function Pe({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ d("blockquote", {
 		ref: i,
 		style: {
-			...Me,
+			...Ne,
 			...D(n)
 		},
 		children: J(t, e, r)
 	});
 }
-function Pe({ ordered: e, items: t = [], style: n, nodeRef: r }) {
+function Fe({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 	return /* @__PURE__ */ d(e ? "ol" : "ul", {
 		ref: r,
 		style: {
@@ -868,36 +877,36 @@ function Pe({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 		}, t))
 	});
 }
-function Fe({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function Ie({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ d("p", {
 		ref: i,
 		style: {
-			...ge,
+			..._e,
 			...D(n)
 		},
 		children: J(t, e, r)
 	});
 }
-var Ie = {
+var Le = {
 	color: "var(--page-accent, inherit)",
 	textDecoration: "underline",
 	textUnderlineOffset: 3,
 	cursor: "pointer"
 };
-function Le({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function Re({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
 	return /* @__PURE__ */ d("a", {
 		ref: o,
 		href: n || "#",
 		target: r || void 0,
 		rel: r === "_blank" ? "noopener noreferrer" : void 0,
 		style: {
-			...Ie,
+			...Le,
 			...D(i)
 		},
 		children: J(t, e, a)
 	});
 }
-function Re({ 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__ */ d("a", {
 		ref: o,
 		href: n || "#",
@@ -910,7 +919,7 @@ function Re({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRe
 		children: J(t, e, a)
 	});
 }
-function ze({ src: e, alt: t, style: n, nodeRef: r }) {
+function Be({ src: e, alt: t, style: n, nodeRef: r }) {
 	return e ? /* @__PURE__ */ d("img", {
 		ref: r,
 		src: e,
@@ -922,7 +931,7 @@ function ze({ src: e, alt: t, style: n, nodeRef: r }) {
 		}
 	}) : null;
 }
-function Be({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
+function Ve({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
 	return e ? /* @__PURE__ */ d("video", {
 		ref: s,
 		src: e,
@@ -940,9 +949,9 @@ function Be({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !
 		}
 	}) : null;
 }
-var Ve = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
-function He({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
-	let c = Ve(e);
+var He = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
+function Ue({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
+	let c = He(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__ */ d("div", {
@@ -968,7 +977,7 @@ function He({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
 		})
 	});
 }
-function Ue({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
+function We({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
 	return e ? /* @__PURE__ */ d("iframe", {
 		ref: i,
 		src: e,
@@ -984,7 +993,7 @@ function Ue({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i })
 		}
 	}) : null;
 }
-function We({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
+function Ge({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
 	let [i, o] = l(null);
 	return a(() => {
 		i && (i.innerHTML = e || "", t && i.querySelectorAll("script").forEach((e) => {
@@ -1003,7 +1012,7 @@ function We({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
 		style: D(n)
 	});
 }
-function Ge({ height: e, nodeRef: t }) {
+function Ke({ height: e, nodeRef: t }) {
 	return /* @__PURE__ */ d("div", {
 		ref: t,
 		style: {
@@ -1013,7 +1022,7 @@ function Ge({ height: e, nodeRef: t }) {
 		}
 	});
 }
-function Ke({ style: e, nodeRef: t }) {
+function qe({ style: e, nodeRef: t }) {
 	return /* @__PURE__ */ d("div", {
 		ref: t,
 		style: {
@@ -1024,7 +1033,7 @@ function Ke({ style: e, nodeRef: t }) {
 		}
 	});
 }
-var qe = {
+var Je = {
 	position: "absolute",
 	top: "50%",
 	transform: "translateY(-50%)",
@@ -1041,7 +1050,7 @@ var qe = {
 	alignItems: "center",
 	justifyContent: "center",
 	padding: 0
-}, Je = {
+}, Ye = {
 	bottom: {
 		inset: "auto 0 0 0",
 		padding: "40px 24px 20px",
@@ -1060,8 +1069,8 @@ var qe = {
 		padding: 24,
 		textShadow: "0 2px 12px rgba(0, 0, 0, 0.6)"
 	}
-}, Ye = 48;
-function Xe({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: i = 320, swipe: o = !0, style: s, nodeRef: c }) {
+}, Xe = 48;
+function Ze({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: i = 320, swipe: o = !0, style: s, nodeRef: c }) {
 	let [p, m] = l(0), [h, g] = l(!1), [_, v] = l(null), y = e ? Math.min(p, e - 1) : 0;
 	if (a(() => {
 		if (!n || h || _ || e < 2) return;
@@ -1077,7 +1086,7 @@ function Xe({ 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 > Ye && b(y - 1);
+		v(null), e < -48 ? b(y + 1) : e > Xe && b(y - 1);
 	};
 	return /* @__PURE__ */ f("div", {
 		ref: c,
@@ -1125,7 +1134,7 @@ function Xe({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Previous slide",
 				style: {
-					...qe,
+					...Je,
 					left: 12
 				},
 				onClick: () => b(y - 1),
@@ -1135,7 +1144,7 @@ function Xe({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Next slide",
 				style: {
-					...qe,
+					...Je,
 					right: 12
 				},
 				onClick: () => b(y + 1),
@@ -1169,7 +1178,7 @@ function Xe({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 		] })]
 	});
 }
-var Ze = (e, t) => ({
+var Qe = (e, t) => ({
 	position: "absolute",
 	inset: 0,
 	backgroundImage: e ? `url(${e})` : "none",
@@ -1177,18 +1186,18 @@ var Ze = (e, t) => ({
 	backgroundSize: "cover",
 	backgroundPosition: "center"
 });
-function Qe({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
-	return e.length ? /* @__PURE__ */ d(Xe, {
+function $e({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
+	return e.length ? /* @__PURE__ */ d(Ze, {
 		...r,
 		count: e.length,
 		renderSlide: (r) => {
 			let i = e[r];
-			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: Ze(i.image) }), (i.title || i.text) && /* @__PURE__ */ f("div", {
+			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: Qe(i.image) }), (i.title || i.text) && /* @__PURE__ */ f("div", {
 				style: {
 					position: "absolute",
 					color: "#fff",
 					textAlign: n,
-					...Je[t] ?? Je.bottom
+					...Ye[t] ?? Ye.bottom
 				},
 				children: [i.title && /* @__PURE__ */ d("div", {
 					style: {
@@ -1208,13 +1217,13 @@ function Qe({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "
 		}
 	}) : null;
 }
-function $e({ slides: e = [], linked: t, ...n }) {
-	return e.length ? /* @__PURE__ */ d(Xe, {
+function et({ slides: e = [], linked: t, ...n }) {
+	return e.length ? /* @__PURE__ */ d(Ze, {
 		...n,
 		count: e.length,
 		renderSlide: (n) => {
 			let r = e[n];
-			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: Ze(r.image, r.color) }), /* @__PURE__ */ d("div", {
+			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: Qe(r.image, r.color) }), /* @__PURE__ */ d("div", {
 				style: {
 					position: "absolute",
 					inset: 0,
@@ -1226,7 +1235,7 @@ function $e({ slides: e = [], linked: t, ...n }) {
 		}
 	}) : null;
 }
-function et({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lightbox: i = !0, style: o, nodeRef: s, inert: c }) {
+function tt({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lightbox: i = !0, style: o, nodeRef: s, inert: c }) {
 	let p = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.src) : [], m = Math.max(0, Number(n) || 0), h = c ? (e) => e.preventDefault() : void 0, [g, _] = l(null), v = i && !c && g !== null && p[g];
 	a(() => {
 		if (!v) return;
@@ -1425,19 +1434,19 @@ function et({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
 		]
 	});
 }
-var tt = {
+var nt = {
 	color: "inherit",
 	textDecoration: "none",
 	fontSize: 14,
 	opacity: .85
-}, nt = {
-	background: "var(--page-bg, #ffffff)",
+}, rt = {
+	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 rt({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], style: s, nodeRef: c, menu: p = "auto", breakpoint: m = 768 }) {
+function it({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], style: s, nodeRef: c, menu: p = "auto", breakpoint: m = 768 }) {
 	let [h, g] = l(null), [_, v] = l(!1), [y, b] = l(!1), [x, S] = l(null);
 	a(() => {
 		if (!h) return;
@@ -1447,7 +1456,7 @@ function rt({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 	let C = p === "hamburger" || p === "auto" && _, w = (e, t) => /* @__PURE__ */ f("a", {
 		href: e.href || "#",
 		style: {
-			...tt,
+			...nt,
 			display: "block",
 			...t
 		},
@@ -1535,7 +1544,7 @@ function rt({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 					let t = e.children ?? [];
 					if (!t.length) return /* @__PURE__ */ d("a", {
 						href: e.href || "#",
-						style: tt,
+						style: nt,
 						children: e.label
 					}, e.key);
 					let n = e.type === "mega";
@@ -1549,7 +1558,7 @@ function rt({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 						children: [/* @__PURE__ */ f("a", {
 							href: e.href || "#",
 							style: {
-								...tt,
+								...nt,
 								cursor: "pointer"
 							},
 							children: [
@@ -1565,7 +1574,7 @@ function rt({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 							]
 						}), x === e.key && (n ? /* @__PURE__ */ d("div", {
 							style: {
-								...nt,
+								...rt,
 								position: "absolute",
 								left: 0,
 								right: 0,
@@ -1581,7 +1590,7 @@ function rt({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 							}))
 						}) : /* @__PURE__ */ d("div", {
 							style: {
-								...nt,
+								...rt,
 								position: "absolute",
 								top: "100%",
 								left: 0,
@@ -1610,7 +1619,7 @@ function rt({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 				children: o.map((e) => /* @__PURE__ */ f(t, { children: [/* @__PURE__ */ d("a", {
 					href: e.href || "#",
 					style: {
-						...tt,
+						...nt,
 						padding: "10px 4px",
 						fontWeight: (e.children ?? []).length ? 600 : 400,
 						opacity: 1
@@ -1621,7 +1630,7 @@ function rt({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 		]
 	});
 }
-function it({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
+function at({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 	let [i, a] = l(0), o = e.length ? Math.min(i, e.length - 1) : 0;
 	return e.length ? /* @__PURE__ */ f("div", {
 		ref: r,
@@ -1661,7 +1670,7 @@ function it({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 		}, e.key))]
 	}) : null;
 }
-function at({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
+function ot({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
 	let [a, o] = l(() => new Set(e.length ? [e[0].key] : []));
 	if (!e.length) return null;
 	let s = (e) => o((t) => {
@@ -1718,7 +1727,7 @@ function at({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 		})
 	});
 }
-var ot = {
+var st = {
 	display: "flex",
 	flexDirection: "column",
 	gap: "12px"
@@ -1728,15 +1737,15 @@ var ot = {
 	color: "var(--page-text, #111827)"
 }, X = {
 	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"
-}, st = {
+	backgroundColor: "var(--page-surface, #f2f2f2)",
+	color: "var(--page-text, #111827)"
+}, ct = {
 	display: "flex",
 	alignItems: "center",
 	gap: "8px",
@@ -1747,7 +1756,7 @@ var ot = {
 	tabIndex: -1,
 	onMouseDown: (e) => e.preventDefault()
 } : {};
-function ct(e, t) {
+function lt(e, t) {
 	if (!e) return !0;
 	let n = t[e.field], r = n == null || n === "" ? "" : String(n), i = e.value ?? "";
 	switch (e.op) {
@@ -1761,11 +1770,11 @@ function ct(e, t) {
 		default: return !1;
 	}
 }
-var lt = {
+var ut = {
 	display: "flex",
 	flexDirection: "column",
 	gap: 6
-}, ut = {
+}, dt = {
 	font: "inherit",
 	fontSize: 15,
 	padding: "10px 12px",
@@ -1776,13 +1785,13 @@ var lt = {
 	width: "100%",
 	boxSizing: "border-box"
 };
-function dt(e, t) {
+function ft(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 ft({ field: e, value: t, onChange: n, inert: r, values: i }) {
+function pt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 	let a = /* @__PURE__ */ f("span", {
 		style: {
 			...Y,
@@ -1794,7 +1803,7 @@ function ft({ 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: ut,
+		style: dt,
 		value: t ?? "",
 		onChange: (t) => n(e.name, t.target.value)
 	};
@@ -1823,7 +1832,7 @@ function ft({ 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__ */ d(He, {
+	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ d(Ue, {
 		url: e.src,
 		style: { width: "100%" }
 	}) : /* @__PURE__ */ d("video", {
@@ -1835,14 +1844,14 @@ function ft({ field: e, value: t, onChange: n, inert: r, values: i }) {
 			display: "block"
 		}
 	}) : null : /* @__PURE__ */ f("label", {
-		style: lt,
+		style: ut,
 		children: [
 			a,
 			e.type === "textarea" || e.multiline ? /* @__PURE__ */ d("textarea", {
 				...o,
 				rows: 4,
 				style: {
-					...ut,
+					...dt,
 					resize: "vertical"
 				}
 			}) : e.type === "select" ? /* @__PURE__ */ f("select", {
@@ -1851,7 +1860,7 @@ function ft({ field: e, value: t, onChange: n, inert: r, values: i }) {
 				children: [/* @__PURE__ */ d("option", {
 					value: "",
 					children: e.placeholder || "—"
-				}), dt(e, i).map((e, t) => /* @__PURE__ */ d("option", {
+				}), ft(e, i).map((e, t) => /* @__PURE__ */ d("option", {
 					value: typeof e == "string" ? e : e.value,
 					children: typeof e == "string" ? e : e.label ?? e.value
 				}, t))]
@@ -1898,7 +1907,7 @@ function ft({ field: e, value: t, onChange: n, inert: r, values: i }) {
 		]
 	});
 }
-function pt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s, auto: c, submitLabel: p, nodeRef: m, inert: h, children: g, linked: _, show: v }) {
+function mt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s, auto: c, submitLabel: p, nodeRef: m, inert: h, children: g, linked: _, show: v }) {
 	let { tenant: y, apiUrl: b } = i(V), [x, S] = l("form"), [C, w] = l(null), [T, E] = l({}), [O, k] = l(0), A = h ? v || "form" : x;
 	a(() => {
 		if (!c || !s) return;
@@ -1920,9 +1929,9 @@ function pt({ style: e, action: t, method: n, name: r, 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 || ct(e.section.condition, T)).map((e) => ({
+	let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section || lt(e.section.condition, T)).map((e) => ({
 		...e,
-		fields: e.fields.filter((e) => ct(e.condition, T))
+		fields: e.fields.filter((e) => lt(e.condition, T))
 	})), P = M.length > 1, F = Math.min(O, Math.max(0, N.length - 1)), ee = P ? N[F]?.fields ?? [] : N.flatMap((e) => e.fields), te = ee.filter((e) => {
 		let t = T[e.name];
 		return e.required && (t == null || t === "" || t === !1);
@@ -1980,11 +1989,11 @@ function pt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 					}
 				},
 				style: {
-					...ot,
+					...st,
 					display: A === "success" ? "none" : "flex"
 				},
 				children: c && s ? /* @__PURE__ */ f(u, { children: [
-					P && /* @__PURE__ */ d(Ft, {
+					P && /* @__PURE__ */ d(It, {
 						steps: N.map((e) => ({ label: e.section?.label ?? "Start" })),
 						active: F + 1,
 						style: { marginBottom: 8 }
@@ -1997,7 +2006,7 @@ function pt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 						},
 						children: N[F].section.help
 					}),
-					ee.map((e) => /* @__PURE__ */ d(ft, {
+					ee.map((e) => /* @__PURE__ */ d(pt, {
 						field: e,
 						value: T[e.name],
 						values: T,
@@ -2070,9 +2079,9 @@ function pt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 		]
 	});
 }
-var Q = null, mt = null, ht = (e) => {
+var Q = null, ht = null, gt = (e) => {
 	let t = typeof e == "string" && e.trim() ? e.trim() : "";
-	if (Q && mt === t) return Q;
+	if (Q && ht === t) return Q;
 	if (Q && typeof window < "u") {
 		for (let e of ["grecaptcha", "___grecaptcha_cfg"]) try {
 			delete window[e];
@@ -2081,7 +2090,7 @@ var Q = null, mt = null, ht = (e) => {
 		}
 		document.querySelectorAll("script[src*=\"recaptcha\"]").forEach((e) => e.remove());
 	}
-	return mt = t, Q = new Promise((e) => {
+	return ht = t, Q = new Promise((e) => {
 		if (typeof window > "u") return;
 		if (window.grecaptcha?.render) return e(window.grecaptcha);
 		window.__webimRecaptchaReady = () => e(window.grecaptcha);
@@ -2089,14 +2098,14 @@ var Q = null, mt = null, ht = (e) => {
 		n.src = `https://www.google.com/recaptcha/api.js?onload=__webimRecaptchaReady&render=explicit${t ? `&hl=${encodeURIComponent(t)}` : ""}`, n.async = !0, document.head.appendChild(n);
 	}), Q;
 };
-function gt({ siteKey: e, theme: t, size: n, hl: r, style: o, nodeRef: s, inert: l, onChange: u }) {
+function _t({ siteKey: e, theme: t, size: n, hl: r, style: o, nodeRef: s, inert: l, onChange: u }) {
 	let p = i(V), m = p?.settings && typeof p.settings == "object" ? p.settings["google.recaptchaKey"] : "", h = typeof e == "string" && e.trim() || (typeof m == "string" ? m.trim() : ""), g = c(null), _ = c(u);
 	if (_.current = u, a(() => {
 		if (l || !h || !g.current) return;
 		let e = !0, i = (t) => {
 			e && typeof _.current == "function" && _.current(t);
 		};
-		return ht(r).then((r) => {
+		return gt(r).then((r) => {
 			if (!(!e || !g.current || !r?.render)) {
 				g.current.innerHTML = "", i("");
 				try {
@@ -2178,7 +2187,7 @@ function gt({ siteKey: e, theme: t, size: n, hl: r, style: o, nodeRef: s, inert:
 		children: /* @__PURE__ */ d("div", { ref: g })
 	}) : null;
 }
-function _t({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
+function vt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 	return /* @__PURE__ */ d("label", {
 		ref: r,
 		style: {
@@ -2188,7 +2197,7 @@ function _t({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 		children: J(t, e, i)
 	});
 }
-function vt({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
+function yt({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ d("input", {
 		ref: a,
 		type: e,
@@ -2202,7 +2211,7 @@ function vt({ type: e = "text", name: t, placeholder: n, required: r, style: i,
 		...Z(o)
 	});
 }
-function yt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
+function bt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ d("textarea", {
 		ref: a,
 		name: e || void 0,
@@ -2217,11 +2226,11 @@ function yt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeR
 		...Z(o)
 	});
 }
-function bt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
+function xt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
 	return /* @__PURE__ */ f("label", {
 		ref: o,
 		style: {
-			...st,
+			...ct,
 			...D(a)
 		},
 		children: [/* @__PURE__ */ d("input", {
@@ -2238,7 +2247,7 @@ function bt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, st
 		}), t]
 	});
 }
-function xt({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
+function St({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ f("select", {
 		ref: a,
 		name: e || void 0,
@@ -2261,7 +2270,7 @@ function xt({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		}, t))]
 	});
 }
-function St({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
+function Ct({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
 	let [s, c] = l(null);
 	return /* @__PURE__ */ f("label", {
 		ref: a,
@@ -2293,7 +2302,7 @@ function St({ name: e, accept: t, required: n, text: r = "Choose a file…", sty
 		]
 	});
 }
-function Ct({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
+function wt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 	return /* @__PURE__ */ d("button", {
 		ref: n,
 		type: r ? "button" : "submit",
@@ -2313,7 +2322,7 @@ function Ct({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 		children: e
 	});
 }
-function wt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
+function Tt({ 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__ */ d("div", {
 		ref: r,
@@ -2330,7 +2339,7 @@ function wt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 		}, t))
 	});
 }
-function Tt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, imageField: o, titleField: s = "name", textField: c, custom: u, templateId: p, paged: m, filters: h, style: g, nodeRef: _ }) {
+function Et({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, imageField: o, titleField: s = "name", textField: c, custom: u, templateId: p, paged: m, filters: h, style: g, nodeRef: _ }) {
 	let { tenant: v, apiUrl: y, locale: b } = i(V), x = i(W), S = i(H), [, C] = l(0);
 	a(() => {
 		if (typeof window > "u") return;
@@ -2339,7 +2348,7 @@ function Tt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
 			window.removeEventListener("popstate", e), window.removeEventListener("webim:urlchange", e);
 		};
 	}, []);
-	let w = de(h), T = JSON.stringify(w), E = T !== "{}" && !e?.startsWith?.("api:"), O = E ? null : S?.[e], k = m ? U(S) : 1, [A, j] = l(null);
+	let w = fe(h), T = JSON.stringify(w), E = T !== "{}" && !e?.startsWith?.("api:"), O = E ? null : S?.[e], k = m ? U(S) : 1, [A, j] = l(null);
 	if (a(() => {
 		if (!e || O) return;
 		let n = !0, r = new URLSearchParams();
@@ -2384,7 +2393,7 @@ function Tt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
 		},
 		children: N.map((e) => /* @__PURE__ */ d("div", {
 			style: { minWidth: 0 },
-			children: x.render(p, (t) => me(t, e))
+			children: x.render(p, (t) => he(t, e))
 		}, e.id ?? e?.data?.slug))
 	}) : /* @__PURE__ */ d("div", {
 		ref: _,
@@ -2441,7 +2450,7 @@ function Tt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
 								lineHeight: 1.55,
 								opacity: .85
 							},
-							children: Ae(a)
+							children: je(a)
 						})
 					]
 				})]
@@ -2449,13 +2458,13 @@ function Tt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
 		})
 	});
 }
-function Et({ 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 ? {} : ue(), s = {
+function Dt({ 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",
@@ -2552,7 +2561,7 @@ function Et({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
 		})]
 	});
 }
-function Dt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
+function Ot({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 	return e.length ? /* @__PURE__ */ d("nav", {
 		ref: r,
 		"aria-label": "Breadcrumb",
@@ -2602,7 +2611,7 @@ function Dt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 		})
 	}) : null;
 }
-function Ot({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", source: o, pageSize: s = 6, align: c, hideEmpty: u, inert: p, style: m, nodeRef: h }) {
+function kt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", source: o, pageSize: s = 6, align: c, hideEmpty: u, inert: p, style: m, nodeRef: h }) {
 	let { tenant: g, apiUrl: _ } = i(V), v = i(H), [y, b] = l(null), x = o ? Number(v?.[`${o}:total`]) : NaN;
 	a(() => {
 		if (!o || Number.isFinite(x)) return;
@@ -2687,15 +2696,15 @@ function Ot({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sou
 		]
 	});
 }
-var kt = "webim.page_mode", At = () => {
+var At = "webim.page_mode", jt = () => {
 	if (typeof window > "u") return "auto";
 	try {
-		let e = window.localStorage.getItem(kt);
+		let e = window.localStorage.getItem(At);
 		return e === "light" || e === "dark" ? e : "auto";
 	} catch {
 		return "auto";
 	}
-}, jt = (e) => {
+}, Mt = (e) => {
 	let t = {
 		width: 16,
 		height: 16,
@@ -2732,8 +2741,8 @@ var kt = "webim.page_mode", At = () => {
 	dark: "Dark theme",
 	auto: "Follow the device theme"
 };
-function Mt({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
-	let [o, s] = l(i ? "auto" : At), u = c(null), f = (e) => {
+function Nt({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
+	let [o, s] = l(i ? "auto" : jt), u = c(null), f = (e) => {
 		u.current = e, typeof r == "function" && r(e);
 	};
 	a(() => {
@@ -2741,7 +2750,7 @@ function Mt({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
 		let e = u.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(kt) : window.localStorage.setItem(kt, o);
+			o === "auto" ? window.localStorage.removeItem(At) : window.localStorage.setItem(At, o);
 		} catch {}
 	}, [o, i]);
 	let p = t === !1 ? ["light", "dark"] : [
@@ -2788,7 +2797,7 @@ function Mt({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
 				background: e === m ? "var(--page-accent, #111827)" : "transparent",
 				opacity: e === m ? 1 : .7
 			},
-			children: jt(e)
+			children: Mt(e)
 		}, e))
 	});
 	let g = p[(p.indexOf(m) + 1) % p.length];
@@ -2805,10 +2814,10 @@ function Mt({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
 			border: "1px solid rgba(148, 163, 184, 0.4)",
 			...D(n)
 		},
-		children: jt(m)
+		children: Mt(m)
 	});
 }
-var Nt = {
+var Pt = {
 	facebook: {
 		label: "Facebook",
 		color: "#1877f2",
@@ -2875,8 +2884,8 @@ var Nt = {
 		d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
 	}
 };
-function Pt({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, style: o, nodeRef: s, inert: c }) {
-	let l = Array.isArray(e) ? e.filter((e) => e && Nt[e.network]) : [];
+function Ft({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, style: o, nodeRef: s, inert: c }) {
+	let l = Array.isArray(e) ? e.filter((e) => e && Pt[e.network]) : [];
 	if (!l.length) return null;
 	let u = Math.min(Math.max(Number(r) || 18, 10), 64), f = Math.round(u * 1.9), p = Number.isFinite(Number(i)) ? Number(i) : 10, m = (e) => n === "accent" ? "var(--page-accent, #111827)" : n === "inherit" ? "currentColor" : e.color, h = c ? (e) => e.preventDefault() : void 0;
 	return /* @__PURE__ */ d("div", {
@@ -2889,7 +2898,7 @@ function Pt({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, s
 			...D(o)
 		},
 		children: l.map((e, r) => {
-			let i = Nt[e.network], o = t !== "outline" && t !== "plain", s = o ? n === "accent" ? "var(--page-accent-text, #ffffff)" : n === "inherit" ? "var(--page-bg, #ffffff)" : "#ffffff" : m(i);
+			let i = Pt[e.network], o = t !== "outline" && t !== "plain", s = o ? n === "accent" ? "var(--page-accent-text, #ffffff)" : n === "inherit" ? "var(--page-bg, #ffffff)" : "#ffffff" : m(i);
 			return /* @__PURE__ */ d("a", {
 				href: e.url || "#",
 				onClick: h,
@@ -2923,7 +2932,7 @@ function Pt({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, s
 		})
 	});
 }
-function Ft({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
+function It({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
 	if (!e.length) return null;
 	let o = Math.min(Math.max(Number(n) || 1, 1), e.length), s = (e) => ({
 		width: 32,
@@ -3001,7 +3010,7 @@ function Ft({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 		})
 	});
 }
-var It = {
+var Lt = {
 	small: {
 		w: 132,
 		h: 46,
@@ -3023,10 +3032,10 @@ var It = {
 		title: 12.5,
 		avatar: 46
 	}
-}, Lt = (e) => It[e] ?? It.medium;
-It.medium.w, It.medium.h;
-function Rt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
-	let r = Lt(t), i = n ? r.h : r.w, a = n ? 16 : 20, o = (n ? r.w : r.h) + (n ? 56 : 48), s = Array.isArray(e) ? e.filter((e) => e && e.id) : [], c = new Set(s.map((e) => e.id)), l = /* @__PURE__ */ new Map(), u = [];
+}, Rt = (e) => Lt[e] ?? Lt.medium;
+Lt.medium.w, Lt.medium.h;
+function zt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
+	let r = Rt(t), i = n ? r.h : r.w, a = n ? 16 : 20, o = (n ? r.w : r.h) + (n ? 56 : 48), s = Array.isArray(e) ? e.filter((e) => e && e.id) : [], c = new Set(s.map((e) => e.id)), l = /* @__PURE__ */ new Map(), u = [];
 	for (let e of s) e.parent && c.has(e.parent) && e.parent !== e.id ? (l.has(e.parent) || l.set(e.parent, []), l.get(e.parent).push(e)) : u.push(e);
 	let d = /* @__PURE__ */ new Map(), f = (e, t) => {
 		if (t.has(e.id)) return 0;
@@ -3078,18 +3087,18 @@ function Rt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
 		horizontal: n
 	};
 }
-var zt = (e, t) => {
+var Bt = (e, t) => {
 	let n = String(e ?? "");
 	return n.length > t ? `${n.slice(0, t - 1)}…` : n;
-}, Bt = (e) => {
+}, Vt = (e) => {
 	let t = /^#([0-9a-f]{6}|[0-9a-f]{3})$/i.exec(String(e ?? "").trim());
 	if (!t) return "#ffffff";
 	let n = t[1];
 	n.length === 3 && (n = [...n].map((e) => e + e).join(""));
 	let r = parseInt(n, 16);
 	return .299 * (r >> 16 & 255) + .587 * (r >> 8 & 255) + .114 * (r & 255) > 150 ? "#111827" : "#ffffff";
-}, Vt = (e) => !!(e?.cv?.trim?.() || e?.photo);
-function Ht(e, t = {}) {
+}, Ht = (e) => !!(e?.cv?.trim?.() || e?.photo);
+function Ut(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 ? "" : K(e);
 	return n.map((e) => {
 		let n = e.data ?? {}, a = r(n[t.parentField]), o = a && typeof a == "object" ? a.id ?? null : a || null;
@@ -3104,11 +3113,11 @@ function Ht(e, t = {}) {
 		};
 	});
 }
-var Ut = {
+var Wt = {
 	size: 36,
 	pad: 10
 };
-function Wt({ node: e, onClose: t }) {
+function Gt({ node: e, onClose: t }) {
 	return a(() => {
 		let e = (e) => e.key === "Escape" && t();
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
@@ -3132,7 +3141,7 @@ function Wt({ node: e, onClose: t }) {
 		children: /* @__PURE__ */ f("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,
@@ -3229,7 +3238,7 @@ function Wt({ node: e, onClose: t }) {
 		})
 	});
 }
-function Gt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField: s, parentField: c, cvField: p, hrefField: m, size: h = "medium", horizontal: g = !1, style: _, nodeRef: v, interactive: y = !0 }) {
+function Kt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField: s, parentField: c, cvField: p, hrefField: m, size: h = "medium", horizontal: g = !1, style: _, nodeRef: v, interactive: y = !0 }) {
 	let b = o(), [x, S] = l(null), { tenant: C, apiUrl: w } = i(V), T = i(H)?.[t], [E, O] = l(null);
 	a(() => {
 		if (!t || T) return;
@@ -3246,14 +3255,14 @@ function Gt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 		w,
 		T
 	]);
-	let k = t ? Ht(T ?? E ?? [], {
+	let k = t ? Ut(T ?? E ?? [], {
 		nameField: n,
 		titleField: r,
 		photoField: s,
 		parentField: c,
 		cvField: p,
 		hrefField: m
-	}) : e, A = Lt(h), { boxes: j, links: M, width: N, height: P } = Rt(k, {
+	}) : e, A = Rt(h), { boxes: j, links: M, width: N, height: P } = zt(k, {
 		size: h,
 		horizontal: g
 	});
@@ -3299,7 +3308,7 @@ function Gt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 				stroke: "rgba(148, 163, 184, 0.7)",
 				strokeWidth: "1.5"
 			}, t)), j.map(({ node: e, x: t, y: n }) => {
-				let r = F.has(e.id), i = !!e.color2, a = !!e.color || r || i, o = e.color || (r ? "var(--page-accent, #4f46e5)" : "var(--page-bg, #ffffff)"), s = e.color ? Bt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? Bt(e.color2) : s, l = y && (Vt(e) || e.href), p = () => Vt(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + Ut.pad + A.avatar + 8 : t + A.w / 2, h = e.photo ? "start" : "middle", g = e.photo ? Math.floor((A.w - A.avatar - 26) / 7) : Math.floor(A.w / 7.6), _ = A.h / 2, v = [e.name, e.title].map((e) => String(e ?? "").trim()).filter(Boolean);
+				let r = F.has(e.id), i = !!e.color2, a = !!e.color || r || i, o = e.color || (r ? "var(--page-accent, #4f46e5)" : "var(--page-bg, #ffffff)"), s = e.color ? Vt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? Vt(e.color2) : s, l = y && (Ht(e) || e.href), p = () => Ht(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + Wt.pad + A.avatar + 8 : t + A.w / 2, h = e.photo ? "start" : "middle", g = e.photo ? Math.floor((A.w - A.avatar - 26) / 7) : Math.floor(A.w / 7.6), _ = A.h / 2, v = [e.name, e.title].map((e) => String(e ?? "").trim()).filter(Boolean);
 				return /* @__PURE__ */ f("g", {
 					onClick: l ? p : void 0,
 					style: l ? { cursor: "pointer" } : void 0,
@@ -3363,13 +3372,13 @@ function Gt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 						e.photo && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("clipPath", {
 							id: `${b}-${e.id}`,
 							children: /* @__PURE__ */ d("circle", {
-								cx: t + Ut.pad + A.avatar / 2,
+								cx: t + Wt.pad + A.avatar / 2,
 								cy: n + A.h / 2,
 								r: A.avatar / 2
 							})
 						}), /* @__PURE__ */ d("image", {
 							href: e.photo,
-							x: t + Ut.pad,
+							x: t + Wt.pad,
 							y: n + (A.h - A.avatar) / 2,
 							width: A.avatar,
 							height: A.avatar,
@@ -3383,7 +3392,7 @@ function Gt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.title,
 							fontWeight: "600",
 							fill: s,
-							children: zt(e.title, g + 4)
+							children: Bt(e.title, g + 4)
 						}), e.name && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + _ + _ / 2 + A.name * .35,
@@ -3391,7 +3400,7 @@ function Gt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: c,
-							children: zt(e.name, g)
+							children: Bt(e.name, g)
 						})] }) : /* @__PURE__ */ f(u, { children: [v[0] && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + (v[1] ? A.h * .43 : A.h * .57),
@@ -3399,7 +3408,7 @@ function Gt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: s,
-							children: zt(v[0], g)
+							children: Bt(v[0], g)
 						}), v[1] && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + A.h * .73,
@@ -3407,18 +3416,18 @@ function Gt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.title,
 							opacity: "0.7",
 							fill: s,
-							children: zt(v[1], g + 4)
+							children: Bt(v[1], g + 4)
 						})] })
 					]
 				}, e.id);
 			})]
-		}), x && /* @__PURE__ */ d(Wt, {
+		}), x && /* @__PURE__ */ d(Gt, {
 			node: x,
 			onClose: () => S(null)
 		})]
 	});
 }
-function Kt({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped: o = !0, bordered: s = !1, compact: c = !1, paged: u, emptyText: p, style: m, nodeRef: h }) {
+function qt({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped: o = !0, bordered: s = !1, compact: c = !1, paged: u, emptyText: p, style: m, nodeRef: h }) {
 	let { tenant: g, apiUrl: _ } = i(V), v = i(H), y = v?.[n], b = u ? U(v) : 1, [x, S] = l(null);
 	if (a(() => {
 		if (!n || y) return;
@@ -3484,78 +3493,78 @@ function Kt({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped:
 		})
 	});
 }
-var qt = {
-	PageRoot: xe,
-	Section: Se,
-	Container: Ce,
-	Heading: we,
-	TextBlock: Fe,
-	ButtonBlock: Re,
-	ImageBlock: ze,
-	Spacer: Ge,
-	Divider: Ke,
-	SliderBlock: Qe,
-	CanvasSlider: $e,
-	TabsBlock: it,
-	QuickStack: wt,
-	CollectionList: Tt,
-	CollectionSearch: Et,
-	BreadcrumbsBlock: Dt,
-	PaginationBlock: Ot,
-	StepperBlock: Ft,
-	SocialLinksBlock: Pt,
-	ThemeModeBlock: Mt,
-	OrgChartBlock: Gt,
-	TableBlock: Kt,
-	MasonryBlock: et,
-	AccordionBlock: at,
-	NavbarBlock: rt,
-	ListBlock: Pe,
-	TextSpan: De,
-	QuoteBlock: Ne,
-	TextLink: Le,
-	RichTextBlock: je,
-	RichContentBlock: je,
-	VideoBlock: Be,
-	YouTubeBlock: He,
-	IframeBlock: Ue,
-	EmbedBlock: We,
-	FormBlock: pt,
-	FormLabel: _t,
-	FormInput: vt,
-	FormTextarea: yt,
-	FormCheckbox: (e) => /* @__PURE__ */ d(bt, {
+var Jt = {
+	PageRoot: Se,
+	Section: Ce,
+	Container: we,
+	Heading: Te,
+	TextBlock: Ie,
+	ButtonBlock: ze,
+	ImageBlock: Be,
+	Spacer: Ke,
+	Divider: qe,
+	SliderBlock: $e,
+	CanvasSlider: et,
+	TabsBlock: at,
+	QuickStack: Tt,
+	CollectionList: Et,
+	CollectionSearch: Dt,
+	BreadcrumbsBlock: Ot,
+	PaginationBlock: kt,
+	StepperBlock: It,
+	SocialLinksBlock: Ft,
+	ThemeModeBlock: Nt,
+	OrgChartBlock: Kt,
+	TableBlock: qt,
+	MasonryBlock: tt,
+	AccordionBlock: ot,
+	NavbarBlock: it,
+	ListBlock: Fe,
+	TextSpan: Oe,
+	QuoteBlock: Pe,
+	TextLink: Re,
+	RichTextBlock: Me,
+	RichContentBlock: Me,
+	VideoBlock: Ve,
+	YouTubeBlock: Ue,
+	IframeBlock: We,
+	EmbedBlock: Ge,
+	FormBlock: mt,
+	FormLabel: vt,
+	FormInput: yt,
+	FormTextarea: bt,
+	FormCheckbox: (e) => /* @__PURE__ */ d(xt, {
 		kind: "checkbox",
 		...e
 	}),
-	FormRadio: (e) => /* @__PURE__ */ d(bt, {
+	FormRadio: (e) => /* @__PURE__ */ d(xt, {
 		kind: "radio",
 		...e
 	}),
-	FormSelect: xt,
-	FormFile: St,
-	FormRecaptcha: gt,
-	FormSubmit: Ct
-}, Jt = {
+	FormSelect: St,
+	FormFile: Ct,
+	FormRecaptcha: _t,
+	FormSubmit: wt
+}, Yt = {
 	id: "auth",
 	label: "Accounts",
 	category: "Apps",
 	keys: ["SiteLoginForm", "SiteAccountMenu"],
 	ssr: "shell",
 	settings: ["site.authRedirect"]
-}, Yt = n({
+}, Xt = n({
 	user: null,
 	status: "idle",
 	ensure: () => {},
 	refresh: () => {},
 	signOut: () => {}
-}), Xt = () => {
-	let e = i(Yt);
+}), Zt = () => {
+	let e = i(Xt);
 	return a(() => {
 		e.ensure();
 	}, [e]), e;
 };
-function Zt({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o }) {
+function Qt({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o }) {
 	let u = i(V), f = a || u?.apiUrl || "/api", p = o || u?.tenant || "", [m, h] = l(t ?? null), [g, _] = l(t ? "user" : n ? "guest" : "idle"), v = c(!1), y = r((e, t) => fetch(`${f}${e}`, {
 		...t,
 		credentials: "include",
@@ -3588,18 +3597,18 @@ function Zt({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o })
 		b,
 		x
 	]);
-	return /* @__PURE__ */ d(Yt.Provider, {
+	return /* @__PURE__ */ d(Xt.Provider, {
 		value: C,
 		children: e
 	});
 }
-function Qt({ when: e, children: t }) {
-	let { status: n } = Xt();
+function $t({ when: e, children: t }) {
+	let { status: n } = Zt();
 	return !e || e === "always" ? t : n === "idle" || n === "loading" ? null : e === "user" == (n === "user") ? t : null;
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/auth/views.jsx
-function $t({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: r = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: c, inert: u, linked: p, show: m }) {
+function en({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: r = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: c, inert: u, linked: p, show: m }) {
 	let { tenant: h, apiUrl: g, settings: _ } = i(V), [v, y] = l("form"), [b, x] = l(""), [S, C] = l(!1), w = e === "register", T = u ? m || "form" : v, E = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", O = async (e) => {
 		if (e.preventDefault(), u) return;
 		let n = new FormData(e.currentTarget);
@@ -3723,8 +3732,8 @@ function $t({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 		]
 	});
 }
-function en({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !1, style: r, nodeRef: i, inert: a, linked: o, show: s }) {
-	let { user: c, status: l, signOut: u } = Xt(), p = a ? s || "user" : l, m = a ? {
+function tn({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !1, style: r, nodeRef: i, inert: a, linked: o, show: s }) {
+	let { user: c, status: l, signOut: u } = Zt(), p = a ? s || "user" : l, m = a ? {
 		name: "Ada Lovelace",
 		email: "ada@example.com"
 	} : c;
@@ -3788,43 +3797,156 @@ function en({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 	});
 }
 //#endregion
+//#region ../ui/src/components/builder/apps/language/manifest.js
+var nn = {
+	id: "language",
+	label: "Language",
+	category: "Apps",
+	keys: ["SiteLanguagePicker"],
+	ssr: "prefetch",
+	settings: ["locales"]
+};
+//#endregion
+//#region ../ui/src/components/builder/apps/language/views.jsx
+function rn(e) {
+	let t = e?.locales, n = [typeof t?.default == "string" && t.default.trim() ? t.default.trim() : "", ...Array.isArray(t?.enabled) ? t.enabled : []].filter((e) => typeof e == "string" && e.trim());
+	return [...new Set(n.map((e) => e.trim()))];
+}
+var an = (e) => e && e.charAt(0).toUpperCase() + e.slice(1);
+function on(e, t) {
+	let n = String(e ?? "").toUpperCase();
+	if (t === "code") return n;
+	let r = "";
+	try {
+		r = an(new Intl.DisplayNames([e], { type: "language" }).of(e) ?? "");
+	} catch {}
+	return !r || r.toUpperCase() === n ? n : t === "both" ? `${n} — ${r}` : r;
+}
+function sn(e, t) {
+	let n = t ? "" : `?locale=${encodeURIComponent(e)}`;
+	if (typeof window > "u") return n || "?";
+	try {
+		let n = new URL(window.location.href);
+		return t ? n.searchParams.delete("locale") : n.searchParams.set("locale", e), n.searchParams.delete("page"), `${n.pathname}${n.search}${n.hash}`;
+	} catch {
+		return n || "/";
+	}
+}
+function cn({ variant: e, display: t, separator: n, label: r, style: a, nodeRef: o, inert: s }) {
+	let c = i(V), l = rn(c?.settings), u = l[0] ?? "", p = l.includes(c?.locale) ? c.locale : u, m = {
+		display: "inline-flex",
+		alignItems: "center",
+		gap: 8,
+		...D(a)
+	};
+	if (l.length < 2) return s ? /* @__PURE__ */ d("div", {
+		ref: o,
+		style: {
+			...m,
+			padding: "8px 12px",
+			border: "1px dashed rgba(100, 116, 139, 0.45)",
+			borderRadius: 6,
+			color: "rgba(100, 116, 139, 0.8)",
+			fontSize: 12
+		},
+		children: "Add site languages in Settings → Languages"
+	}) : null;
+	let h = r ? /* @__PURE__ */ d("span", {
+		style: { opacity: .7 },
+		children: r
+	}) : null;
+	return e === "inline" ? /* @__PURE__ */ f("div", {
+		ref: o,
+		style: m,
+		children: [h, l.map((e, r) => /* @__PURE__ */ f("span", {
+			style: {
+				display: "inline-flex",
+				alignItems: "center",
+				gap: 8
+			},
+			children: [r > 0 && /* @__PURE__ */ d("span", {
+				style: { opacity: .4 },
+				children: n ?? "·"
+			}), /* @__PURE__ */ d("a", {
+				href: sn(e, e === u),
+				hrefLang: e,
+				"aria-current": e === p ? "true" : void 0,
+				onClick: s ? (e) => e.preventDefault() : void 0,
+				style: {
+					color: e === p ? "var(--page-accent, inherit)" : "inherit",
+					fontWeight: e === p ? 600 : 400,
+					textDecoration: "none",
+					cursor: s ? "default" : "pointer"
+				},
+				children: on(e, t)
+			})]
+		}, e))]
+	}) : /* @__PURE__ */ f("div", {
+		ref: o,
+		style: m,
+		children: [h, /* @__PURE__ */ d("select", {
+			"aria-label": r || "Language",
+			value: p,
+			onChange: s ? void 0 : (e) => {
+				let t = e.target.value;
+				window.location.assign(sn(t, t === u));
+			},
+			onKeyDown: s ? (e) => e.preventDefault() : void 0,
+			style: {
+				font: "inherit",
+				color: "inherit",
+				background: "var(--page-surface, transparent)",
+				border: "1px solid var(--page-border, rgba(148, 163, 184, 0.4))",
+				borderRadius: 6,
+				padding: "4px 8px",
+				cursor: s ? "default" : "pointer"
+			},
+			children: l.map((e) => /* @__PURE__ */ d("option", {
+				value: e,
+				children: on(e, t)
+			}, e))
+		})]
+	});
+}
+//#endregion
 //#region ../ui/src/components/builder/apps/index.js
-var tn = [Jt], nn = {
-	SiteLoginForm: $t,
-	SiteAccountMenu: en
+var ln = [Yt, nn], un = {
+	SiteLoginForm: en,
+	SiteAccountMenu: tn,
+	SiteLanguagePicker: cn
 };
-new Set(tn.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
+new Set(ln.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
 //#endregion
 //#region ../ui/src/components/builder/plugins/runtime.js
-var rn = /* @__PURE__ */ new Map();
-function an(e) {
-	if (rn.has(e)) return rn.get(e);
+var dn = /* @__PURE__ */ new Map();
+function fn(e) {
+	if (dn.has(e)) return dn.get(e);
 	let t = URL.createObjectURL(new Blob([e], { type: "text/javascript" })), n = import(
 		/* @vite-ignore */
 		/* webpackIgnore: true */
 		t
 ).finally(() => URL.revokeObjectURL(t));
-	return rn.set(e, n), n;
+	return dn.set(e, n), n;
 }
-function on(e) {
+function pn(e) {
 	let t = e && typeof e == "object" ? e.builder_plugins : null, n = t && typeof t == "object" ? t.plugins : null;
 	return n && typeof n == "object" ? n : {};
 }
 //#endregion
 //#region ../ui/src/components/builder/plugins/view.jsx
-async function sn(e, t) {
-	let n = await an(e);
+async function mn(e, t) {
+	let n = await fn(e);
 	return (Array.isArray(n?.default?.blocks) ? n.default.blocks : []).find((e) => e?.id === t && typeof e.mount == "function") ?? null;
 }
-var cn = {
+var hn = {
 	padding: "10px 12px",
 	border: "1px dashed rgba(148, 163, 184, 0.5)",
 	borderRadius: 8,
 	fontSize: 12,
 	opacity: .6
 };
-function ln({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
-	let s = i(V), l = on(s?.settings)[e], u = c(null), p = c(null), m = {
+function gn({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
+	let s = i(V), l = pn(s?.settings)[e], u = c(null), p = c(null), m = {
 		tenant: s?.tenant ?? "",
 		apiUrl: s?.apiUrl ?? "/api",
 		locale: s?.locale ?? "",
@@ -3836,7 +3958,7 @@ function ln({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 		let e = u.current;
 		if (!l?.code || !e) return;
 		let n = !0;
-		return sn(l.code, t).then((e) => {
+		return mn(l.code, t).then((e) => {
 			if (!(!n || !e || !u.current)) {
 				p.current = e;
 				try {
@@ -3866,7 +3988,7 @@ function ln({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 	}) : /* @__PURE__ */ f("div", {
 		ref: o,
 		style: {
-			...cn,
+			...hn,
 			...D(r)
 		},
 		children: [
@@ -3878,12 +4000,12 @@ function ln({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 }
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-var un = {
-	...qt,
-	...nn,
-	PluginBlock: ln
+var _n = {
+	...Jt,
+	...un,
+	PluginBlock: gn
 };
-function dn(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
+function vn(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[e];
 	if (!o || o.hidden) return null;
 	let s = o.type?.resolvedName, c = a?.mapProps ? a.mapProps(o.props ?? {}, s) : o.props ?? {};
@@ -3891,11 +4013,11 @@ function dn(e, 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__ */ d(t, { children: dn(s.template.rootId, s.template.nodes, r, c, a) }, e);
+		return /* @__PURE__ */ d(t, { children: vn(s.template.rootId, s.template.nodes, r, c, a) }, e);
 	}
-	let l = un[s];
+	let l = _n[s];
 	if (!l) return null;
-	let u = (o.nodes ?? []).map((e) => dn(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, dn(t, n, r, i)])) : void 0, m = /* @__PURE__ */ d(l, {
+	let u = (o.nodes ?? []).map((e) => vn(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, vn(t, n, r, i)])) : void 0, m = /* @__PURE__ */ d(l, {
 		...c,
 		...s === "CollectionList" ? { templateId: o.linkedNodes?.card } : null,
 		linked: p,
@@ -3904,16 +4026,16 @@ function dn(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		},
 		children: u.length ? u : void 0
 	}, e);
-	return c.when && c.when !== "always" ? /* @__PURE__ */ d(Qt, {
+	return c.when && c.when !== "always" ? /* @__PURE__ */ d($t, {
 		when: c.when,
 		children: m
 	}, e) : m;
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var fn = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), pn = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(B(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
+var yn = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), bn = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(B(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
 .webim-page[data-webim-mode="dark"] { ${Object.entries(B(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
-function mn({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: o, tenant: c, apiUrl: l, datasets: u, locale: p, direction: m, settings: g, siteUser: _ }) {
+function xn({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: o, tenant: c, apiUrl: l, datasets: u, locale: p, direction: m, settings: g, siteUser: _ }) {
 	let v = o?.js?.trim();
 	if (a(() => {
 		if (!v) return;
@@ -3927,11 +4049,11 @@ function mn({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, w = dn("ROOT", e, n), T = s(() => ({ render: (t, r) => dn(t, e, n, void 0, { mapProps: r }) }), [e, n]), E = re(e, n), D = ne(e, n), O = o?.css?.trim(), k = z(t), A = [k.font, k.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !R[e]), j = [.../* @__PURE__ */ new Set([...C(e, n), ...A])].map((e) => /* @__PURE__ */ d("link", {
+	}, w = vn("ROOT", e, n), T = s(() => ({ render: (t, r) => vn(t, e, n, void 0, { mapProps: r }) }), [e, n]), E = re(e, n), D = ne(e, n), O = o?.css?.trim(), k = z(t), A = [k.font, k.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !R[e]), j = [.../* @__PURE__ */ new Set([...C(e, n), ...A])].map((e) => /* @__PURE__ */ d("link", {
 		rel: "stylesheet",
 		precedence: "default",
 		href: b(e)
-	}, e)), M = pn(k);
+	}, e)), M = bn(k);
 	return r === "auto" ? /* @__PURE__ */ d(V.Provider, {
 		value: {
 			tenant: c || "",
@@ -3939,7 +4061,7 @@ function mn({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 			locale: p || "",
 			settings: g ?? null
 		},
-		children: /* @__PURE__ */ d(Zt, {
+		children: /* @__PURE__ */ d(Qt, {
 			initialUser: _,
 			children: /* @__PURE__ */ d(H.Provider, {
 				value: u ?? null,
@@ -3954,8 +4076,8 @@ function mn({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 							...i
 						},
 						children: [
-							/* @__PURE__ */ d("style", { children: `.webim-page { ${fn(B(k.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${fn(B(k.dark))} } }` }),
+							/* @__PURE__ */ d("style", { children: `.webim-page { ${yn(B(k.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${yn(B(k.dark))} } }` }),
 							/* @__PURE__ */ d("style", { children: M }),
 							j,
 							/* @__PURE__ */ d("style", { children: x }),
@@ -3975,7 +4097,7 @@ function mn({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 			locale: p || "",
 			settings: g ?? null
 		},
-		children: /* @__PURE__ */ d(Zt, {
+		children: /* @__PURE__ */ d(Qt, {
 			initialUser: _,
 			children: /* @__PURE__ */ d(H.Provider, {
 				value: u ?? null,
@@ -4006,8 +4128,8 @@ function mn({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function hn({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ d(mn, {
+function Sn({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ d(xn, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -4018,13 +4140,13 @@ function hn({ bundle: e, mode: t = "auto", style: n }) {
 		locale: e.locale,
 		direction: e.direction,
 		settings: e.settings,
-		mode: t,
+		mode: ue(t, e.scheme),
 		style: n
 	}) : null;
 }
 //#endregion
 //#region src/bundle.js
-function gn({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function Cn({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -4039,6 +4161,7 @@ function gn({ 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 ?? "",
@@ -4048,18 +4171,18 @@ function gn({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var _n = async (e) => {
+var wn = 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;
 };
-async function vn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
+async function Tn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
 	if (!e) throw Error("fetchPage: apiUrl is required");
 	if (!n) throw Error("fetchPage: slug is required");
 	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(_n), c(`${l}/settings/public`, { headers: u }).then(_n)]), p = gn({
+	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(wn), c(`${l}/settings/public`, { headers: u }).then(wn)]), p = Cn({
 		page: d,
 		settings: f,
 		tenant: t,
@@ -4067,7 +4190,7 @@ async function vn({ 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(_n).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(wn).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, []]])));
@@ -4081,40 +4204,40 @@ async function vn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 }
 //#endregion
 //#region src/ssr.jsx
-var yn = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
+var En = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
 	"&": "&amp;",
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;"
 })[e]);
-function bn(t, { mode: n = "auto", style: r } = {}) {
-	return e(/* @__PURE__ */ d(hn, {
+function Dn(t, { mode: n = "auto", style: r } = {}) {
+	return e(/* @__PURE__ */ d(Sn, {
 		bundle: t,
 		mode: n,
 		style: r
 	}));
 }
-function xn(e, { mode: t = "auto", lang: n } = {}) {
+function On(e, { mode: t = "auto", lang: n } = {}) {
 	let r = e.seo ?? {}, i = n || e.locale || "en", a = h(e.direction, i), o = r.title || e.title || e.slug || "Page", s = e.custom?.js?.trim(), c = [
 		"<meta charset=\"utf-8\"/>",
 		"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>",
-		`<title>${yn(o)}</title>`,
-		r.description && `<meta name="description" content="${yn(r.description)}"/>`,
-		`<meta property="og:title" content="${yn(o)}"/>`,
-		r.image && `<meta property="og:image" content="${yn(r.image)}"/>`,
+		`<title>${En(o)}</title>`,
+		r.description && `<meta name="description" content="${En(r.description)}"/>`,
+		`<meta property="og:title" content="${En(o)}"/>`,
+		r.image && `<meta property="og:image" content="${En(r.image)}"/>`,
 		r.noindex && "<meta name=\"robots\" content=\"noindex\"/>",
 		"<style>html,body{margin:0;height:100%}</style>"
 	].filter(Boolean).join("\n");
 	return `<!doctype html>
-<html lang="${yn(i)}"${a ? ` dir="${a}"` : ""}>
+<html lang="${En(i)}"${a ? ` dir="${a}"` : ""}>
 <head>
 ${c}
 </head>
 <body>
-${bn(e, { mode: t })}
+${Dn(e, { mode: t })}
 ${s ? `<script>${s.replaceAll("<\/script", "<\\/script")}<\/script>` : ""}
 </body>
 </html>`;
 }
 //#endregion
-export { gn as assembleBundle, vn as fetchPage, bn as renderBundleHtml, xn as renderPageDocument };
+export { Cn as assembleBundle, Tn as fetchPage, Dn as renderBundleHtml, On as renderPageDocument };