webim-adapter 0.19.0 → 0.21.0

package/build/webim-ssr.js

@@ -216,12 +216,12 @@ function C(e) {
 		t.backgroundImage = t.backgroundImage ? `${n}, ${t.backgroundImage}` : n;
 	}
 	t.backgroundImage && (t.backgroundSize ??= "cover", t.backgroundPosition ??= "center", t.backgroundRepeat ??= "no-repeat");
-	let { backgroundLayers: le } = t;
+	let { backgroundLayers: q } = t;
 	delete t.backgroundLayers;
-	let ue = (Array.isArray(le) ? le : []).filter((e) => e && e.on !== !1);
-	if (ue.length) {
+	let le = (Array.isArray(q) ? q : []).filter((e) => e && e.on !== !1);
+	if (le.length) {
 		let e = [], n = [], r = [], i = [], a = [];
-		for (let t of ue) 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 le) 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;
@@ -439,11 +439,23 @@ var H = 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;
-}, ae = n(null), oe = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-function G(e, t) {
+}, ae = () => {
+	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;
+}, oe = (e) => {
+	let t = {
+		...e && typeof e == "object" && !Array.isArray(e) ? e : {},
+		...ae()
+	};
+	return Object.fromEntries(Object.entries(t).filter(([, e]) => typeof e == "string" && e.trim() !== ""));
+}, G = n(null), se = (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 se = (e) => {
+var ce = (e) => {
 	let t = [];
 	for (let [n, r] of Object.entries(e ?? {})) {
 		if (!/^[\w-]+$/.test(n)) continue;
@@ -453,36 +465,36 @@ var se = (e) => {
 	}
 	return t;
 };
-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 ?? "") : 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 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 ce(e, t) {
-	let n = t?.data ?? {}, r = se(n);
+function le(e, t) {
+	let n = t?.data ?? {}, r = ce(n);
 	if (!r.length) return e;
-	let i = RegExp(`:(${r.map(oe).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(se).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 le = {
+var ue = {
 	margin: 0,
 	fontWeight: 700,
 	lineHeight: 1.2,
 	fontFamily: "var(--page-heading-font, inherit)"
-}, ue = { margin: 0 }, q = {
+}, de = { margin: 0 }, J = {
 	display: "inline-block",
 	textDecoration: "none",
 	cursor: "pointer",
 	backgroundColor: "var(--page-accent, #111827)",
 	color: "var(--page-accent-text, #ffffff)"
-}, de = {
+}, fe = {
 	flexGrow: 1,
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-}, fe = {
+}, pe = {
 	display: "flex",
 	flexDirection: "column"
 };
-function pe({ style: e }) {
+function me({ style: e }) {
 	let t = e?.backgroundVideo;
 	if (!t) return null;
 	let n = {
@@ -508,7 +520,7 @@ function pe({ style: e }) {
 		background: r
 	} })] });
 }
-var me = (e, t) => e?.backgroundVideo ? {
+var he = (e, t) => e?.backgroundVideo ? {
 	position: "relative",
 	...t,
 	...C(e)
@@ -516,24 +528,24 @@ var me = (e, t) => e?.backgroundVideo ? {
 	...t,
 	...C(e)
 };
-function he({ style: e, nodeRef: t, children: n }) {
+function ge({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ f("div", {
 		ref: t,
 		style: {
-			...de,
+			...fe,
 			...C(e)
 		},
-		children: [/* @__PURE__ */ d(pe, { style: e }), n]
+		children: [/* @__PURE__ */ d(me, { style: e }), n]
 	});
 }
-function ge({ style: e, nodeRef: t, children: n }) {
+function _e({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ f("section", {
 		ref: t,
-		style: me(e, fe),
-		children: [/* @__PURE__ */ d(pe, { style: e }), n]
+		style: he(e, pe),
+		children: [/* @__PURE__ */ d(me, { style: e }), n]
 	});
 }
-function _e({ style: e, freeLayout: t, nodeRef: n, children: r }) {
+function ve({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 	let i = t ? {
 		position: "relative",
 		minHeight: 240
@@ -542,32 +554,32 @@ function _e({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 		ref: n,
 		style: i ? {
 			...i,
-			...me(e)
-		} : me(e),
-		children: [/* @__PURE__ */ d(pe, { style: e }), r]
+			...he(e)
+		} : he(e),
+		children: [/* @__PURE__ */ d(me, { style: e }), r]
 	});
 }
-function ve({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
+function ye({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
 	return /* @__PURE__ */ d(n, {
 		ref: a,
 		style: {
-			...le,
+			...ue,
 			...C(r)
 		},
-		children: J(t, e, i)
+		children: Y(t, e, i)
 	});
 }
-var ye = {
+var be = {
 	fontFamily: z.mono.value,
 	background: "rgba(148, 163, 184, 0.18)",
 	padding: "1px 5px",
 	borderRadius: 4,
 	fontSize: "0.9em"
 };
-function be(e, t = [], n, r) {
+function xe(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: ye,
+		style: be,
 		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,
@@ -577,13 +589,13 @@ function be(e, t = [], n, r) {
 		children: i
 	})), i;
 }
-function J(e, n, r) {
+function Y(e, n, r) {
 	return e?.length ? e.map((e, n) => {
 		if (e.slot) return /* @__PURE__ */ d(t, { children: r?.[e.slot] ?? null }, n);
-		if (e.parts) return /* @__PURE__ */ d(t, { children: J(e.parts, "", r) }, n);
+		if (e.parts) return /* @__PURE__ */ d(t, { children: Y(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: ye,
+			style: be,
 			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: {
@@ -600,13 +612,13 @@ function J(e, n, r) {
 		})), /* @__PURE__ */ d(t, { children: i }, n);
 	}) : n;
 }
-function xe({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
+function Se({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
 	return /* @__PURE__ */ d("span", {
 		style: C(a),
-		children: e?.length ? J(e, t) : be(t, n, r, i)
+		children: e?.length ? Y(e, t) : xe(t, n, r, i)
 	});
 }
-var Se = {
+var Ce = {
 	h1: 40,
 	h2: 32,
 	h3: 26,
@@ -614,7 +626,7 @@ var Se = {
 	h5: 19,
 	h6: 16
 };
-function Ce({ align: e = "center", width: t, wrap: n } = {}) {
+function we({ 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";
@@ -648,8 +660,8 @@ function Ce({ align: e = "center", width: t, wrap: n } = {}) {
 		marginRight: "auto"
 	};
 }
-function we(e = [], t, n) {
-	let r = n ?? ((e, n) => J(e, n, t));
+function Te(e = [], t, n) {
+	let r = n ?? ((e, n) => Y(e, n, t));
 	return e.map((t, n) => {
 		let i = {
 			marginTop: 0,
@@ -671,7 +683,7 @@ function we(e = [], t, n) {
 					marginLeft: 0,
 					marginRight: 0,
 					...i,
-					...Ce(t)
+					...we(t)
 				},
 				children: [t.href ? /* @__PURE__ */ d("a", {
 					href: t.href,
@@ -690,16 +702,16 @@ function we(e = [], t, n) {
 				})]
 			}, n);
 		}
-		if (t.type === "video") return Fe(t.url) ? /* @__PURE__ */ d("div", {
+		if (t.type === "video") return Ie(t.url) ? /* @__PURE__ */ d("div", {
 			style: {
 				...i,
-				...Ce({
+				...we({
 					align: t.align,
 					wrap: t.wrap,
 					width: t.width ?? 100
 				})
 			},
-			children: /* @__PURE__ */ d(Ie, {
+			children: /* @__PURE__ */ d(Le, {
 				url: t.url,
 				autoplay: t.autoplay,
 				muted: t.muted,
@@ -761,17 +773,17 @@ function we(e = [], t, n) {
 		}
 		if (t.type === "quote") return /* @__PURE__ */ d("blockquote", {
 			style: {
-				...Ee,
+				...De,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
-		if (Se[t.type]) {
+		if (Ce[t.type]) {
 			let e = t.type;
 			return /* @__PURE__ */ d(e, {
 				style: {
-					...le,
-					fontSize: Se[t.type],
+					...ue,
+					fontSize: Ce[t.type],
 					...i
 				},
 				children: r(t.parts, t.text)
@@ -779,39 +791,39 @@ function we(e = [], t, n) {
 		}
 		return /* @__PURE__ */ d("p", {
 			style: {
-				...ue,
+				...de,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
 	});
 }
-function Te({ content: e, style: t, linked: n, nodeRef: r }) {
+function Ee({ content: e, style: t, linked: n, nodeRef: r }) {
 	return /* @__PURE__ */ d("div", {
 		ref: r,
 		style: {
 			display: "flow-root",
 			...C(t)
 		},
-		children: we(e, n)
+		children: Te(e, n)
 	});
 }
-var Ee = {
+var De = {
 	margin: 0,
 	padding: "8px 0 8px 20px",
 	borderLeft: "4px solid var(--page-accent, rgba(148, 163, 184, 0.6))"
 };
-function De({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function Oe({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ d("blockquote", {
 		ref: i,
 		style: {
-			...Ee,
+			...De,
 			...C(n)
 		},
-		children: J(t, e, r)
+		children: Y(t, e, r)
 	});
 }
-function Oe({ ordered: e, items: t = [], style: n, nodeRef: r }) {
+function ke({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 	return /* @__PURE__ */ d(e ? "ol" : "ul", {
 		ref: r,
 		style: {
@@ -821,53 +833,53 @@ function Oe({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 		},
 		children: t.map((e, t) => /* @__PURE__ */ d("li", {
 			style: { marginBottom: 4 },
-			children: J(e.parts, e.text)
+			children: Y(e.parts, e.text)
 		}, t))
 	});
 }
-function ke({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function Ae({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ d("p", {
 		ref: i,
 		style: {
-			...ue,
+			...de,
 			...C(n)
 		},
-		children: J(t, e, r)
+		children: Y(t, e, r)
 	});
 }
-var Ae = {
+var je = {
 	color: "var(--page-accent, inherit)",
 	textDecoration: "underline",
 	textUnderlineOffset: 3,
 	cursor: "pointer"
 };
-function je({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function Me({ 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: {
-			...Ae,
+			...je,
 			...C(i)
 		},
-		children: J(t, e, a)
+		children: Y(t, e, a)
 	});
 }
-function Me({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function Ne({ 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: {
-			...q,
+			...J,
 			...C(i)
 		},
-		children: J(t, e, a)
+		children: Y(t, e, a)
 	});
 }
-function Ne({ src: e, alt: t, style: n, nodeRef: r }) {
+function Pe({ src: e, alt: t, style: n, nodeRef: r }) {
 	return e ? /* @__PURE__ */ d("img", {
 		ref: r,
 		src: e,
@@ -879,7 +891,7 @@ function Ne({ src: e, alt: t, style: n, nodeRef: r }) {
 		}
 	}) : null;
 }
-function Pe({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
+function Fe({ 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,
@@ -897,9 +909,9 @@ function Pe({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !
 		}
 	}) : null;
 }
-var Fe = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
-function Ie({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
-	let c = Fe(e);
+var Ie = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
+function Le({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
+	let c = Ie(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", {
@@ -925,7 +937,7 @@ function Ie({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
 		})
 	});
 }
-function Le({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
+function Re({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
 	return e ? /* @__PURE__ */ d("iframe", {
 		ref: i,
 		src: e,
@@ -941,7 +953,7 @@ function Le({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i })
 		}
 	}) : null;
 }
-function Re({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
+function ze({ 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) => {
@@ -960,7 +972,7 @@ function Re({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
 		style: C(n)
 	});
 }
-function ze({ height: e, nodeRef: t }) {
+function Be({ height: e, nodeRef: t }) {
 	return /* @__PURE__ */ d("div", {
 		ref: t,
 		style: {
@@ -970,7 +982,7 @@ function ze({ height: e, nodeRef: t }) {
 		}
 	});
 }
-function Be({ style: e, nodeRef: t }) {
+function Ve({ style: e, nodeRef: t }) {
 	return /* @__PURE__ */ d("div", {
 		ref: t,
 		style: {
@@ -981,7 +993,7 @@ function Be({ style: e, nodeRef: t }) {
 		}
 	});
 }
-var Ve = {
+var He = {
 	position: "absolute",
 	top: "50%",
 	transform: "translateY(-50%)",
@@ -998,7 +1010,7 @@ var Ve = {
 	alignItems: "center",
 	justifyContent: "center",
 	padding: 0
-}, He = {
+}, Ue = {
 	bottom: {
 		inset: "auto 0 0 0",
 		padding: "40px 24px 20px",
@@ -1017,8 +1029,8 @@ var Ve = {
 		padding: 24,
 		textShadow: "0 2px 12px rgba(0, 0, 0, 0.6)"
 	}
-}, Ue = 48;
-function We({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: i = 320, swipe: o = !0, style: s, nodeRef: c }) {
+}, We = 48;
+function Ge({ 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;
@@ -1034,7 +1046,7 @@ function We({ 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 > Ue && b(y - 1);
+		v(null), e < -48 ? b(y + 1) : e > We && b(y - 1);
 	};
 	return /* @__PURE__ */ f("div", {
 		ref: c,
@@ -1082,7 +1094,7 @@ function We({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Previous slide",
 				style: {
-					...Ve,
+					...He,
 					left: 12
 				},
 				onClick: () => b(y - 1),
@@ -1092,7 +1104,7 @@ function We({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Next slide",
 				style: {
-					...Ve,
+					...He,
 					right: 12
 				},
 				onClick: () => b(y + 1),
@@ -1126,7 +1138,7 @@ function We({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 		] })]
 	});
 }
-var Ge = (e, t) => ({
+var Ke = (e, t) => ({
 	position: "absolute",
 	inset: 0,
 	backgroundImage: e ? `url(${e})` : "none",
@@ -1134,18 +1146,18 @@ var Ge = (e, t) => ({
 	backgroundSize: "cover",
 	backgroundPosition: "center"
 });
-function Ke({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
-	return e.length ? /* @__PURE__ */ d(We, {
+function qe({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
+	return e.length ? /* @__PURE__ */ d(Ge, {
 		...r,
 		count: e.length,
 		renderSlide: (r) => {
 			let i = e[r];
-			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: Ge(i.image) }), (i.title || i.text) && /* @__PURE__ */ f("div", {
+			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: Ke(i.image) }), (i.title || i.text) && /* @__PURE__ */ f("div", {
 				style: {
 					position: "absolute",
 					color: "#fff",
 					textAlign: n,
-					...He[t] ?? He.bottom
+					...Ue[t] ?? Ue.bottom
 				},
 				children: [i.title && /* @__PURE__ */ d("div", {
 					style: {
@@ -1165,13 +1177,13 @@ function Ke({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "
 		}
 	}) : null;
 }
-function qe({ slides: e = [], linked: t, ...n }) {
-	return e.length ? /* @__PURE__ */ d(We, {
+function Je({ slides: e = [], linked: t, ...n }) {
+	return e.length ? /* @__PURE__ */ d(Ge, {
 		...n,
 		count: e.length,
 		renderSlide: (n) => {
 			let r = e[n];
-			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: Ge(r.image, r.color) }), /* @__PURE__ */ d("div", {
+			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: Ke(r.image, r.color) }), /* @__PURE__ */ d("div", {
 				style: {
 					position: "absolute",
 					inset: 0,
@@ -1183,7 +1195,7 @@ function qe({ slides: e = [], linked: t, ...n }) {
 		}
 	}) : null;
 }
-function Je({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lightbox: i = !0, style: o, nodeRef: s, inert: c }) {
+function Ye({ 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;
@@ -1382,19 +1394,19 @@ function Je({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
 		]
 	});
 }
-var Ye = {
+var Xe = {
 	color: "inherit",
 	textDecoration: "none",
 	fontSize: 14,
 	opacity: .85
-}, Xe = {
+}, Ze = {
 	background: "var(--page-bg, #ffffff)",
 	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 Ze({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], style: s, nodeRef: c, menu: p = "auto", breakpoint: m = 768 }) {
+function Qe({ 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;
@@ -1404,7 +1416,7 @@ function Ze({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 	let w = p === "hamburger" || p === "auto" && _, T = (e, t) => /* @__PURE__ */ f("a", {
 		href: e.href || "#",
 		style: {
-			...Ye,
+			...Xe,
 			display: "block",
 			...t
 		},
@@ -1492,7 +1504,7 @@ function Ze({ 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: Ye,
+						style: Xe,
 						children: e.label
 					}, e.key);
 					let n = e.type === "mega";
@@ -1506,7 +1518,7 @@ function Ze({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 						children: [/* @__PURE__ */ f("a", {
 							href: e.href || "#",
 							style: {
-								...Ye,
+								...Xe,
 								cursor: "pointer"
 							},
 							children: [
@@ -1522,7 +1534,7 @@ function Ze({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 							]
 						}), x === e.key && (n ? /* @__PURE__ */ d("div", {
 							style: {
-								...Xe,
+								...Ze,
 								position: "absolute",
 								left: 0,
 								right: 0,
@@ -1538,7 +1550,7 @@ function Ze({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 							}))
 						}) : /* @__PURE__ */ d("div", {
 							style: {
-								...Xe,
+								...Ze,
 								position: "absolute",
 								top: "100%",
 								left: 0,
@@ -1567,7 +1579,7 @@ function Ze({ 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: {
-						...Ye,
+						...Xe,
 						padding: "10px 4px",
 						fontWeight: (e.children ?? []).length ? 600 : 400,
 						opacity: 1
@@ -1578,7 +1590,7 @@ function Ze({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 		]
 	});
 }
-function Qe({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
+function $e({ 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,
@@ -1618,7 +1630,7 @@ function Qe({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 		}, e.key))]
 	}) : null;
 }
-function $e({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
+function et({ 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) => {
@@ -1675,15 +1687,15 @@ function $e({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 		})
 	});
 }
-var et = {
+var tt = {
 	display: "flex",
 	flexDirection: "column",
 	gap: "12px"
-}, Y = {
+}, X = {
 	fontSize: "14px",
 	fontWeight: 500,
 	color: "var(--page-text, #111827)"
-}, X = {
+}, Z = {
 	padding: "10px 12px",
 	border: "1px solid #d1d5db",
 	borderRadius: "6px",
@@ -1693,18 +1705,18 @@ var et = {
 	boxSizing: "border-box",
 	backgroundColor: "#ffffff",
 	color: "#111827"
-}, tt = {
+}, nt = {
 	display: "flex",
 	alignItems: "center",
 	gap: "8px",
 	fontSize: "14px",
 	color: "var(--page-text, #111827)"
-}, Z = (e) => e ? {
+}, Q = (e) => e ? {
 	readOnly: !0,
 	tabIndex: -1,
 	onMouseDown: (e) => e.preventDefault()
 } : {};
-function nt(e, t) {
+function rt(e, t) {
 	if (!e) return !0;
 	let n = t[e.field], r = n == null || n === "" ? "" : String(n), i = e.value ?? "";
 	switch (e.op) {
@@ -1718,11 +1730,11 @@ function nt(e, t) {
 		default: return !1;
 	}
 }
-var rt = {
+var it = {
 	display: "flex",
 	flexDirection: "column",
 	gap: 6
-}, it = {
+}, at = {
 	font: "inherit",
 	fontSize: 15,
 	padding: "10px 12px",
@@ -1733,16 +1745,16 @@ var rt = {
 	width: "100%",
 	boxSizing: "border-box"
 };
-function at(e, t) {
+function ot(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 ot({ field: e, value: t, onChange: n, inert: r, values: i }) {
+function st({ field: e, value: t, onChange: n, inert: r, values: i }) {
 	let a = /* @__PURE__ */ f("span", {
 		style: {
-			...Y,
+			...X,
 			fontSize: 14
 		},
 		children: [e.label, e.required ? " *" : ""]
@@ -1751,7 +1763,7 @@ function ot({ 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: it,
+		style: at,
 		value: t ?? "",
 		onChange: (t) => n(e.name, t.target.value)
 	};
@@ -1780,7 +1792,7 @@ function ot({ 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(Ie, {
+	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ d(Le, {
 		url: e.src,
 		style: { width: "100%" }
 	}) : /* @__PURE__ */ d("video", {
@@ -1792,14 +1804,14 @@ function ot({ field: e, value: t, onChange: n, inert: r, values: i }) {
 			display: "block"
 		}
 	}) : null : /* @__PURE__ */ f("label", {
-		style: rt,
+		style: it,
 		children: [
 			a,
 			e.type === "textarea" || e.multiline ? /* @__PURE__ */ d("textarea", {
 				...o,
 				rows: 4,
 				style: {
-					...it,
+					...at,
 					resize: "vertical"
 				}
 			}) : e.type === "select" ? /* @__PURE__ */ f("select", {
@@ -1808,7 +1820,7 @@ function ot({ field: e, value: t, onChange: n, inert: r, values: i }) {
 				children: [/* @__PURE__ */ d("option", {
 					value: "",
 					children: e.placeholder || "—"
-				}), at(e, i).map((e, t) => /* @__PURE__ */ d("option", {
+				}), ot(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))]
@@ -1855,7 +1867,7 @@ function ot({ field: e, value: t, onChange: n, inert: r, values: i }) {
 		]
 	});
 }
-function st({ 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 ct({ 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(H), [x, S] = l("form"), [w, T] = l(null), [E, D] = l({}), [O, k] = l(0), A = h ? v || "form" : x;
 	a(() => {
 		if (!c || !s) return;
@@ -1877,9 +1889,9 @@ function st({ 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 || nt(e.section.condition, E)).map((e) => ({
+	let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section || rt(e.section.condition, E)).map((e) => ({
 		...e,
-		fields: e.fields.filter((e) => nt(e.condition, E))
+		fields: e.fields.filter((e) => rt(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);
@@ -1937,11 +1949,11 @@ function st({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 					}
 				},
 				style: {
-					...et,
+					...tt,
 					display: A === "success" ? "none" : "flex"
 				},
 				children: c && s ? /* @__PURE__ */ f(u, { children: [
-					P && /* @__PURE__ */ d(St, {
+					P && /* @__PURE__ */ d(jt, {
 						steps: N.map((e) => ({ label: e.section?.label ?? "Start" })),
 						active: F + 1,
 						style: { marginBottom: 8 }
@@ -1954,7 +1966,7 @@ function st({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 						},
 						children: N[F].section.help
 					}),
-					I.map((e) => /* @__PURE__ */ d(ot, {
+					I.map((e) => /* @__PURE__ */ d(st, {
 						field: e,
 						value: E[e.name],
 						values: E,
@@ -1973,7 +1985,7 @@ function st({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 							disabled: h || void 0,
 							onClick: () => k(F - 1),
 							style: {
-								...q,
+								...J,
 								background: "transparent",
 								color: "inherit",
 								border: 0,
@@ -1986,7 +1998,7 @@ function st({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 							disabled: h || L.length > 0,
 							onClick: () => k(F + 1),
 							style: {
-								...q,
+								...J,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
@@ -2000,7 +2012,7 @@ function st({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 							type: "submit",
 							disabled: h || void 0,
 							style: {
-								...q,
+								...J,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
@@ -2027,10 +2039,10 @@ function st({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 		]
 	});
 }
-var Q = null, ct = null, lt = (e) => {
+var $ = null, lt = null, ut = (e) => {
 	let t = typeof e == "string" && e.trim() ? e.trim() : "";
-	if (Q && ct === t) return Q;
-	if (Q && typeof window < "u") {
+	if ($ && lt === t) return $;
+	if ($ && typeof window < "u") {
 		for (let e of ["grecaptcha", "___grecaptcha_cfg"]) try {
 			delete window[e];
 		} catch {
@@ -2038,27 +2050,32 @@ var Q = null, ct = null, lt = (e) => {
 		}
 		document.querySelectorAll("script[src*=\"recaptcha\"]").forEach((e) => e.remove());
 	}
-	return ct = t, Q = new Promise((e) => {
+	return lt = 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);
-	}), Q;
+	}), $;
 };
-function ut({ siteKey: e, theme: t, size: n, hl: r, style: o, nodeRef: s, inert: l }) {
-	let u = i(H), p = u?.settings && typeof u.settings == "object" ? u.settings["google.recaptchaKey"] : "", m = typeof e == "string" && e.trim() || (typeof p == "string" ? p.trim() : ""), h = c(null);
-	if (a(() => {
-		if (l || !m || !h.current) return;
-		let e = !0;
-		return lt(r).then((r) => {
-			if (!(!e || !h.current || !r?.render)) {
-				h.current.innerHTML = "";
+function dt({ siteKey: e, theme: t, size: n, hl: r, style: o, nodeRef: s, inert: l, onChange: u }) {
+	let p = i(H), 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 ut(r).then((r) => {
+			if (!(!e || !g.current || !r?.render)) {
+				g.current.innerHTML = "", i("");
 				try {
-					r.render(h.current, {
-						sitekey: m,
+					r.render(g.current, {
+						sitekey: h,
 						theme: t === "dark" ? "dark" : "light",
-						size: n === "compact" ? "compact" : "normal"
+						size: n === "compact" ? "compact" : "normal",
+						callback: (e) => i(typeof e == "string" ? e : ""),
+						"expired-callback": () => i(""),
+						"error-callback": () => i("")
 					});
 				} catch {}
 			}
@@ -2067,7 +2084,7 @@ function ut({ siteKey: e, theme: t, size: n, hl: r, style: o, nodeRef: s, inert:
 		};
 	}, [
 		l,
-		m,
+		h,
 		t,
 		n,
 		r
@@ -2114,7 +2131,7 @@ function ut({ siteKey: e, theme: t, size: n, hl: r, style: o, nodeRef: s, inert:
 						children: "reCAPTCHA"
 					})
 				]
-			}), !m && /* @__PURE__ */ d("div", {
+			}), !h && /* @__PURE__ */ d("div", {
 				style: {
 					marginTop: 6,
 					fontSize: 11,
@@ -2124,23 +2141,23 @@ function ut({ siteKey: e, theme: t, size: n, hl: r, style: o, nodeRef: s, inert:
 			})]
 		});
 	}
-	return m ? /* @__PURE__ */ d("div", {
+	return h ? /* @__PURE__ */ d("div", {
 		ref: s,
 		style: C(o),
-		children: /* @__PURE__ */ d("div", { ref: h })
+		children: /* @__PURE__ */ d("div", { ref: g })
 	}) : null;
 }
-function dt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
+function ft({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 	return /* @__PURE__ */ d("label", {
 		ref: r,
 		style: {
-			...Y,
+			...X,
 			...C(n)
 		},
-		children: J(t, e, i)
+		children: Y(t, e, i)
 	});
 }
-function ft({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
+function pt({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ d("input", {
 		ref: a,
 		type: e,
@@ -2148,13 +2165,13 @@ function ft({ type: e = "text", name: t, placeholder: n, required: r, style: i,
 		placeholder: n,
 		required: !o && !!r,
 		style: {
-			...X,
+			...Z,
 			...C(i)
 		},
-		...Z(o)
+		...Q(o)
 	});
 }
-function pt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
+function mt({ 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,
@@ -2162,18 +2179,18 @@ function pt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeR
 		rows: n,
 		required: !o && !!r,
 		style: {
-			...X,
+			...Z,
 			resize: "vertical",
 			...C(i)
 		},
-		...Z(o)
+		...Q(o)
 	});
 }
-function mt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
+function ht({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
 	return /* @__PURE__ */ f("label", {
 		ref: o,
 		style: {
-			...tt,
+			...nt,
 			...C(a)
 		},
 		children: [/* @__PURE__ */ d("input", {
@@ -2190,7 +2207,7 @@ function mt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, st
 		}), t]
 	});
 }
-function ht({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
+function gt({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ f("select", {
 		ref: a,
 		name: e || void 0,
@@ -2199,7 +2216,7 @@ function ht({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		onMouseDown: o ? (e) => e.preventDefault() : void 0,
 		tabIndex: o ? -1 : void 0,
 		style: {
-			...X,
+			...Z,
 			appearance: "auto",
 			...C(i)
 		},
@@ -2213,12 +2230,12 @@ function ht({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		}, t))]
 	});
 }
-function gt({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
+function _t({ 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,
 		style: {
-			...X,
+			...Z,
 			display: "flex",
 			alignItems: "center",
 			gap: "8px",
@@ -2245,12 +2262,12 @@ function gt({ name: e, accept: t, required: n, text: r = "Choose a file…", sty
 		]
 	});
 }
-function _t({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
+function vt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 	return /* @__PURE__ */ d("button", {
 		ref: n,
 		type: r ? "button" : "submit",
 		style: {
-			...q,
+			...J,
 			border: 0,
 			cursor: "pointer",
 			alignSelf: "flex-start",
@@ -2265,7 +2282,7 @@ function _t({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 		children: e
 	});
 }
-function vt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
+function yt({ 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,
@@ -2282,61 +2299,63 @@ function vt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 		}, t))
 	});
 }
-function yt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, imageField: o, titleField: s = "name", textField: c, custom: u, templateId: p, paged: m, style: h, nodeRef: g }) {
-	let { tenant: _, apiUrl: v, locale: y } = i(H), b = i(ae), x = i(U), S = x?.[e], w = m ? W(x) : 1, [T, E] = l(null);
+function bt({ 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(H), x = i(G), S = i(U), w = oe(h), T = JSON.stringify(w), E = T !== "{}" && !e?.startsWith?.("api:"), D = E ? null : S?.[e], O = m ? W(S) : 1, [k, A] = l(null);
 	if (a(() => {
-		if (!e || S) return;
+		if (!e || D) return;
 		let n = !0, r = new URLSearchParams();
-		if (y && r.set("locale", y), m && !e.startsWith("api:")) {
+		if (b && r.set("locale", b), E && r.set("data_filter", T), m && !e.startsWith("api:")) {
 			let e = Math.max(1, Number(t) || 6);
-			r.set("offset", String((w - 1) * e)), r.set("limit", String(e));
+			r.set("offset", String((O - 1) * e)), r.set("limit", String(e));
 		}
-		let i = r.toString(), a = e.startsWith("api:") ? `${v}/data/${encodeURIComponent(e.slice(4))}` : `${v}/dynamic/${encodeURIComponent(e)}${i ? `?${i}` : ""}`;
-		return fetch(a, { headers: _ ? { "x-tenant": _ } : {} }).then((e) => e.json()).then((e) => {
+		let i = r.toString(), a = e.startsWith("api:") ? `${y}/data/${encodeURIComponent(e.slice(4))}` : `${y}/dynamic/${encodeURIComponent(e)}${i ? `?${i}` : ""}`;
+		return fetch(a, { headers: v ? { "x-tenant": v } : {} }).then((e) => e.json()).then((e) => {
 			let t = Array.isArray(e?.payload) ? e.payload : Array.isArray(e?.payload?.data) ? e.payload.data : [];
-			return n && E(t.filter((e) => e && typeof e == "object"));
-		}).catch(() => n && E([])), () => {
+			return n && A(t.filter((e) => e && typeof e == "object"));
+		}).catch(() => n && A([])), () => {
 			n = !1;
 		};
 	}, [
 		e,
-		_,
 		v,
 		y,
-		S,
+		b,
+		D,
 		m,
-		w,
-		t
+		O,
+		t,
+		E,
+		T
 	]), !e) return null;
-	let D = Math.max(1, Number(t) || 6), O = m ? S || e.startsWith("api:") ? (S ?? T ?? []).slice((w - 1) * D, w * D) : (T ?? []).slice(0, D) : (S ?? T ?? []).slice(0, D), k = Math.min(Math.max(Number(r) || 3, 1), 6), A = n === "list" ? {
+	let j = Math.max(1, Number(t) || 6), M = m ? D || e.startsWith("api:") ? (D ?? k ?? []).slice((O - 1) * j, O * j) : (k ?? []).slice(0, j) : (D ?? k ?? []).slice(0, j), N = Math.min(Math.max(Number(r) || 3, 1), 6), P = n === "list" ? {
 		display: "flex",
 		flexDirection: "column",
 		gap: 20
 	} : {
 		display: "grid",
-		gridTemplateColumns: `repeat(${k}, minmax(0, 1fr))`,
+		gridTemplateColumns: `repeat(${N}, minmax(0, 1fr))`,
 		gap: 24
 	};
-	return u && p && b?.render ? /* @__PURE__ */ d("div", {
-		ref: g,
+	return u && p && x?.render ? /* @__PURE__ */ d("div", {
+		ref: _,
 		style: {
 			width: "100%",
-			...A,
-			...C(h)
+			...P,
+			...C(g)
 		},
-		children: O.map((e) => /* @__PURE__ */ d("div", {
+		children: M.map((e) => /* @__PURE__ */ d("div", {
 			style: { minWidth: 0 },
-			children: b.render(p, (t) => ce(t, e))
+			children: x.render(p, (t) => le(t, e))
 		}, e.id ?? e?.data?.slug))
 	}) : /* @__PURE__ */ d("div", {
-		ref: g,
+		ref: _,
 		style: {
 			width: "100%",
-			...A,
-			...C(h)
+			...P,
+			...C(g)
 		},
-		children: O.map((e) => {
-			let t = o ? G(e?.data, o) : null, r = s ? K(G(e?.data, s)) : null, i = c ? G(e?.data, c) : null, a = Array.isArray(i) ? i : null, l = a || i == null ? null : K(i), u = n === "list";
+		children: M.map((e) => {
+			let t = o ? K(e?.data, o) : null, r = s ? q(K(e?.data, s)) : null, i = c ? K(e?.data, c) : null, a = Array.isArray(i) ? i : null, l = a || i == null ? null : q(i), u = n === "list";
 			return /* @__PURE__ */ f("div", {
 				style: {
 					display: "flex",
@@ -2383,7 +2402,7 @@ function yt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
 								lineHeight: 1.55,
 								opacity: .85
 							},
-							children: we(a)
+							children: Te(a)
 						})
 					]
 				})]
@@ -2391,7 +2410,91 @@ function yt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
 		})
 	});
 }
-function bt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
+function xt({ 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 ? {} : ae(), s = {
+		display: "flex",
+		flexDirection: "column",
+		gap: 4,
+		fontSize: 12,
+		fontWeight: 600,
+		color: "var(--page-text, #111827)",
+		minWidth: 140,
+		flex: "1 1 140px"
+	}, c = (e) => {
+		let t = e && typeof e == "object" ? e.value : e, n = e && typeof e == "object" ? e.label ?? e.value : e;
+		return {
+			value: String(t ?? ""),
+			label: String(n ?? "")
+		};
+	};
+	return /* @__PURE__ */ f("form", {
+		ref: r,
+		method: "get",
+		onSubmit: i ? (e) => e.preventDefault() : void 0,
+		style: {
+			display: "flex",
+			flexWrap: "wrap",
+			alignItems: "flex-end",
+			gap: 12,
+			width: "100%",
+			...C(n)
+		},
+		children: [a.map((e) => /* @__PURE__ */ f("label", {
+			style: s,
+			children: [/* @__PURE__ */ d("span", { children: e.label || e.name }), e.type === "option" || e.type === "select" ? /* @__PURE__ */ f("select", {
+				name: `f_${e.name}`,
+				defaultValue: o[e.name] ?? "",
+				style: Z,
+				...Q(i),
+				children: [/* @__PURE__ */ d("option", {
+					value: "",
+					children: "—"
+				}), (Array.isArray(e.options) ? e.options : []).map((e) => {
+					let t = c(e);
+					return /* @__PURE__ */ d("option", {
+						value: t.value,
+						children: t.label
+					}, t.value);
+				})]
+			}) : e.type === "switch" ? /* @__PURE__ */ f("select", {
+				name: `f_${e.name}`,
+				defaultValue: o[e.name] ?? "",
+				style: Z,
+				...Q(i),
+				children: [
+					/* @__PURE__ */ d("option", {
+						value: "",
+						children: "—"
+					}),
+					/* @__PURE__ */ d("option", {
+						value: "true",
+						children: "Yes"
+					}),
+					/* @__PURE__ */ d("option", {
+						value: "false",
+						children: "No"
+					})
+				]
+			}) : /* @__PURE__ */ d("input", {
+				type: "text",
+				name: `f_${e.name}`,
+				defaultValue: o[e.name] ?? "",
+				placeholder: e.label || e.name,
+				style: Z,
+				...Q(i)
+			})]
+		}, e.name)), /* @__PURE__ */ d("button", {
+			type: "submit",
+			style: {
+				...J,
+				flex: "0 0 auto"
+			},
+			...Q(i),
+			children: t
+		})]
+	});
+}
+function St({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 	return e.length ? /* @__PURE__ */ d("nav", {
 		ref: r,
 		"aria-label": "Breadcrumb",
@@ -2441,7 +2544,7 @@ function bt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 		})
 	}) : null;
 }
-function xt({ 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 Ct({ 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(H), v = i(U), [y, b] = l(null), x = o ? Number(v?.[`${o}:total`]) : NaN;
 	a(() => {
 		if (!o || Number.isFinite(x)) return;
@@ -2526,7 +2629,243 @@ function xt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sou
 		]
 	});
 }
-function St({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
+var wt = "webim.page_mode", Tt = () => {
+	if (typeof window > "u") return "auto";
+	try {
+		let e = window.localStorage.getItem(wt);
+		return e === "light" || e === "dark" ? e : "auto";
+	} catch {
+		return "auto";
+	}
+}, Et = (e) => {
+	let t = {
+		width: 16,
+		height: 16,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": !0
+	};
+	return e === "light" ? /* @__PURE__ */ f("svg", {
+		...t,
+		children: [/* @__PURE__ */ d("circle", {
+			cx: "12",
+			cy: "12",
+			r: "4"
+		}), /* @__PURE__ */ d("path", { d: "M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4" })]
+	}) : e === "dark" ? /* @__PURE__ */ d("svg", {
+		...t,
+		children: /* @__PURE__ */ d("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
+	}) : /* @__PURE__ */ f("svg", {
+		...t,
+		children: [/* @__PURE__ */ d("rect", {
+			x: "2",
+			y: "3",
+			width: "20",
+			height: "14",
+			rx: "2"
+		}), /* @__PURE__ */ d("path", { d: "M8 21h8M12 17v4" })]
+	});
+}, Dt = {
+	light: "Light theme",
+	dark: "Dark theme",
+	auto: "Follow the device theme"
+};
+function Ot({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
+	let [o, s] = l(i ? "auto" : Tt), u = c(null), f = (e) => {
+		u.current = e, typeof r == "function" && r(e);
+	};
+	a(() => {
+		if (i) return;
+		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(wt) : window.localStorage.setItem(wt, o);
+		} catch {}
+	}, [o, i]);
+	let p = t === !1 ? ["light", "dark"] : [
+		"light",
+		"dark",
+		"auto"
+	], m = p.includes(o) ? o : p[0], h = {
+		appearance: "none",
+		border: 0,
+		margin: 0,
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center",
+		background: "transparent",
+		color: "inherit",
+		font: "inherit",
+		cursor: i ? "default" : "pointer",
+		borderRadius: 999
+	};
+	if (e === "buttons") return /* @__PURE__ */ d("div", {
+		ref: f,
+		role: "group",
+		"aria-label": "Theme",
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 2,
+			padding: 3,
+			borderRadius: 999,
+			border: "1px solid rgba(148, 163, 184, 0.4)",
+			...C(n)
+		},
+		children: p.map((e) => /* @__PURE__ */ d("button", {
+			type: "button",
+			title: Dt[e],
+			"aria-label": Dt[e],
+			"aria-pressed": e === m,
+			onClick: i ? void 0 : () => s(e),
+			style: {
+				...h,
+				width: 28,
+				height: 28,
+				color: e === m ? "var(--page-accent-text, #ffffff)" : "inherit",
+				background: e === m ? "var(--page-accent, #111827)" : "transparent",
+				opacity: e === m ? 1 : .7
+			},
+			children: Et(e)
+		}, e))
+	});
+	let g = p[(p.indexOf(m) + 1) % p.length];
+	return /* @__PURE__ */ d("button", {
+		ref: f,
+		type: "button",
+		title: Dt[m],
+		"aria-label": `Theme: ${Dt[m]} — switch to ${Dt[g]}`,
+		onClick: i ? void 0 : () => s(g),
+		style: {
+			...h,
+			width: 36,
+			height: 36,
+			border: "1px solid rgba(148, 163, 184, 0.4)",
+			...C(n)
+		},
+		children: Et(m)
+	});
+}
+var kt = {
+	facebook: {
+		label: "Facebook",
+		color: "#1877f2",
+		d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"
+	},
+	instagram: {
+		label: "Instagram",
+		color: "#e4405f",
+		d: "M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06zm0 5.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"
+	},
+	x: {
+		label: "X (Twitter)",
+		color: "#000000",
+		d: "M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"
+	},
+	linkedin: {
+		label: "LinkedIn",
+		color: "#0a66c2",
+		d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
+	},
+	youtube: {
+		label: "YouTube",
+		color: "#ff0000",
+		d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
+	},
+	tiktok: {
+		label: "TikTok",
+		color: "#000000",
+		d: "M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"
+	},
+	whatsapp: {
+		label: "WhatsApp",
+		color: "#25d366",
+		d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"
+	},
+	telegram: {
+		label: "Telegram",
+		color: "#26a5e4",
+		d: "M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"
+	},
+	pinterest: {
+		label: "Pinterest",
+		color: "#bd081c",
+		d: "M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.03-.655 2.569-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 01.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+	},
+	github: {
+		label: "GitHub",
+		color: "#181717",
+		d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
+	},
+	discord: {
+		label: "Discord",
+		color: "#5865f2",
+		d: "M20.317 4.37a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.21.375-.444.865-.608 1.25a18.27 18.27 0 00-5.487 0 12.64 12.64 0 00-.617-1.25.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.058a.082.082 0 00.031.056 19.9 19.9 0 005.993 3.03.078.078 0 00.084-.028c.462-.63.873-1.295 1.226-1.994a.076.076 0 00-.041-.106 13.107 13.107 0 01-1.872-.892.077.077 0 01-.008-.128c.126-.094.252-.192.372-.291a.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.009c.12.099.246.198.373.292a.077.077 0 01-.006.127 12.299 12.299 0 01-1.873.892.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028 19.839 19.839 0 006.002-3.03.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03zM8.02 15.331c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"
+	},
+	email: {
+		label: "E-mail",
+		color: "#64748b",
+		d: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z"
+	},
+	website: {
+		label: "Website",
+		color: "#64748b",
+		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 At({ 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 && kt[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", {
+		ref: s,
+		style: {
+			display: "flex",
+			flexWrap: "wrap",
+			alignItems: "center",
+			gap: p,
+			...C(o)
+		},
+		children: l.map((e, r) => {
+			let i = kt[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,
+				"aria-label": e.label || i.label,
+				title: e.label || i.label,
+				...a !== !1 && !c ? {
+					target: "_blank",
+					rel: "noopener noreferrer"
+				} : {},
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					justifyContent: "center",
+					width: t === "plain" ? u : f,
+					height: t === "plain" ? u : f,
+					borderRadius: "50%",
+					background: o ? m(i) : "transparent",
+					border: t === "outline" ? `1px solid ${m(i)}` : "none",
+					color: "inherit",
+					textDecoration: "none"
+				},
+				children: /* @__PURE__ */ d("svg", {
+					width: u,
+					height: u,
+					viewBox: "0 0 24 24",
+					fill: s,
+					"aria-hidden": !0,
+					children: /* @__PURE__ */ d("path", { d: i.d })
+				})
+			}, `${e.network}-${r}`);
+		})
+	});
+}
+function jt({ 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,
@@ -2604,7 +2943,7 @@ function St({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 		})
 	});
 }
-var Ct = {
+var Mt = {
 	small: {
 		w: 132,
 		h: 46,
@@ -2626,10 +2965,10 @@ var Ct = {
 		title: 12.5,
 		avatar: 46
 	}
-}, wt = (e) => Ct[e] ?? Ct.medium;
-Ct.medium.w, Ct.medium.h;
-function Tt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
-	let r = wt(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 = [];
+}, Nt = (e) => Mt[e] ?? Mt.medium;
+Mt.medium.w, Mt.medium.h;
+function Pt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
+	let r = Nt(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;
@@ -2681,19 +3020,19 @@ function Tt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
 		horizontal: n
 	};
 }
-var Et = (e, t) => {
+var Ft = (e, t) => {
 	let n = String(e ?? "");
 	return n.length > t ? `${n.slice(0, t - 1)}…` : n;
-}, Dt = (e) => {
+}, It = (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";
-}, Ot = (e) => !!(e?.cv?.trim?.() || e?.photo);
-function kt(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);
+}, Lt = (e) => !!(e?.cv?.trim?.() || e?.photo);
+function Rt(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 ? "" : 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 {
@@ -2707,11 +3046,11 @@ function kt(e, t = {}) {
 		};
 	});
 }
-var At = {
+var zt = {
 	size: 36,
 	pad: 10
 };
-function jt({ node: e, onClose: t }) {
+function Bt({ node: e, onClose: t }) {
 	return a(() => {
 		let e = (e) => e.key === "Escape" && t();
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
@@ -2829,7 +3168,7 @@ function jt({ node: e, onClose: t }) {
 		})
 	});
 }
-function Mt({ 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 Vt({ 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: w, apiUrl: T } = i(H), E = i(U)?.[t], [D, O] = l(null);
 	a(() => {
 		if (!t || E) return;
@@ -2846,14 +3185,14 @@ function Mt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 		T,
 		E
 	]);
-	let k = t ? kt(E ?? D ?? [], {
+	let k = t ? Rt(E ?? D ?? [], {
 		nameField: n,
 		titleField: r,
 		photoField: s,
 		parentField: c,
 		cvField: p,
 		hrefField: m
-	}) : e, A = wt(h), { boxes: j, links: M, width: N, height: P } = Tt(k, {
+	}) : e, A = Nt(h), { boxes: j, links: M, width: N, height: P } = Pt(k, {
 		size: h,
 		horizontal: g
 	});
@@ -2899,7 +3238,7 @@ function Mt({ 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 ? Dt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? Dt(e.color2) : s, l = y && (Ot(e) || e.href), p = () => Ot(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + At.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 ? It(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? It(e.color2) : s, l = y && (Lt(e) || e.href), p = () => Lt(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + zt.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,
@@ -2963,13 +3302,13 @@ function Mt({ 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 + At.pad + A.avatar / 2,
+								cx: t + zt.pad + A.avatar / 2,
 								cy: n + A.h / 2,
 								r: A.avatar / 2
 							})
 						}), /* @__PURE__ */ d("image", {
 							href: e.photo,
-							x: t + At.pad,
+							x: t + zt.pad,
 							y: n + (A.h - A.avatar) / 2,
 							width: A.avatar,
 							height: A.avatar,
@@ -2983,7 +3322,7 @@ function Mt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.title,
 							fontWeight: "600",
 							fill: s,
-							children: Et(e.title, g + 4)
+							children: Ft(e.title, g + 4)
 						}), e.name && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + _ + _ / 2 + A.name * .35,
@@ -2991,7 +3330,7 @@ function Mt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: c,
-							children: Et(e.name, g)
+							children: Ft(e.name, g)
 						})] }) : /* @__PURE__ */ f(u, { children: [v[0] && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + (v[1] ? A.h * .43 : A.h * .57),
@@ -2999,7 +3338,7 @@ function Mt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: s,
-							children: Et(v[0], g)
+							children: Ft(v[0], g)
 						}), v[1] && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + A.h * .73,
@@ -3007,18 +3346,18 @@ function Mt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.title,
 							opacity: "0.7",
 							fill: s,
-							children: Et(v[1], g + 4)
+							children: Ft(v[1], g + 4)
 						})] })
 					]
 				}, e.id);
 			})]
-		}), x && /* @__PURE__ */ d(jt, {
+		}), x && /* @__PURE__ */ d(Bt, {
 			node: x,
 			onClose: () => S(null)
 		})]
 	});
 }
-function Nt({ 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 Ht({ 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(H), v = i(U), y = v?.[n], b = u ? W(v) : 1, [x, S] = l(null);
 	if (a(() => {
 		if (!n || y) return;
@@ -3038,7 +3377,7 @@ function Nt({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped:
 		b,
 		r
 	]), !e.length) return null;
-	let w = Math.max(1, Number(r) || 10), T = n ? u ? 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) => K(G(t?.data, e.field)))) : t, D = !!n && !(n && !y && x === null) && E.length === 0, O = c ? "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(r) || 10), T = n ? u ? 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 = c ? "6px 10px" : "10px 14px", k = "1px solid rgba(148, 163, 184, 0.35)", A = s ? { border: k } : { borderBottom: k };
 	return /* @__PURE__ */ d("div", {
 		ref: h,
 		style: {
@@ -3084,75 +3423,78 @@ function Nt({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped:
 		})
 	});
 }
-var Pt = {
-	PageRoot: he,
-	Section: ge,
-	Container: _e,
-	Heading: ve,
-	TextBlock: ke,
-	ButtonBlock: Me,
-	ImageBlock: Ne,
-	Spacer: ze,
-	Divider: Be,
-	SliderBlock: Ke,
-	CanvasSlider: qe,
-	TabsBlock: Qe,
-	QuickStack: vt,
-	CollectionList: yt,
-	BreadcrumbsBlock: bt,
-	PaginationBlock: xt,
-	StepperBlock: St,
-	OrgChartBlock: Mt,
-	TableBlock: Nt,
-	MasonryBlock: Je,
-	AccordionBlock: $e,
-	NavbarBlock: Ze,
-	ListBlock: Oe,
-	TextSpan: xe,
-	QuoteBlock: De,
-	TextLink: je,
-	RichTextBlock: Te,
-	RichContentBlock: Te,
-	VideoBlock: Pe,
-	YouTubeBlock: Ie,
-	IframeBlock: Le,
-	EmbedBlock: Re,
-	FormBlock: st,
-	FormLabel: dt,
-	FormInput: ft,
-	FormTextarea: pt,
-	FormCheckbox: (e) => /* @__PURE__ */ d(mt, {
+var Ut = {
+	PageRoot: ge,
+	Section: _e,
+	Container: ve,
+	Heading: ye,
+	TextBlock: Ae,
+	ButtonBlock: Ne,
+	ImageBlock: Pe,
+	Spacer: Be,
+	Divider: Ve,
+	SliderBlock: qe,
+	CanvasSlider: Je,
+	TabsBlock: $e,
+	QuickStack: yt,
+	CollectionList: bt,
+	CollectionSearch: xt,
+	BreadcrumbsBlock: St,
+	PaginationBlock: Ct,
+	StepperBlock: jt,
+	SocialLinksBlock: At,
+	ThemeModeBlock: Ot,
+	OrgChartBlock: Vt,
+	TableBlock: Ht,
+	MasonryBlock: Ye,
+	AccordionBlock: et,
+	NavbarBlock: Qe,
+	ListBlock: ke,
+	TextSpan: Se,
+	QuoteBlock: Oe,
+	TextLink: Me,
+	RichTextBlock: Ee,
+	RichContentBlock: Ee,
+	VideoBlock: Fe,
+	YouTubeBlock: Le,
+	IframeBlock: Re,
+	EmbedBlock: ze,
+	FormBlock: ct,
+	FormLabel: ft,
+	FormInput: pt,
+	FormTextarea: mt,
+	FormCheckbox: (e) => /* @__PURE__ */ d(ht, {
 		kind: "checkbox",
 		...e
 	}),
-	FormRadio: (e) => /* @__PURE__ */ d(mt, {
+	FormRadio: (e) => /* @__PURE__ */ d(ht, {
 		kind: "radio",
 		...e
 	}),
-	FormSelect: ht,
-	FormFile: gt,
-	FormRecaptcha: ut,
-	FormSubmit: _t
-}, Ft = {
+	FormSelect: gt,
+	FormFile: _t,
+	FormRecaptcha: dt,
+	FormSubmit: vt
+}, Wt = {
 	id: "auth",
 	label: "Accounts",
 	category: "Apps",
 	keys: ["SiteLoginForm", "SiteAccountMenu"],
 	ssr: "shell",
 	settings: ["site.authRedirect"]
-}, It = n({
+}, Gt = n({
 	user: null,
 	status: "idle",
 	ensure: () => {},
 	refresh: () => {},
 	signOut: () => {}
-}), Lt = () => {
-	let e = i(It);
+}), Kt = () => {
+	let e = i(Gt);
 	return a(() => {
 		e.ensure();
 	}, [e]), e;
 };
-function Rt({ 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(H), 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",
@@ -3185,18 +3527,18 @@ function Rt({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o })
 		b,
 		x
 	]);
-	return /* @__PURE__ */ d(It.Provider, {
+	return /* @__PURE__ */ d(Gt.Provider, {
 		value: C,
 		children: e
 	});
 }
-function zt({ when: e, children: t }) {
-	let { status: n } = Lt();
+function Jt({ when: e, children: t }) {
+	let { status: n } = Kt();
 	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 Bt({ 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 Yt({ 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(H), [v, y] = l("form"), [b, x] = l(""), [S, w] = l(!1), T = e === "register", E = u ? m || "form" : v, D = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", O = async (e) => {
 		if (e.preventDefault(), u) return;
 		let n = new FormData(e.currentTarget);
@@ -3245,20 +3587,20 @@ function Bt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 				children: [
 					T ? /* @__PURE__ */ f("label", {
 						style: {
-							...Y,
+							...X,
 							display: "grid",
 							gap: 6
 						},
 						children: [a, /* @__PURE__ */ d("input", {
 							name: "name",
 							type: "text",
-							style: X,
-							...Z(u)
+							style: Z,
+							...Q(u)
 						})]
 					}) : null,
 					/* @__PURE__ */ f("label", {
 						style: {
-							...Y,
+							...X,
 							display: "grid",
 							gap: 6
 						},
@@ -3266,13 +3608,13 @@ function Bt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 							name: "email",
 							type: "email",
 							required: !u,
-							style: X,
-							...Z(u)
+							style: Z,
+							...Q(u)
 						})]
 					}),
 					/* @__PURE__ */ f("label", {
 						style: {
-							...Y,
+							...X,
 							display: "grid",
 							gap: 6
 						},
@@ -3280,15 +3622,15 @@ function Bt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 							name: "password",
 							type: "password",
 							required: !u,
-							style: X,
-							...Z(u)
+							style: Z,
+							...Q(u)
 						})]
 					}),
 					/* @__PURE__ */ d("button", {
 						type: u ? "button" : "submit",
 						disabled: S || void 0,
 						style: {
-							...q,
+							...J,
 							border: 0,
 							padding: "10px 22px",
 							borderRadius: 8,
@@ -3320,8 +3662,8 @@ function Bt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 		]
 	});
 }
-function Vt({ 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 } = Lt(), p = a ? s || "user" : l, m = a ? {
+function Xt({ 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 } = Kt(), p = a ? s || "user" : l, m = a ? {
 		name: "Ada Lovelace",
 		email: "ada@example.com"
 	} : c;
@@ -3342,7 +3684,7 @@ function Vt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 		children: [
 			/* @__PURE__ */ f("span", {
 				style: {
-					...Y,
+					...X,
 					fontWeight: 600
 				},
 				children: [
@@ -3353,7 +3695,7 @@ function Vt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 			}),
 			n && m?.email ? /* @__PURE__ */ d("span", {
 				style: {
-					...Y,
+					...X,
 					opacity: .7
 				},
 				children: m.email
@@ -3362,14 +3704,14 @@ function Vt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 				type: "button",
 				onClick: a ? void 0 : u,
 				style: {
-					...q,
+					...J,
 					border: 0,
 					padding: "8px 16px",
 					borderRadius: 8,
 					fontSize: 14,
 					cursor: a ? "default" : "pointer"
 				},
-				...Z(a),
+				...Q(a),
 				children: t
 			})
 		]
@@ -3386,42 +3728,42 @@ function Vt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/index.js
-var Ht = [Ft], Ut = {
-	SiteLoginForm: Bt,
-	SiteAccountMenu: Vt
+var Zt = [Wt], Qt = {
+	SiteLoginForm: Yt,
+	SiteAccountMenu: Xt
 };
-new Set(Ht.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
+new Set(Zt.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
 //#endregion
 //#region ../ui/src/components/builder/plugins/runtime.js
-var Wt = /* @__PURE__ */ new Map();
-function Gt(e) {
-	if (Wt.has(e)) return Wt.get(e);
+var $t = /* @__PURE__ */ new Map();
+function en(e) {
+	if ($t.has(e)) return $t.get(e);
 	let t = URL.createObjectURL(new Blob([e], { type: "text/javascript" })), n = import(
 		/* @vite-ignore */
 		/* webpackIgnore: true */
 		t
 ).finally(() => URL.revokeObjectURL(t));
-	return Wt.set(e, n), n;
+	return $t.set(e, n), n;
 }
-function Kt(e) {
+function tn(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 qt(e, t) {
-	let n = await Gt(e);
+async function nn(e, t) {
+	let n = await en(e);
 	return (Array.isArray(n?.default?.blocks) ? n.default.blocks : []).find((e) => e?.id === t && typeof e.mount == "function") ?? null;
 }
-var Jt = {
+var rn = {
 	padding: "10px 12px",
 	border: "1px dashed rgba(148, 163, 184, 0.5)",
 	borderRadius: 8,
 	fontSize: 12,
 	opacity: .6
 };
-function Yt({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
-	let s = i(H), l = Kt(s?.settings)[e], u = c(null), p = c(null), m = {
+function an({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
+	let s = i(H), l = tn(s?.settings)[e], u = c(null), p = c(null), m = {
 		tenant: s?.tenant ?? "",
 		apiUrl: s?.apiUrl ?? "/api",
 		locale: s?.locale ?? "",
@@ -3433,7 +3775,7 @@ function Yt({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 		let e = u.current;
 		if (!l?.code || !e) return;
 		let n = !0;
-		return qt(l.code, t).then((e) => {
+		return nn(l.code, t).then((e) => {
 			if (!(!n || !e || !u.current)) {
 				p.current = e;
 				try {
@@ -3463,7 +3805,7 @@ function Yt({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 	}) : /* @__PURE__ */ f("div", {
 		ref: o,
 		style: {
-			...Jt,
+			...rn,
 			...C(r)
 		},
 		children: [
@@ -3475,12 +3817,12 @@ function Yt({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 }
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-var Xt = {
-	...Pt,
+var on = {
 	...Ut,
-	PluginBlock: Yt
+	...Qt,
+	PluginBlock: an
 };
-function $(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
+function sn(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 ?? {};
@@ -3488,11 +3830,11 @@ function $(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: $(s.template.rootId, s.template.nodes, r, c, a) }, e);
+		return /* @__PURE__ */ d(t, { children: sn(s.template.rootId, s.template.nodes, r, c, a) }, e);
 	}
-	let l = Xt[s];
+	let l = on[s];
 	if (!l) return null;
-	let u = (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__ */ d(l, {
+	let u = (o.nodes ?? []).map((e) => sn(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, sn(t, n, r, i)])) : void 0, m = /* @__PURE__ */ d(l, {
 		...c,
 		...s === "CollectionList" ? { templateId: o.linkedNodes?.card } : null,
 		linked: p,
@@ -3501,15 +3843,16 @@ function $(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(zt, {
+	return c.when && c.when !== "always" ? /* @__PURE__ */ d(Jt, {
 		when: c.when,
 		children: m
 	}, e) : m;
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var Zt = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
-function Qt({ 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: v }) {
+var cn = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), ln = (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 un({ 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: v }) {
 	let b = o?.js?.trim();
 	if (a(() => {
 		if (!b) return;
@@ -3523,33 +3866,36 @@ function Qt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, w = $("ROOT", e, n), T = s(() => ({ render: (t, r) => $(t, e, n, void 0, { mapProps: r }) }), [e, n]), E = F(e, n), D = P(e, n), O = o?.css?.trim(), k = y(e, n).map((e) => /* @__PURE__ */ d("link", {
+	}, w = sn("ROOT", e, n), T = s(() => ({ render: (t, r) => sn(t, e, n, void 0, { mapProps: r }) }), [e, n]), E = F(e, n), D = P(e, n), O = o?.css?.trim(), k = y(e, n).map((e) => /* @__PURE__ */ d("link", {
 		rel: "stylesheet",
 		precedence: "default",
 		href: _(e)
-	}, e));
-	if (r !== "auto") return /* @__PURE__ */ d(H.Provider, {
+	}, e)), A = B(t), j = ln(A);
+	return r === "auto" ? /* @__PURE__ */ d(H.Provider, {
 		value: {
 			tenant: c || "",
 			apiUrl: l || "/api",
 			locale: p || "",
 			settings: g ?? null
 		},
-		children: /* @__PURE__ */ d(Rt, {
+		children: /* @__PURE__ */ d(qt, {
 			initialUser: v,
 			children: /* @__PURE__ */ d(U.Provider, {
 				value: u ?? null,
-				children: /* @__PURE__ */ d(ae.Provider, {
+				children: /* @__PURE__ */ d(G.Provider, {
 					value: T,
 					children: /* @__PURE__ */ f("div", {
 						...x,
 						className: "webim-page",
 						style: {
 							...C,
-							...re(t, r),
+							...ne(t),
 							...i
 						},
 						children: [
+							/* @__PURE__ */ d("style", { children: `.webim-page { ${cn(V(A.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${cn(V(A.dark))} } }` }),
+							/* @__PURE__ */ d("style", { children: j }),
 							k,
 							/* @__PURE__ */ d("style", { children: S }),
 							E && /* @__PURE__ */ d("style", { children: E }),
@@ -3561,33 +3907,30 @@ function Qt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 				})
 			})
 		})
-	});
-	let A = B(t);
-	return /* @__PURE__ */ d(H.Provider, {
+	}) : /* @__PURE__ */ d(H.Provider, {
 		value: {
 			tenant: c || "",
 			apiUrl: l || "/api",
 			locale: p || "",
 			settings: g ?? null
 		},
-		children: /* @__PURE__ */ d(Rt, {
+		children: /* @__PURE__ */ d(qt, {
 			initialUser: v,
 			children: /* @__PURE__ */ d(U.Provider, {
 				value: u ?? null,
-				children: /* @__PURE__ */ d(ae.Provider, {
+				children: /* @__PURE__ */ d(G.Provider, {
 					value: T,
 					children: /* @__PURE__ */ f("div", {
 						...x,
 						className: "webim-page",
 						style: {
 							...C,
-							...ne(t),
+							...re(t, r),
 							...i
 						},
 						children: [
-							/* @__PURE__ */ d("style", { children: `.webim-page { ${Zt(V(A.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${Zt(V(A.dark))} } }` }),
 							k,
+							/* @__PURE__ */ d("style", { children: j }),
 							/* @__PURE__ */ d("style", { children: S }),
 							E && /* @__PURE__ */ d("style", { children: E }),
 							D && /* @__PURE__ */ d("style", { children: D }),
@@ -3602,8 +3945,8 @@ function Qt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function $t({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ d(Qt, {
+function dn({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ d(un, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -3620,7 +3963,7 @@ function $t({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/bundle.js
-function en({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function fn({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -3644,18 +3987,18 @@ function en({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var tn = async (e) => {
+var pn = 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 nn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
+async function mn({ 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(tn), c(`${l}/settings/public`, { headers: u }).then(tn)]), p = en({
+	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(pn), c(`${l}/settings/public`, { headers: u }).then(pn)]), p = fn({
 		page: d,
 		settings: f,
 		tenant: t,
@@ -3663,7 +4006,7 @@ async function nn({ 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(tn).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(pn).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, []]])));
@@ -3677,40 +4020,40 @@ async function nn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 }
 //#endregion
 //#region src/ssr.jsx
-var rn = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
+var hn = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
 	"&": "&amp;",
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;"
 })[e]);
-function an(t, { mode: n = "auto", style: r } = {}) {
-	return e(/* @__PURE__ */ d($t, {
+function gn(t, { mode: n = "auto", style: r } = {}) {
+	return e(/* @__PURE__ */ d(dn, {
 		bundle: t,
 		mode: n,
 		style: r
 	}));
 }
-function on(e, { mode: t = "auto", lang: n } = {}) {
+function _n(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>${rn(o)}</title>`,
-		r.description && `<meta name="description" content="${rn(r.description)}"/>`,
-		`<meta property="og:title" content="${rn(o)}"/>`,
-		r.image && `<meta property="og:image" content="${rn(r.image)}"/>`,
+		`<title>${hn(o)}</title>`,
+		r.description && `<meta name="description" content="${hn(r.description)}"/>`,
+		`<meta property="og:title" content="${hn(o)}"/>`,
+		r.image && `<meta property="og:image" content="${hn(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="${rn(i)}"${a ? ` dir="${a}"` : ""}>
+<html lang="${hn(i)}"${a ? ` dir="${a}"` : ""}>
 <head>
 ${c}
 </head>
 <body>
-${an(e, { mode: t })}
+${gn(e, { mode: t })}
 ${s ? `<script>${s.replaceAll("<\/script", "<\\/script")}<\/script>` : ""}
 </body>
 </html>`;
 }
 //#endregion
-export { en as assembleBundle, nn as fetchPage, an as renderBundleHtml, on as renderPageDocument };
+export { fn as assembleBundle, mn as fetchPage, gn as renderBundleHtml, _n as renderPageDocument };