webim-adapter 0.19.0 → 0.20.0

package/build/webim-adapter.js

@@ -48,20 +48,20 @@ function h(e) {
 		color: j,
 		inset: M
 	})), N.length && (t.boxShadow = N.join(", "));
-	let P = (e) => e.type === "blur" ? `blur(${p(e.v ?? 0)})` : e.type === "hue-rotate" ? `hue-rotate(${h(e.v ?? 0)})` : `${e.type}(${e.v ?? 100}%)`, F = (e) => (Array.isArray(e) ? e : []).filter((e) => e && e.on !== !1 && e.type).map(P), { filters: I, backdropFilters: ee, filterBlur: L, filterGrayscale: R, filterBrightness: z, filterContrast: te, filterSaturate: ne } = t;
+	let P = (e) => e.type === "blur" ? `blur(${p(e.v ?? 0)})` : e.type === "hue-rotate" ? `hue-rotate(${h(e.v ?? 0)})` : `${e.type}(${e.v ?? 100}%)`, F = (e) => (Array.isArray(e) ? e : []).filter((e) => e && e.on !== !1 && e.type).map(P), { filters: I, backdropFilters: ee, filterBlur: L, filterGrayscale: te, filterBrightness: R, filterContrast: ne, filterSaturate: re } = t;
 	delete t.filters, delete t.backdropFilters, delete t.filterBlur, delete t.filterGrayscale, delete t.filterBrightness, delete t.filterContrast, delete t.filterSaturate;
