webim-adapter 0.18.0 → 0.20.0

package/build/webim-ssr.js

@@ -1941,7 +1941,7 @@ function st({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 					display: A === "success" ? "none" : "flex"
 				},
 				children: c && s ? /* @__PURE__ */ f(u, { children: [
-					P && /* @__PURE__ */ d(St, {
+					P && /* @__PURE__ */ d(Ot, {
 						steps: N.map((e) => ({ label: e.section?.label ?? "Start" })),
 						active: F + 1,
 						style: { marginBottom: 8 }
@@ -2027,24 +2027,36 @@ function st({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 		]
 	});
 }
-var ct = null, lt = () => ct || (ct = new Promise((e) => {
-	if (typeof window > "u") return;
-	if (window.grecaptcha?.render) return e(window.grecaptcha);
-	window.__webimRecaptchaReady = () => e(window.grecaptcha);
-	let t = document.createElement("script");
-	t.src = "https://www.google.com/recaptcha/api.js?onload=__webimRecaptchaReady&render=explicit", t.async = !0, document.head.appendChild(t);
-}), ct);
-function ut({ siteKey: e, theme: t, size: n, style: r, nodeRef: o, inert: s }) {
-	let l = i(H), u = l?.settings && typeof l.settings == "object" ? l.settings["google.recaptchaKey"] : "", p = typeof e == "string" && e.trim() || (typeof u == "string" ? u.trim() : ""), m = c(null), h = c(!1);
+var Q = null, ct = null, lt = (e) => {
+	let t = typeof e == "string" && e.trim() ? e.trim() : "";
+	if (Q && ct === t) return Q;
+	if (Q && typeof window < "u") {
+		for (let e of ["grecaptcha", "___grecaptcha_cfg"]) try {
+			delete window[e];
+		} catch {
+			window[e] = void 0;
+		}
+		document.querySelectorAll("script[src*=\"recaptcha\"]").forEach((e) => e.remove());
+	}
+	return ct = t, Q = 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 (s || !p || h.current || !m.current) return;
+		if (l || !m || !h.current) return;
 		let e = !0;
-		return lt().then((r) => {
-			if (!(!e || h.current || !m.current || !r?.render)) {
-				h.current = !0;
+		return lt(r).then((r) => {
+			if (!(!e || !h.current || !r?.render)) {
+				h.current.innerHTML = "";
 				try {
-					r.render(m.current, {
-						sitekey: p,
+					r.render(h.current, {
+						sitekey: m,
 						theme: t === "dark" ? "dark" : "light",
 						size: n === "compact" ? "compact" : "normal"
 					});
@@ -2054,15 +2066,16 @@ function ut({ siteKey: e, theme: t, size: n, style: r, nodeRef: o, inert: s }) {
 			e = !1;
 		};
 	}, [
-		s,
-		p,
+		l,
+		m,
 		t,
-		n
-	]), s) {
+		n,
+		r
+	]), l) {
 		let e = t === "dark";
 		return /* @__PURE__ */ f("div", {
-			ref: o,
-			style: C(r),
+			ref: s,
+			style: C(o),
 			children: [/* @__PURE__ */ f("div", {
 				style: {
 					width: n === "compact" ? 164 : 302,
@@ -2101,7 +2114,7 @@ function ut({ siteKey: e, theme: t, size: n, style: r, nodeRef: o, inert: s }) {
 						children: "reCAPTCHA"
 					})
 				]
-			}), !p && /* @__PURE__ */ d("div", {
+			}), !m && /* @__PURE__ */ d("div", {
 				style: {
 					marginTop: 6,
 					fontSize: 11,
@@ -2111,10 +2124,10 @@ function ut({ siteKey: e, theme: t, size: n, style: r, nodeRef: o, inert: s }) {
 			})]
 		});
 	}
-	return p ? /* @__PURE__ */ d("div", {
-		ref: o,
-		style: C(r),
-		children: /* @__PURE__ */ d("div", { ref: m })
+	return m ? /* @__PURE__ */ d("div", {
+		ref: s,
+		style: C(o),
+		children: /* @__PURE__ */ d("div", { ref: h })
 	}) : null;
 }
 function dt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
@@ -2513,7 +2526,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 St = "webim.page_mode", Ct = () => {
+	if (typeof window > "u") return "auto";
+	try {
+		let e = window.localStorage.getItem(St);
+		return e === "light" || e === "dark" ? e : "auto";
+	} catch {
+		return "auto";
+	}
+}, wt = (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" })]
+	});
+}, $ = {
+	light: "Light theme",
+	dark: "Dark theme",
+	auto: "Follow the device theme"
+};
+function Tt({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
+	let [o, s] = l(i ? "auto" : Ct), 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(St) : window.localStorage.setItem(St, 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: $[e],
+			"aria-label": $[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: wt(e)
+		}, e))
+	});
+	let g = p[(p.indexOf(m) + 1) % p.length];
+	return /* @__PURE__ */ d("button", {
+		ref: f,
+		type: "button",
+		title: $[m],
+		"aria-label": `Theme: ${$[m]} — switch to ${$[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: wt(m)
+	});
+}
+var Et = {
+	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 Dt({ 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 && Et[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 = Et[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 Ot({ 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,
@@ -2591,7 +2840,7 @@ function St({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 		})
 	});
 }
-var Ct = {
+var kt = {
 	small: {
 		w: 132,
 		h: 46,
@@ -2613,10 +2862,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 = [];
+}, At = (e) => kt[e] ?? kt.medium;
+kt.medium.w, kt.medium.h;
+function jt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
+	let r = At(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;
@@ -2668,18 +2917,18 @@ function Tt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
 		horizontal: n
 	};
 }
-var Et = (e, t) => {
+var Mt = (e, t) => {
 	let n = String(e ?? "");
 	return n.length > t ? `${n.slice(0, t - 1)}…` : n;
-}, Dt = (e) => {
+}, Nt = (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 = {}) {
+}, Pt = (e) => !!(e?.cv?.trim?.() || e?.photo);
+function Ft(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;
@@ -2694,11 +2943,11 @@ function kt(e, t = {}) {
 		};
 	});
 }
-var At = {
+var It = {
 	size: 36,
 	pad: 10
 };
-function jt({ node: e, onClose: t }) {
+function Lt({ node: e, onClose: t }) {
 	return a(() => {
 		let e = (e) => e.key === "Escape" && t();
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
@@ -2816,7 +3065,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 Rt({ 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;
@@ -2833,14 +3082,14 @@ function Mt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 		T,
 		E
 	]);
-	let k = t ? kt(E ?? D ?? [], {
+	let k = t ? Ft(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 = At(h), { boxes: j, links: M, width: N, height: P } = jt(k, {
 		size: h,
 		horizontal: g
 	});
@@ -2886,7 +3135,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 ? Nt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? Nt(e.color2) : s, l = y && (Pt(e) || e.href), p = () => Pt(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + It.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,
@@ -2950,13 +3199,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 + It.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 + It.pad,
 							y: n + (A.h - A.avatar) / 2,
 							width: A.avatar,
 							height: A.avatar,
@@ -2970,7 +3219,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: Mt(e.title, g + 4)
 						}), e.name && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + _ + _ / 2 + A.name * .35,
@@ -2978,7 +3227,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: Mt(e.name, g)
 						})] }) : /* @__PURE__ */ f(u, { children: [v[0] && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + (v[1] ? A.h * .43 : A.h * .57),
@@ -2986,7 +3235,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: Mt(v[0], g)
 						}), v[1] && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + A.h * .73,
@@ -2994,18 +3243,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: Mt(v[1], g + 4)
 						})] })
 					]
 				}, e.id);
 			})]
-		}), x && /* @__PURE__ */ d(jt, {
+		}), x && /* @__PURE__ */ d(Lt, {
 			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 zt({ 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;
@@ -3071,7 +3320,7 @@ function Nt({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped:
 		})
 	});
 }
-var Pt = {
+var Bt = {
 	PageRoot: he,
 	Section: ge,
 	Container: _e,
@@ -3088,9 +3337,11 @@ var Pt = {
 	CollectionList: yt,
 	BreadcrumbsBlock: bt,
 	PaginationBlock: xt,
-	StepperBlock: St,
-	OrgChartBlock: Mt,
-	TableBlock: Nt,
+	StepperBlock: Ot,
+	SocialLinksBlock: Dt,
+	ThemeModeBlock: Tt,
+	OrgChartBlock: Rt,
+	TableBlock: zt,
 	MasonryBlock: Je,
 	AccordionBlock: $e,
 	NavbarBlock: Ze,
@@ -3120,26 +3371,26 @@ var Pt = {
 	FormFile: gt,
 	FormRecaptcha: ut,
 	FormSubmit: _t
-}, Ft = {
+}, Vt = {
 	id: "auth",
 	label: "Accounts",
 	category: "Apps",
 	keys: ["SiteLoginForm", "SiteAccountMenu"],
 	ssr: "shell",
 	settings: ["site.authRedirect"]
-}, It = n({
+}, Ht = n({
 	user: null,
 	status: "idle",
 	ensure: () => {},
 	refresh: () => {},
 	signOut: () => {}
-}), Lt = () => {
-	let e = i(It);
+}), Ut = () => {
+	let e = i(Ht);
 	return a(() => {
 		e.ensure();
 	}, [e]), e;
 };
-function Rt({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o }) {
+function Wt({ 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",
@@ -3172,18 +3423,18 @@ function Rt({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o })
 		b,
 		x
 	]);
-	return /* @__PURE__ */ d(It.Provider, {
+	return /* @__PURE__ */ d(Ht.Provider, {
 		value: C,
 		children: e
 	});
 }
-function zt({ when: e, children: t }) {
-	let { status: n } = Lt();
+function Gt({ when: e, children: t }) {
+	let { status: n } = Ut();
 	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 Kt({ 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);
@@ -3307,8 +3558,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 qt({ 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 } = Ut(), p = a ? s || "user" : l, m = a ? {
 		name: "Ada Lovelace",
 		email: "ada@example.com"
 	} : c;
@@ -3373,42 +3624,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 Jt = [Vt], Yt = {
+	SiteLoginForm: Kt,
+	SiteAccountMenu: qt
 };
-new Set(Ht.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
+new Set(Jt.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 Xt = /* @__PURE__ */ new Map();
+function Zt(e) {
+	if (Xt.has(e)) return Xt.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 Xt.set(e, n), n;
 }
-function Kt(e) {
+function Qt(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 $t(e, t) {
+	let n = await Zt(e);
 	return (Array.isArray(n?.default?.blocks) ? n.default.blocks : []).find((e) => e?.id === t && typeof e.mount == "function") ?? null;
 }
-var Jt = {
+var en = {
 	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 tn({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
+	let s = i(H), l = Qt(s?.settings)[e], u = c(null), p = c(null), m = {
 		tenant: s?.tenant ?? "",
 		apiUrl: s?.apiUrl ?? "/api",
 		locale: s?.locale ?? "",
@@ -3420,7 +3671,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 $t(l.code, t).then((e) => {
 			if (!(!n || !e || !u.current)) {
 				p.current = e;
 				try {
@@ -3450,7 +3701,7 @@ function Yt({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 	}) : /* @__PURE__ */ f("div", {
 		ref: o,
 		style: {
-			...Jt,
+			...en,
 			...C(r)
 		},
 		children: [
@@ -3462,12 +3713,12 @@ function Yt({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 }
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-var Xt = {
-	...Pt,
-	...Ut,
-	PluginBlock: Yt
+var nn = {
+	...Bt,
+	...Yt,
+	PluginBlock: tn
 };
-function Q(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
+function rn(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 ?? {};
@@ -3475,11 +3726,11 @@ function Q(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: Q(s.template.rootId, s.template.nodes, r, c, a) }, e);
+		return /* @__PURE__ */ d(t, { children: rn(s.template.rootId, s.template.nodes, r, c, a) }, e);
 	}
-	let l = Xt[s];
+	let l = nn[s];
 	if (!l) return null;
-	let u = (o.nodes ?? []).map((e) => Q(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, Q(t, n, r, i)])) : void 0, m = /* @__PURE__ */ d(l, {
+	let u = (o.nodes ?? []).map((e) => rn(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, rn(t, n, r, i)])) : void 0, m = /* @__PURE__ */ d(l, {
 		...c,
 		...s === "CollectionList" ? { templateId: o.linkedNodes?.card } : null,
 		linked: p,
@@ -3488,15 +3739,16 @@ function Q(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(Gt, {
 		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 an = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), on = (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 sn({ 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;
@@ -3510,19 +3762,19 @@ function Qt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, w = Q("ROOT", e, n), T = s(() => ({ render: (t, r) => Q(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 = rn("ROOT", e, n), T = s(() => ({ render: (t, r) => rn(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 = on(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(Wt, {
 			initialUser: v,
 			children: /* @__PURE__ */ d(U.Provider, {
 				value: u ?? null,
@@ -3533,10 +3785,13 @@ function Qt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 						className: "webim-page",
 						style: {
 							...C,
-							...re(t, r),
+							...ne(t),
 							...i
 						},
 						children: [
+							/* @__PURE__ */ d("style", { children: `.webim-page { ${an(V(A.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${an(V(A.dark))} } }` }),
+							/* @__PURE__ */ d("style", { children: j }),
 							k,
 							/* @__PURE__ */ d("style", { children: S }),
 							E && /* @__PURE__ */ d("style", { children: E }),
@@ -3548,16 +3803,14 @@ 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(Wt, {
 			initialUser: v,
 			children: /* @__PURE__ */ d(U.Provider, {
 				value: u ?? null,
@@ -3568,13 +3821,12 @@ function Qt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 						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 }),
@@ -3589,8 +3841,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 cn({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ d(sn, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -3607,7 +3859,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 ln({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -3631,18 +3883,18 @@ function en({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var tn = async (e) => {
+var un = 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 dn({ 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(un), c(`${l}/settings/public`, { headers: u }).then(un)]), p = ln({
 		page: d,
 		settings: f,
 		tenant: t,
@@ -3650,7 +3902,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(un).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, []]])));
@@ -3664,40 +3916,40 @@ async function nn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 }
 //#endregion
 //#region src/ssr.jsx
-var $ = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
+var fn = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
 	"&": "&amp;",
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;"
 })[e]);
-function rn(t, { mode: n = "auto", style: r } = {}) {
-	return e(/* @__PURE__ */ d($t, {
+function pn(t, { mode: n = "auto", style: r } = {}) {
+	return e(/* @__PURE__ */ d(cn, {
 		bundle: t,
 		mode: n,
 		style: r
 	}));
 }
-function an(e, { mode: t = "auto", lang: n } = {}) {
+function mn(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>${$(o)}</title>`,
-		r.description && `<meta name="description" content="${$(r.description)}"/>`,
-		`<meta property="og:title" content="${$(o)}"/>`,
-		r.image && `<meta property="og:image" content="${$(r.image)}"/>`,
+		`<title>${fn(o)}</title>`,
+		r.description && `<meta name="description" content="${fn(r.description)}"/>`,
+		`<meta property="og:title" content="${fn(o)}"/>`,
+		r.image && `<meta property="og:image" content="${fn(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="${$(i)}"${a ? ` dir="${a}"` : ""}>
+<html lang="${fn(i)}"${a ? ` dir="${a}"` : ""}>
 <head>
 ${c}
 </head>
 <body>
-${rn(e, { mode: t })}
+${pn(e, { mode: t })}
 ${s ? `<script>${s.replaceAll("<\/script", "<\\/script")}<\/script>` : ""}
 </body>
 </html>`;
 }
 //#endregion
-export { en as assembleBundle, nn as fetchPage, rn as renderBundleHtml, an as renderPageDocument };
+export { ln as assembleBundle, dn as fetchPage, pn as renderBundleHtml, mn as renderPageDocument };