-	let B = F(I);
-	L !== void 0 && B.push(`blur(${p(L)})`), R !== void 0 && B.push(`grayscale(${R}%)`), z !== void 0 && B.push(`brightness(${z}%)`), te !== void 0 && B.push(`contrast(${te}%)`), ne !== void 0 && B.push(`saturate(${ne}%)`), B.length && (t.filter = B.join(" "));
-	let re = F(ee);
-	re.length && (t.backdropFilter = re.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
-	let { textStrokeWidth: ie, textStrokeColor: ae } = t;
-	delete t.textStrokeWidth, delete t.textStrokeColor, (ie !== void 0 || ae !== void 0) && (t.WebkitTextStroke = `${p(ie ?? 1)} ${ae || "currentColor"}`);
-	let { clipText: oe } = t;
-	delete t.clipText, oe && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
-	let { transitions: se, transitionDuration: V, transitionEasing: H, transitionProperty: ce } = t, U = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
+	let z = F(I);
+	L !== void 0 && z.push(`blur(${p(L)})`), te !== void 0 && z.push(`grayscale(${te}%)`), R !== void 0 && z.push(`brightness(${R}%)`), ne !== void 0 && z.push(`contrast(${ne}%)`), re !== void 0 && z.push(`saturate(${re}%)`), z.length && (t.filter = z.join(" "));
+	let ie = F(ee);
+	ie.length && (t.backdropFilter = ie.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
+	let { textStrokeWidth: ae, textStrokeColor: oe } = t;
+	delete t.textStrokeWidth, delete t.textStrokeColor, (ae !== void 0 || oe !== void 0) && (t.WebkitTextStroke = `${p(ae ?? 1)} ${oe || "currentColor"}`);
+	let { clipText: se } = t;
+	delete t.clipText, se && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
+	let { transitions: ce, transitionDuration: B, transitionEasing: V, transitionProperty: le } = t, H = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
 	delete t.transitions, delete t.transitionDuration, delete t.transitionEasing, delete t.transitionProperty;
-	let le = (Array.isArray(se) ? se : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${U(e.duration ?? 200)} ${e.easing || "ease"}`);
-	if (V !== void 0 && le.push(`${ce || "all"} ${U(V)} ${H || "ease"}`), le.length && (t.transition = le.join(", ")), t.textDecoration !== void 0 && (t.textDecorationLine = t.textDecoration, delete t.textDecoration), t.backgroundImage && !String(t.backgroundImage).includes("(") && (t.backgroundImage = `url("${t.backgroundImage}")`), n) {
+	let U = (Array.isArray(ce) ? ce : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${H(e.duration ?? 200)} ${e.easing || "ease"}`);
+	if (B !== void 0 && U.push(`${le || "all"} ${H(B)} ${V || "ease"}`), U.length && (t.transition = U.join(", ")), t.textDecoration !== void 0 && (t.textDecorationLine = t.textDecoration, delete t.textDecoration), t.backgroundImage && !String(t.backgroundImage).includes("(") && (t.backgroundImage = `url("${t.backgroundImage}")`), n) {
 		let e = `${i || "rgba(0,0,0,0.5)"}, ${a || "transparent"}`, o = n === "radial" ? `radial-gradient(circle, ${e})` : `linear-gradient(${r ?? 180}deg, ${e})`;
 		t.backgroundImage = t.backgroundImage ? `${o}, ${t.backgroundImage}` : o;
 	}
@@ -284,7 +284,7 @@ function L(e, t) {
 }
 //#endregion
 //#region src/bundle.js
-function R({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function te({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -308,18 +308,18 @@ function R({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var z = async (e) => {
+var R = 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 te({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
+async function ne({ 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(z), c(`${l}/settings/public`, { headers: u }).then(z)]), p = R({
+	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(R), c(`${l}/settings/public`, { headers: u }).then(R)]), p = te({
 		page: d,
 		settings: f,
 		tenant: t,
@@ -327,7 +327,7 @@ async function te({ 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(z).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(R).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, []]])));
@@ -445,14 +445,14 @@ new Map([
 		fallback: "sans-serif"
 	}
 ].map((e) => [e.family, e]));
-function ne(e) {
+function re(e) {
 	return e.length ? `https://fonts.googleapis.com/css2?${e.map((e) => `family=${e.replace(/ /g, "+")}:wght@100..900`).join("&")}&display=swap` : null;
 }
-var B = (e) => ne([e]), re = (e) => {
+var z = (e) => re([e]), ie = (e) => {
 	let t = typeof e == "string" && e.match(/^"([^"]+)"/);
 	return t ? t[1] : null;
 };
-function ie(e, t) {
+function ae(e, t) {
 	let n = /* @__PURE__ */ new Set(), r = (e) => {
 		for (let t of Object.values(e || {})) for (let e of [
 			"style",
@@ -460,7 +460,7 @@ function ie(e, t) {
 			"pressed",
 			"focused"
 		]) {
-			let r = re(t.props?.[e]?.fontFamily);
+			let r = ie(t.props?.[e]?.fontFamily);
 			r && n.add(r);
 		}
 	};
@@ -470,7 +470,7 @@ function ie(e, t) {
 }
 //#endregion
 //#region ../ui/src/components/builder/locale.js
-var ae = /* @__PURE__ */ new Set([
+var oe = /* @__PURE__ */ new Set([
 	"ar",
 	"he",
 	"fa",
@@ -481,18 +481,18 @@ var ae = /* @__PURE__ */ new Set([
 	"yi",
 	"dv",
 	"ckb"
-]), oe = (e) => ae.has(String(e || "").toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr", se = (e, t) => e === "ltr" || e === "rtl" ? e : t ? oe(t) : void 0, V = t({
+]), se = (e) => oe.has(String(e || "").toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr", ce = (e, t) => e === "ltr" || e === "rtl" ? e : t ? se(t) : void 0, B = t({
 	tenant: "",
 	apiUrl: "/api",
 	locale: "",
 	settings: null
-}), H = t(null), ce = (e) => {
+}), V = t(null), le = (e) => {
 	let t = Number(e?.__page);
 	if (Number.isFinite(t) && t >= 1) return Math.floor(t);
 	if (typeof window > "u") return 1;
 	let n = Number(new URLSearchParams(window.location.search).get("page"));
 	return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 1;
-}, U = t(null), le = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}, H = t(null), U = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 function W(e, t) {
 	if (t) return t.includes(".") ? t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e) : e?.[t];
 }
@@ -512,7 +512,7 @@ function G(e) {
 function de(e, t) {
 	let n = t?.data ?? {}, r = ue(n);
 	if (!r.length) return e;
-	let i = RegExp(`:(${r.map(le).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => G(W(n, t))) : Array.isArray(e) ? e.map(a) : e && typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, t]) => [e, a(t)])) : e;
+	let i = RegExp(`:(${r.map(U).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => G(W(n, t))) : Array.isArray(e) ? e.map(a) : e && typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, t]) => [e, a(t)])) : e;
 	return a(e);
 }
 var fe = {
@@ -1909,7 +1909,7 @@ function lt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 	});
 }
 function ut({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s, auto: f, submitLabel: p, nodeRef: m, inert: g, children: _, linked: v, show: y }) {
-	let { tenant: b, apiUrl: x } = r(V), [S, C] = c("form"), [w, T] = c(null), [E, D] = c({}), [O, k] = c(0), A = g ? y || "form" : S;
+	let { tenant: b, apiUrl: x } = r(B), [S, C] = c("form"), [w, T] = c(null), [E, D] = c({}), [O, k] = c(0), A = g ? y || "form" : S;
 	i(() => {
 		if (!f || !s) return;
 		let e = !0;
@@ -1936,7 +1936,7 @@ function ut({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 	})), P = M.length > 1, F = Math.min(O, Math.max(0, N.length - 1)), I = P ? N[F]?.fields ?? [] : N.flatMap((e) => e.fields), ee = I.filter((e) => {
 		let t = E[e.name];
 		return e.required && (t == null || t === "" || t === !1);
-	}), L = F >= N.length - 1, R = (e, t) => D((n) => {
+	}), L = F >= N.length - 1, te = (e, t) => D((n) => {
 		let r = {
 			...n,
 			[e]: t
@@ -1994,7 +1994,7 @@ function ut({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 					display: A === "success" ? "none" : "flex"
 				},
 				children: f && s ? /* @__PURE__ */ d(l, { children: [
-					P && /* @__PURE__ */ u(Tt, {
+					P && /* @__PURE__ */ u(jt, {
 						steps: N.map((e) => ({ label: e.section?.label ?? "Start" })),
 						active: F + 1,
 						style: { marginBottom: 8 }
@@ -2011,7 +2011,7 @@ function ut({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 						field: e,
 						value: E[e.name],
 						values: E,
-						onChange: R,
+						onChange: te,
 						inert: g
 					}, e.name)),
 					/* @__PURE__ */ d("div", {
@@ -2100,7 +2100,7 @@ var Z = null, dt = null, ft = (e) => {
 	}), Z;
 };
 function pt({ siteKey: e, theme: t, size: n, hl: a, style: o, nodeRef: c, inert: l }) {
-	let f = r(V), p = f?.settings && typeof f.settings == "object" ? f.settings["google.recaptchaKey"] : "", m = typeof e == "string" && e.trim() || (typeof p == "string" ? p.trim() : ""), g = s(null);
+	let f = r(B), p = f?.settings && typeof f.settings == "object" ? f.settings["google.recaptchaKey"] : "", m = typeof e == "string" && e.trim() || (typeof p == "string" ? p.trim() : ""), g = s(null);
 	if (i(() => {
 		if (l || !m || !g.current) return;
 		let e = !0;
@@ -2336,7 +2336,7 @@ function xt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 	});
 }
 function St({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, imageField: o, titleField: s = "name", textField: l, custom: f, templateId: p, paged: m, style: g, nodeRef: _ }) {
-	let { tenant: v, apiUrl: y, locale: b } = r(V), x = r(U), S = r(H), C = S?.[e], w = m ? ce(S) : 1, [T, E] = c(null);
+	let { tenant: v, apiUrl: y, locale: b } = r(B), x = r(H), S = r(V), C = S?.[e], w = m ? le(S) : 1, [T, E] = c(null);
 	if (i(() => {
 		if (!e || C) return;
 		let n = !0, r = new URLSearchParams();
@@ -2495,7 +2495,7 @@ function Ct({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 	}) : null;
 }
 function wt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: a = "#", source: o, pageSize: s = 6, align: l, hideEmpty: f, inert: p, style: m, nodeRef: g }) {
-	let { tenant: _, apiUrl: v } = r(V), y = r(H), [b, x] = c(null), S = o ? Number(y?.[`${o}:total`]) : NaN;
+	let { tenant: _, apiUrl: v } = r(B), y = r(V), [b, x] = c(null), S = o ? Number(y?.[`${o}:total`]) : NaN;
 	i(() => {
 		if (!o || Number.isFinite(S)) return;
 		let e = !0, t = o.startsWith("api:") ? `${v}/data/${encodeURIComponent(o.slice(4))}` : `${v}/dynamic/${encodeURIComponent(o)}?limit=1`;
@@ -2514,7 +2514,7 @@ function wt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: a = "#", sou
 	]);
 	let C = Math.max(1, Number(s) || 6), w = Number.isFinite(S) ? S : b;
 	if (o && w === null || o && f && !(w > 0)) return null;
-	let T = Math.min(Math.max(o ? Math.ceil(w / C) : Number(e) || 1, 1), 50), E = Math.min(Math.max(o ? ce(y) : Number(t) || 1, 1), T), D = (e) => {
+	let T = Math.min(Math.max(o ? Math.ceil(w / C) : Number(e) || 1, 1), 50), E = Math.min(Math.max(o ? le(y) : Number(t) || 1, 1), T), D = (e) => {
 		if (o) {
 			if (typeof window < "u") {
 				let t = new URLSearchParams(window.location.search);
@@ -2579,7 +2579,243 @@ function wt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: a = "#", sou
 		]
 	});
 }
-function Tt({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
+var Tt = "webim.page_mode", Et = () => {
+	if (typeof window > "u") return "auto";
+	try {
+		let e = window.localStorage.getItem(Tt);
+		return e === "light" || e === "dark" ? e : "auto";
+	} catch {
+		return "auto";
+	}
+}, Dt = (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__ */ d("svg", {
+		...t,
+		children: [/* @__PURE__ */ u("circle", {
+			cx: "12",
+			cy: "12",
+			r: "4"
+		}), /* @__PURE__ */ u("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__ */ u("svg", {
+		...t,
+		children: /* @__PURE__ */ u("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
+	}) : /* @__PURE__ */ d("svg", {
+		...t,
+		children: [/* @__PURE__ */ u("rect", {
+			x: "2",
+			y: "3",
+			width: "20",
+			height: "14",
+			rx: "2"
+		}), /* @__PURE__ */ u("path", { d: "M8 21h8M12 17v4" })]
+	});
+}, Q = {
+	light: "Light theme",
+	dark: "Dark theme",
+	auto: "Follow the device theme"
+};
+function Ot({ variant: e, showSystem: t, style: n, nodeRef: r, inert: a }) {
+	let [o, l] = c(a ? "auto" : Et), d = s(null), f = (e) => {
+		d.current = e, typeof r == "function" && r(e);
+	};
+	i(() => {
+		if (a) return;
+		let e = d.current?.closest?.(".webim-page");
+		e && (o === "light" || o === "dark" ? e.setAttribute("data-webim-mode", o) : e.removeAttribute("data-webim-mode"));
+		try {
+			o === "auto" ? window.localStorage.removeItem(Tt) : window.localStorage.setItem(Tt, o);
+		} catch {}
+	}, [o, a]);
+	let p = t === !1 ? ["light", "dark"] : [
+		"light",
+		"dark",
+		"auto"
+	], m = p.includes(o) ? o : p[0], g = {
+		appearance: "none",
+		border: 0,
+		margin: 0,
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center",
+		background: "transparent",
+		color: "inherit",
+		font: "inherit",
+		cursor: a ? "default" : "pointer",
+		borderRadius: 999
+	};
+	if (e === "buttons") return /* @__PURE__ */ u("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)",
+			...h(n)
+		},
+		children: p.map((e) => /* @__PURE__ */ u("button", {
+			type: "button",
+			title: Q[e],
+			"aria-label": Q[e],
+			"aria-pressed": e === m,
+			onClick: a ? void 0 : () => l(e),
+			style: {
+				...g,
+				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: Dt(e)
+		}, e))
+	});
+	let _ = p[(p.indexOf(m) + 1) % p.length];
+	return /* @__PURE__ */ u("button", {
+		ref: f,
+		type: "button",
+		title: Q[m],
+		"aria-label": `Theme: ${Q[m]} — switch to ${Q[_]}`,
+		onClick: a ? void 0 : () => l(_),
+		style: {
+			...g,
+			width: 36,
+			height: 36,
+			border: "1px solid rgba(148, 163, 184, 0.4)",
+			...h(n)
+		},
+		children: Dt(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 d = Math.min(Math.max(Number(r) || 18, 10), 64), f = Math.round(d * 1.9), p = Number.isFinite(Number(i)) ? Number(i) : 10, m = (e) => n === "accent" ? "var(--page-accent, #111827)" : n === "inherit" ? "currentColor" : e.color, g = c ? (e) => e.preventDefault() : void 0;
+	return /* @__PURE__ */ u("div", {
+		ref: s,
+		style: {
+			display: "flex",
+			flexWrap: "wrap",
+			alignItems: "center",
+			gap: p,
+			...h(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__ */ u("a", {
+				href: e.url || "#",
+				onClick: g,
+				"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" ? d : f,
+					height: t === "plain" ? d : f,
+					borderRadius: "50%",
+					background: o ? m(i) : "transparent",
+					border: t === "outline" ? `1px solid ${m(i)}` : "none",
+					color: "inherit",
+					textDecoration: "none"
+				},
+				children: /* @__PURE__ */ u("svg", {
+					width: d,
+					height: d,
+					viewBox: "0 0 24 24",
+					fill: s,
+					"aria-hidden": !0,
+					children: /* @__PURE__ */ u("path", { d: i.d })
+				})
+			}, `${e.network}-${r}`);
+		})
+	});
+}
+function jt({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
 	if (!t.length) return null;
 	let o = Math.min(Math.max(Number(n) || 1, 1), t.length), s = (e) => ({
 		width: 32,
@@ -2657,7 +2893,7 @@ function Tt({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 		})
 	});
 }
-var Et = {
+var Mt = {
 	small: {
 		w: 132,
 		h: 46,
@@ -2679,10 +2915,10 @@ var Et = {
 		title: 12.5,
 		avatar: 46
 	}
-}, Dt = (e) => Et[e] ?? Et.medium;
-Et.medium.w, Et.medium.h;
-function Ot(e, { size: t = "medium", horizontal: n = !1 } = {}) {
-	let r = Dt(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;
@@ -2734,18 +2970,18 @@ function Ot(e, { size: t = "medium", horizontal: n = !1 } = {}) {
 		horizontal: n
 	};
 }
-var Q = (e, t) => {
+var Ft = (e, t) => {
 	let n = String(e ?? "");
 	return n.length > t ? `${n.slice(0, t - 1)}…` : n;
-}, kt = (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";
-}, At = (e) => !!(e?.cv?.trim?.() || e?.photo);
-function jt(e, t = {}) {
+}, 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 ? "" : G(e);
 	return n.map((e) => {
 		let n = e.data ?? {}, a = r(n[t.parentField]), o = a && typeof a == "object" ? a.id ?? null : a || null;
@@ -2760,11 +2996,11 @@ function jt(e, t = {}) {
 		};
 	});
 }
-var Mt = {
+var zt = {
 	size: 36,
 	pad: 10
 };
-function Nt({ node: e, onClose: t }) {
+function Bt({ node: e, onClose: t }) {
 	return i(() => {
 		let e = (e) => e.key === "Escape" && t();
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
@@ -2882,8 +3118,8 @@ function Nt({ node: e, onClose: t }) {
 		})
 	});
 }
-function Pt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField: s, parentField: f, cvField: p, hrefField: m, size: g = "medium", horizontal: _ = !1, style: v, nodeRef: y, interactive: b = !0 }) {
-	let x = a(), [S, C] = c(null), { tenant: w, apiUrl: T } = r(V), E = r(H)?.[t], [D, O] = c(null);
+function Vt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField: s, parentField: f, cvField: p, hrefField: m, size: g = "medium", horizontal: _ = !1, style: v, nodeRef: y, interactive: b = !0 }) {
+	let x = a(), [S, C] = c(null), { tenant: w, apiUrl: T } = r(B), E = r(V)?.[t], [D, O] = c(null);
 	i(() => {
 		if (!t || E) return;
 		let e = !0;
@@ -2899,14 +3135,14 @@ function Pt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 		T,
 		E
 	]);
-	let k = t ? jt(E ?? D ?? [], {
+	let k = t ? Rt(E ?? D ?? [], {
 		nameField: n,
 		titleField: o,
 		photoField: s,
 		parentField: f,
 		cvField: p,
 		hrefField: m
-	}) : e, A = Dt(g), { boxes: j, links: M, width: N, height: P } = Ot(k, {
+	}) : e, A = Nt(g), { boxes: j, links: M, width: N, height: P } = Pt(k, {
 		size: g,
 		horizontal: _
 	});
@@ -2952,7 +3188,7 @@ function Pt({ nodes: e = [], source: t, nameField: n, titleField: o, 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 ? kt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? kt(e.color2) : s, f = b && (At(e) || e.href), p = () => At(e) ? C(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + Mt.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, f = b && (Lt(e) || e.href), p = () => Lt(e) ? C(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__ */ d("g", {
 					onClick: f ? p : void 0,
 					style: f ? { cursor: "pointer" } : void 0,
@@ -3016,13 +3252,13 @@ function Pt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 						e.photo && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("clipPath", {
 							id: `${x}-${e.id}`,
 							children: /* @__PURE__ */ u("circle", {
-								cx: t + Mt.pad + A.avatar / 2,
+								cx: t + zt.pad + A.avatar / 2,
 								cy: n + A.h / 2,
 								r: A.avatar / 2
 							})
 						}), /* @__PURE__ */ u("image", {
 							href: e.photo,
-							x: t + Mt.pad,
+							x: t + zt.pad,
 							y: n + (A.h - A.avatar) / 2,
 							width: A.avatar,
 							height: A.avatar,
@@ -3036,7 +3272,7 @@ function Pt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.title,
 							fontWeight: "600",
 							fill: s,
-							children: Q(e.title, g + 4)
+							children: Ft(e.title, g + 4)
 						}), e.name && /* @__PURE__ */ u("text", {
 							x: m,
 							y: n + _ + _ / 2 + A.name * .35,
@@ -3044,7 +3280,7 @@ function Pt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: c,
-							children: Q(e.name, g)
+							children: Ft(e.name, g)
 						})] }) : /* @__PURE__ */ d(l, { children: [v[0] && /* @__PURE__ */ u("text", {
 							x: m,
 							y: n + (v[1] ? A.h * .43 : A.h * .57),
@@ -3052,7 +3288,7 @@ function Pt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: s,
-							children: Q(v[0], g)
+							children: Ft(v[0], g)
 						}), v[1] && /* @__PURE__ */ u("text", {
 							x: m,
 							y: n + A.h * .73,
@@ -3060,19 +3296,19 @@ function Pt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.title,
 							opacity: "0.7",
 							fill: s,
-							children: Q(v[1], g + 4)
+							children: Ft(v[1], g + 4)
 						})] })
 					]
 				}, e.id);
 			})]
-		}), S && /* @__PURE__ */ u(Nt, {
+		}), S && /* @__PURE__ */ u(Bt, {
 			node: S,
 			onClose: () => C(null)
 		})]
 	});
 }
-function Ft({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped: o = !0, bordered: s = !1, compact: l = !1, paged: f, emptyText: p, style: m, nodeRef: g }) {
-	let { tenant: _, apiUrl: v } = r(V), y = r(H), b = y?.[n], x = f ? ce(y) : 1, [S, C] = c(null);
+function Ht({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped: o = !0, bordered: s = !1, compact: l = !1, paged: f, emptyText: p, style: m, nodeRef: g }) {
+	let { tenant: _, apiUrl: v } = r(B), y = r(V), b = y?.[n], x = f ? le(y) : 1, [S, C] = c(null);
 	if (i(() => {
 		if (!n || b) return;
 		let e = !0, t = Math.max(1, Number(a) || 10), r = f && !n.startsWith("api:") ? `?offset=${(x - 1) * t}&limit=${t}` : "", i = n.startsWith("api:") ? `${v}/data/${encodeURIComponent(n.slice(4))}` : `${v}/dynamic/${encodeURIComponent(n)}${r}`;
@@ -3137,7 +3373,7 @@ function Ft({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped:
 		})
 	});
 }
-var It = {
+var Ut = {
 	PageRoot: ve,
 	Section: ye,
 	Container: be,
@@ -3154,9 +3390,11 @@ var It = {
 	CollectionList: St,
 	BreadcrumbsBlock: Ct,
 	PaginationBlock: wt,
-	StepperBlock: Tt,
-	OrgChartBlock: Pt,
-	TableBlock: Ft,
+	StepperBlock: jt,
+	SocialLinksBlock: At,
+	ThemeModeBlock: Ot,
+	OrgChartBlock: Vt,
+	TableBlock: Ht,
 	MasonryBlock: Ze,
 	AccordionBlock: nt,
 	NavbarBlock: et,
@@ -3186,27 +3424,27 @@ var It = {
 	FormFile: yt,
 	FormRecaptcha: pt,
 	FormSubmit: bt
-}, Lt = {
+}, Wt = {
 	id: "auth",
 	label: "Accounts",
 	category: "Apps",
 	keys: ["SiteLoginForm", "SiteAccountMenu"],
 	ssr: "shell",
 	settings: ["site.authRedirect"]
-}, Rt = t({
+}, Gt = t({
 	user: null,
 	status: "idle",
 	ensure: () => {},
 	refresh: () => {},
 	signOut: () => {}
-}), zt = () => {
-	let e = r(Rt);
+}), Kt = () => {
+	let e = r(Gt);
 	return i(() => {
 		e.ensure();
 	}, [e]), e;
 };
-function Bt({ children: e, initialUser: t, disabled: i, apiUrl: a, tenant: l }) {
-	let d = r(V), f = a || d?.apiUrl || "/api", p = l || d?.tenant || "", [m, h] = c(t ?? null), [g, _] = c(t ? "user" : i ? "guest" : "idle"), v = s(!1), y = n((e, t) => fetch(`${f}${e}`, {
+function qt({ children: e, initialUser: t, disabled: i, apiUrl: a, tenant: l }) {
+	let d = r(B), f = a || d?.apiUrl || "/api", p = l || d?.tenant || "", [m, h] = c(t ?? null), [g, _] = c(t ? "user" : i ? "guest" : "idle"), v = s(!1), y = n((e, t) => fetch(`${f}${e}`, {
 		...t,
 		credentials: "include",
 		headers: {
@@ -3238,19 +3476,19 @@ function Bt({ children: e, initialUser: t, disabled: i, apiUrl: a, tenant: l })
 		b,
 		x
 	]);
-	return /* @__PURE__ */ u(Rt.Provider, {
+	return /* @__PURE__ */ u(Gt.Provider, {
 		value: C,
 		children: e
 	});
 }
-function Vt({ when: e, children: t }) {
-	let { status: n } = zt();
+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 Ht({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: i = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: l, inert: f, linked: p, show: m }) {
-	let { tenant: g, apiUrl: _, settings: v } = r(V), [y, b] = c("form"), [x, S] = c(""), [C, w] = c(!1), T = e === "register", E = f ? m || "form" : y, D = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", O = async (e) => {
+function Yt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: i = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: l, inert: f, linked: p, show: m }) {
+	let { tenant: g, apiUrl: _, settings: v } = r(B), [y, b] = c("form"), [x, S] = c(""), [C, w] = c(!1), T = e === "register", E = f ? m || "form" : y, D = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", O = async (e) => {
 		if (e.preventDefault(), f) return;
 		let n = new FormData(e.currentTarget);
 		w(!0), S("");
@@ -3373,8 +3611,8 @@ function Ht({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 		]
 	});
 }
-function Ut({ 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: f } = zt(), 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: f } = Kt(), p = a ? s || "user" : l, m = a ? {
 		name: "Ada Lovelace",
 		email: "ada@example.com"
 	} : c;
@@ -3439,42 +3677,42 @@ function Ut({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/index.js
-var Wt = [Lt], Gt = {
-	SiteLoginForm: Ht,
-	SiteAccountMenu: Ut
+var Zt = [Wt], Qt = {
+	SiteLoginForm: Yt,
+	SiteAccountMenu: Xt
 };
-new Set(Wt.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 Kt = /* @__PURE__ */ new Map();
-function qt(e) {
-	if (Kt.has(e)) return Kt.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 Kt.set(e, n), n;
+	return $t.set(e, n), n;
 }
-function Jt(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 Yt(e, t) {
-	let n = await qt(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 Xt = {
+var rn = {
 	padding: "10px 12px",
 	border: "1px dashed rgba(148, 163, 184, 0.5)",
 	borderRadius: 8,
 	fontSize: 12,
 	opacity: .6
 };
-function Zt({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
-	let c = r(V), l = Jt(c?.settings)[e], f = s(null), p = s(null), m = {
+function an({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
+	let c = r(B), l = tn(c?.settings)[e], f = s(null), p = s(null), m = {
 		tenant: c?.tenant ?? "",
 		apiUrl: c?.apiUrl ?? "/api",
 		locale: c?.locale ?? "",
@@ -3486,7 +3724,7 @@ function Zt({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
 		let e = f.current;
 		if (!l?.code || !e) return;
 		let n = !0;
-		return Yt(l.code, t).then((e) => {
+		return nn(l.code, t).then((e) => {
 			if (!(!n || !e || !f.current)) {
 				p.current = e;
 				try {
@@ -3516,7 +3754,7 @@ function Zt({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
 	}) : /* @__PURE__ */ d("div", {
 		ref: o,
 		style: {
-			...Xt,
+			...rn,
 			...h(a)
 		},
 		children: [
@@ -3528,10 +3766,10 @@ function Zt({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
 }
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-var Qt = {
-	...It,
-	...Gt,
-	PluginBlock: Zt
+var on = {
+	...Ut,
+	...Qt,
+	PluginBlock: an
 };
 function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[t];
@@ -3543,7 +3781,7 @@ function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let c = new Set(i).add(n);
 		return /* @__PURE__ */ u(e, { children: $(s.template.rootId, s.template.nodes, r, c, a) }, t);
 	}
-	let l = Qt[s];
+	let l = on[s];
 	if (!l) return null;
 	let d = (o.nodes ?? []).map((e) => $(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, $(t, n, r, i)])) : void 0, m = /* @__PURE__ */ u(l, {
 		...c,
@@ -3554,15 +3792,16 @@ function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		},
 		children: d.length ? d : void 0
 	}, t);
-	return c.when && c.when !== "always" ? /* @__PURE__ */ u(Vt, {
+	return c.when && c.when !== "always" ? /* @__PURE__ */ u(Jt, {
 		when: c.when,
 		children: m
 	}, t) : m;
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var $t = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
-function en({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, tenant: c, apiUrl: l, datasets: f, locale: p, direction: m, settings: h, siteUser: g }) {
+var sn = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), cn = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(F(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
+.webim-page[data-webim-mode="dark"] { ${Object.entries(F(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
+function ln({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, tenant: c, apiUrl: l, datasets: f, locale: p, direction: m, settings: h, siteUser: g }) {
 	let _ = s?.js?.trim();
 	if (i(() => {
 		if (!_) return;
@@ -3571,38 +3810,41 @@ function en({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 	}, [_]), !e?.ROOT) return null;
 	let v = {
 		lang: p || void 0,
-		dir: se(m, p)
+		dir: ce(m, p)
 	}, y = ".webim-page, .webim-page *, .webim-page *::before, .webim-page *::after { box-sizing: border-box; }", b = {
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, x = $("ROOT", e, n), S = o(() => ({ render: (t, r) => $(t, e, n, void 0, { mapProps: r }) }), [e, n]), C = D(e, n), w = E(e, n), T = s?.css?.trim(), O = ie(e, n).map((e) => /* @__PURE__ */ u("link", {
+	}, x = $("ROOT", e, n), S = o(() => ({ render: (t, r) => $(t, e, n, void 0, { mapProps: r }) }), [e, n]), C = D(e, n), w = E(e, n), T = s?.css?.trim(), O = ae(e, n).map((e) => /* @__PURE__ */ u("link", {
 		rel: "stylesheet",
 		precedence: "default",
-		href: B(e)
-	}, e));
-	if (r !== "auto") return /* @__PURE__ */ u(V.Provider, {
+		href: z(e)
+	}, e)), k = P(t), A = cn(k);
+	return r === "auto" ? /* @__PURE__ */ u(B.Provider, {
 		value: {
 			tenant: c || "",
 			apiUrl: l || "/api",
 			locale: p || "",
 			settings: h ?? null
 		},
-		children: /* @__PURE__ */ u(Bt, {
+		children: /* @__PURE__ */ u(qt, {
 			initialUser: g,
-			children: /* @__PURE__ */ u(H.Provider, {
+			children: /* @__PURE__ */ u(V.Provider, {
 				value: f ?? null,
-				children: /* @__PURE__ */ u(U.Provider, {
+				children: /* @__PURE__ */ u(H.Provider, {
 					value: S,
 					children: /* @__PURE__ */ d("div", {
 						...v,
 						className: "webim-page",
 						style: {
 							...b,
-							...ee(t, r),
+							...I(t),
 							...a
 						},
 						children: [
+							/* @__PURE__ */ u("style", { children: `.webim-page { ${sn(F(k.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${sn(F(k.dark))} } }` }),
+							/* @__PURE__ */ u("style", { children: A }),
 							O,
 							/* @__PURE__ */ u("style", { children: y }),
 							C && /* @__PURE__ */ u("style", { children: C }),
@@ -3614,33 +3856,30 @@ function en({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 				})
 			})
 		})
-	});
-	let k = P(t);
-	return /* @__PURE__ */ u(V.Provider, {
+	}) : /* @__PURE__ */ u(B.Provider, {
 		value: {
 			tenant: c || "",
 			apiUrl: l || "/api",
 			locale: p || "",
 			settings: h ?? null
 		},
-		children: /* @__PURE__ */ u(Bt, {
+		children: /* @__PURE__ */ u(qt, {
 			initialUser: g,
-			children: /* @__PURE__ */ u(H.Provider, {
+			children: /* @__PURE__ */ u(V.Provider, {
 				value: f ?? null,
-				children: /* @__PURE__ */ u(U.Provider, {
+				children: /* @__PURE__ */ u(H.Provider, {
 					value: S,
 					children: /* @__PURE__ */ d("div", {
 						...v,
 						className: "webim-page",
 						style: {
 							...b,
-							...I(t),
+							...ee(t, r),
 							...a
 						},
 						children: [
-							/* @__PURE__ */ u("style", { children: `.webim-page { ${$t(F(k.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${$t(F(k.dark))} } }` }),
 							O,
+							/* @__PURE__ */ u("style", { children: A }),
 							/* @__PURE__ */ u("style", { children: y }),
 							C && /* @__PURE__ */ u("style", { children: C }),
 							w && /* @__PURE__ */ u("style", { children: w }),
@@ -3655,8 +3894,8 @@ function en({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function tn({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ u(en, {
+function un({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ u(ln, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -3673,7 +3912,7 @@ function tn({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/WebimPage.jsx
-function nn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mode: l = "auto", style: d, fallback: f = null, errorFallback: p = null, onLoad: m, onError: h }) {
+function dn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mode: l = "auto", style: d, fallback: f = null, errorFallback: p = null, onLoad: m, onError: h }) {
 	let [g, _] = c({ status: "loading" }), v = s({
 		onLoad: m,
 		onError: h
@@ -3683,7 +3922,7 @@ function nn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mo
 		onError: h
 	}, i(() => {
 		let i = !0;
-		return _({ status: "loading" }), te({
+		return _({ status: "loading" }), ne({
 			apiUrl: e,
 			tenant: t,
 			slug: n,
@@ -3710,11 +3949,11 @@ function nn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mo
 		r,
 		a,
 		o
-	]), g.status === "loading" ? f : g.status === "error" ? typeof p == "function" ? p(g.error) : p : /* @__PURE__ */ u(tn, {
+	]), g.status === "loading" ? f : g.status === "error" ? typeof p == "function" ? p(g.error) : p : /* @__PURE__ */ u(un, {
 		bundle: g.bundle,
 		mode: l,
 		style: d
 	});
 }
 //#endregion
-export { en as PageRenderer, tn as WebimContent, nn as WebimPage, te as fetchPage, De as renderRichContent, L as resolveTheme };
+export { ln as PageRenderer, un as WebimContent, dn as WebimPage, ne as fetchPage, De as renderRichContent, L as resolveTheme };