webim-adapter 1.1.0 → 1.1.1

package/build/webim-adapter.js

@@ -252,32 +252,32 @@ function A(e) {
 	delete t.filters, delete t.backdropFilters, delete t.filterBlur, delete t.filterGrayscale, delete t.filterBrightness, delete t.filterContrast, delete t.filterSaturate;
 	let U = F(I);
 	R !== void 0 && U.push(`blur(${O(R)})`), z !== void 0 && U.push(`grayscale(${z}%)`), B !== void 0 && U.push(`brightness(${B}%)`), V !== void 0 && U.push(`contrast(${V}%)`), H !== void 0 && U.push(`saturate(${H}%)`), U.length && (t.filter = U.join(" "));
-	let W = F(L);
-	W.length && (t.backdropFilter = W.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
-	let { textStrokeWidth: ee, textStrokeColor: te } = t;
-	delete t.textStrokeWidth, delete t.textStrokeColor, (ee !== void 0 || te !== void 0) && (t.WebkitTextStroke = `${O(ee ?? 1)} ${te || "currentColor"}`);
+	let ee = F(L);
+	ee.length && (t.backdropFilter = ee.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
+	let { textStrokeWidth: W, textStrokeColor: te } = t;
+	delete t.textStrokeWidth, delete t.textStrokeColor, (W !== void 0 || te !== void 0) && (t.WebkitTextStroke = `${O(W ?? 1)} ${te || "currentColor"}`);
 	let { clipText: ne } = t;
 	delete t.clipText, ne && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
-	let { transitions: re, transitionDuration: ie, transitionEasing: G, transitionProperty: ae } = t, oe = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
+	let { transitions: re, transitionDuration: ie, transitionEasing: ae, transitionProperty: G } = t, oe = (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 K = (Array.isArray(re) ? re : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${oe(e.duration ?? 200)} ${e.easing || "ease"}`);
-	if (ie !== void 0 && K.push(`${ae || "all"} ${oe(ie)} ${G || "ease"}`), K.length && (t.transition = K.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 se = (Array.isArray(re) ? re : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${oe(e.duration ?? 200)} ${e.easing || "ease"}`);
+	if (ie !== void 0 && se.push(`${G || "all"} ${oe(ie)} ${ae || "ease"}`), se.length && (t.transition = se.join(", ")), t.textDecoration !== void 0 && (t.textDecorationLine = t.textDecoration, delete t.textDecoration), t.backgroundImage && !String(t.backgroundImage).includes("(") && (t.backgroundImage = `url("${t.backgroundImage}")`), n) {
 		let e = `${i || "rgba(0,0,0,0.5)"}, ${a || "transparent"}`, o = n === "radial" ? `radial-gradient(circle, ${e})` : `linear-gradient(${r ?? 180}deg, ${e})`;
 		t.backgroundImage = t.backgroundImage ? `${o}, ${t.backgroundImage}` : o;
 	}
 	delete t.backgroundVideo;
-	let { overlayColor: se, overlayOpacity: ce } = t;
-	if (delete t.overlayColor, delete t.overlayOpacity, se) {
-		let e = `color-mix(in srgb, ${se} ${ce ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
+	let { overlayColor: ce, overlayOpacity: le } = t;
+	if (delete t.overlayColor, delete t.overlayOpacity, ce) {
+		let e = `color-mix(in srgb, ${ce} ${le ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
 		t.backgroundImage = t.backgroundImage ? `${n}, ${t.backgroundImage}` : n;
 	}
 	t.backgroundImage && (t.backgroundSize ??= "cover", t.backgroundPosition ??= "center", t.backgroundRepeat ??= "no-repeat");
-	let { backgroundLayers: le } = t;
+	let { backgroundLayers: ue } = t;
 	delete t.backgroundLayers;
-	let ue = (Array.isArray(le) ? le : []).filter((e) => e && e.on !== !1);
-	if (ue.length) {
+	let K = (Array.isArray(ue) ? ue : []).filter((e) => e && e.on !== !1);
+	if (K.length) {
 		let e = [], n = [], r = [], i = [], a = [];
-		for (let t of ue) if (t.kind === "linear") e.push(`linear-gradient(${t.angle ?? 180}deg, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
+		for (let t of K) if (t.kind === "linear") e.push(`linear-gradient(${t.angle ?? 180}deg, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
 		else if (t.kind === "radial") e.push(`radial-gradient(circle, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
 		else {
 			if (!t.src) continue;
@@ -374,10 +374,10 @@ function U(e, t, n, r = !1) {
 	let i = Object.entries(A(t)).map(([e, t]) => `${H(e)}: ${t} !important;`).join(" ");
 	return i ? `[data-wb="${e}"]${r ? "" : n} { ${i} }` : "";
 }
-function W(e, t, n) {
+function ee(e, t, n) {
 	return Object.entries(j).map(([r, i]) => U(e, t?.[r], i, n === r)).filter(Boolean).join("\n");
 }
-var ee = [
+var W = [
 	{
 		key: "tablet",
 		max: 991
@@ -392,7 +392,7 @@ var ee = [
 	}
 ], te = (e) => Object.entries(A(e)).map(([e, t]) => `${H(e)}: ${t} !important;`).join(" ");
 function ne(e, t) {
-	return ee.map(({ key: n, max: r }) => {
+	return W.map(({ key: n, max: r }) => {
 		let i = t?.[n] ? te(t[n]) : "";
 		return i ? `@media (max-width: ${r}px) { [data-wb="${e}"] { ${i} } }` : "";
 	}).filter(Boolean).join("\n");
@@ -411,7 +411,7 @@ function re(e, t) {
 function ie(e, t) {
 	let n = [], r = (e) => {
 		for (let [t, r] of Object.entries(e || {})) {
-			let e = W(t, r.props);
+			let e = ee(t, r.props);
 			e && n.push(e);
 		}
 	};
@@ -419,7 +419,7 @@ function ie(e, t) {
 	for (let e of Object.values(t || {})) r(e.template?.nodes);
 	return n.join("\n");
 }
-var G = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", ae = {
+var ae = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", G = {
 	light: {
 		background: "#f2f2f2",
 		surface: "#f2f2f2",
@@ -463,20 +463,20 @@ var G = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 }, oe = {
 	font: "system",
 	headingFont: "inherit",
-	light: ae.light,
-	dark: ae.dark
-}, K = {
+	light: G.light,
+	dark: G.dark
+}, se = {
 	system: {
 		label: "System",
-		value: G
+		value: ae
 	},
 	inter: {
 		label: "Inter",
-		value: `"Inter", ${G}`
+		value: `"Inter", ${ae}`
 	},
 	outfit: {
 		label: "Outfit",
-		value: `"Outfit", ${G}`
+		value: `"Outfit", ${ae}`
 	},
 	serif: {
 		label: "Serif",
@@ -486,7 +486,7 @@ var G = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 		label: "Mono",
 		value: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
 	}
-}, se = (e, t) => K[e]?.value ?? v(e) ?? (typeof e == "string" && e.trim() ? `"${e.trim()}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif` : t), ce = (e, ...t) => {
+}, ce = (e, t) => se[e]?.value ?? v(e) ?? (typeof e == "string" && e.trim() ? `"${e.trim()}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif` : t), le = (e, ...t) => {
 	let n = Object.assign({}, e, ...t);
 	return n.primary = {
 		...e.primary,
@@ -502,20 +502,20 @@ var G = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 		}), {})
 	}, n;
 };
-function le(e) {
+function ue(e) {
 	let { light: t, dark: n, font: r, headingFont: i, ...a } = e ?? {};
 	return {
 		font: r ?? oe.font,
 		headingFont: i ?? oe.headingFont,
-		light: ce(ae.light, a, t),
-		dark: ce(ae.dark, n)
+		light: le(G.light, a, t),
+		dark: le(G.dark, n)
 	};
 }
-function ue(e) {
+function K(e) {
 	return {
 		"--page-bg": e.background,
 		"--page-surface": e.surface ?? e.background,
-		"--page-border": e.border ?? ae.light.border,
+		"--page-border": e.border ?? G.light.border,
 		"--page-text": e.text,
 		"--page-accent": e.accent,
 		"--page-accent-text": e.accentText,
@@ -530,19 +530,19 @@ function ue(e) {
 	};
 }
 function de(e) {
-	let t = le(e);
+	let t = ue(e);
 	return {
 		backgroundColor: "var(--page-bg)",
 		color: "var(--page-text)",
-		fontFamily: se(t.font, G),
-		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : se(t.headingFont, "inherit")
+		fontFamily: ce(t.font, ae),
+		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : ce(t.headingFont, "inherit")
 	};
 }
 function fe(e, t = "light") {
-	let n = le(e);
+	let n = ue(e);
 	return {
 		...de(e),
-		...ue(n[t] ?? n.light)
+		...K(n[t] ?? n.light)
 	};
 }
 function pe(e, t) {
@@ -646,17 +646,17 @@ var ve = /* @__PURE__ */ new Set([
 	return new URLSearchParams(window.location.search).forEach((t, n) => {
 		n.startsWith("f_") && n.length > 2 && t !== "" && (e[n.slice(2)] = t);
 	}), e;
-}, J = (e) => {
+}, we = (e) => {
 	let t = {
 		...e && typeof e == "object" && !Array.isArray(e) ? e : {},
 		...Ce()
 	};
 	return Object.fromEntries(Object.entries(t).filter(([, e]) => typeof e == "string" && e.trim() !== ""));
-}, Y = t(null), X = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-function we(e, t) {
+}, J = t(null), Y = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function Te(e, t) {
 	if (t) return t.includes(".") ? t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e) : e?.[t];
 }
-var Te = (e) => {
+var X = (e) => {
 	let t = [];
 	for (let [n, r] of Object.entries(e ?? {})) {
 		if (!/^[\w-]+$/.test(n)) continue;
@@ -670,9 +670,9 @@ function Z(e) {
 	return e == null ? "" : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "object" && !Array.isArray(e) && ("label" in e || "name" in e || "slug" in e) ? String(e.label ?? e.name ?? e.slug ?? "") : typeof e == "object" && !Array.isArray(e) && Number.isFinite(Number(e.lat)) && Number.isFinite(Number(e.lng)) ? `${e.lat}, ${e.lng}` : Array.isArray(e) ? e.map((e) => typeof e == "string" ? e : Array.isArray(e?.parts) ? e.parts.map((e) => e?.text ?? "").join("") : Array.isArray(e?.items) ? e.items.map((e) => e?.text ?? "").join(" ") : e && (e.label != null || e.name != null || e.slug != null) ? String(e.label ?? e.name ?? e.slug) : "").filter(Boolean).join(" ") : "";
 }
 function Ee(e, t) {
-	let n = t?.data ?? {}, r = Te(n);
+	let n = t?.data ?? {}, r = X(n);
 	if (!r.length) return e;
-	let i = RegExp(`:(${r.map(X).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => Z(we(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(Y).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => Z(Te(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 De = {
@@ -771,7 +771,7 @@ function Le({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a
 	});
 }
 var Re = {
-	fontFamily: K.mono.value,
+	fontFamily: se.mono.value,
 	background: "rgba(148, 163, 184, 0.18)",
 	padding: "1px 5px",
 	borderRadius: 4,
@@ -782,11 +782,17 @@ function ze(e, t = [], n, r) {
 	return t.includes("sup") ? i = /* @__PURE__ */ u("sup", { children: i }) : t.includes("sub") && (i = /* @__PURE__ */ u("sub", { children: i })), t.includes("code") && (i = /* @__PURE__ */ u("code", {
 		style: Re,
 		children: i
-	})), t.includes("strike") && (i = /* @__PURE__ */ u("s", { children: i })), t.includes("underline") && (i = /* @__PURE__ */ u("u", { children: i })), t.includes("italic") && (i = /* @__PURE__ */ u("em", { children: i })), t.includes("bold") && (i = /* @__PURE__ */ u("strong", { children: i })), n && (i = /* @__PURE__ */ u("a", {
+	})), t.includes("strike") && (i = /* @__PURE__ */ u("s", { children: i })), t.includes("underline") && (i = /* @__PURE__ */ u("u", { children: i })), t.includes("italic") && (i = /* @__PURE__ */ u("em", { children: i })), t.includes("bold") && (i = /* @__PURE__ */ u("strong", { children: i })), n ? i = /* @__PURE__ */ u("a", {
 		href: n,
 		target: r || void 0,
 		rel: r === "_blank" ? "noopener noreferrer" : void 0,
-		style: { color: "inherit" },
+		style: {
+			color: "inherit",
+			...t.includes("nounderline") && { textDecoration: "none" }
+		},
+		children: i
+	}) : t.includes("nounderline") && (i = /* @__PURE__ */ u("span", {
+		style: { textDecoration: "none" },
 		children: i
 	})), i;
 }
@@ -804,11 +810,17 @@ function Be(t, n, r) {
 				...t.background && { backgroundColor: t.background }
 			},
 			children: i
-		})), t.href && (i = /* @__PURE__ */ u("a", {
+		})), t.href ? i = /* @__PURE__ */ u("a", {
 			href: t.href,
 			target: t.target || void 0,
 			rel: t.target === "_blank" ? "noopener noreferrer" : void 0,
-			style: { color: t.color ?? "inherit" },
+			style: {
+				color: t.color ?? "inherit",
+				...t.nounderline && { textDecoration: "none" }
+			},
+			children: i
+		}) : t.nounderline && (i = /* @__PURE__ */ u("span", {
+			style: { textDecoration: "none" },
 			children: i
 		})), /* @__PURE__ */ u(e, { children: i }, n);
 	}) : n;
@@ -1769,7 +1781,7 @@ function xt({ name: e = "star", paths: t, fill: n = !1, size: r = 24, stroke: i
 function St(e, t = {}, n = 0) {
 	let r = Array.isArray(e) ? e.filter((e) => e && typeof e == "object") : [], i = (e) => e == null ? "" : Z(e), a = Math.max(0, Number(n) || 0), o = [];
 	for (let e of r) {
-		let n = e.data ?? e, r = we(n, t.imageField), s = (Array.isArray(r) ? r : [r]).map((e) => e && typeof e == "object" ? e.url ?? e.src ?? "" : e).filter((e) => typeof e == "string" && e.trim()), c = t.nameField ? i(we(n, t.nameField)) : i(n.name), l = t.hrefField ? i(we(n, t.hrefField)) : "";
+		let n = e.data ?? e, r = Te(n, t.imageField), s = (Array.isArray(r) ? r : [r]).map((e) => e && typeof e == "object" ? e.url ?? e.src ?? "" : e).filter((e) => typeof e == "string" && e.trim()), c = t.nameField ? i(Te(n, t.nameField)) : i(n.name), l = t.hrefField ? i(Te(n, t.hrefField)) : "";
 		for (let e of s) if (o.push({
 			src: e,
 			name: c,
@@ -2329,55 +2341,79 @@ function Ot({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 		}, e.key))]
 	}) : null;
 }
-function kt({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
-	let [a, o] = c(() => new Set(e.length ? [e[0].key] : []));
+function kt({ items: e = [], linked: t, multiple: n = !1, icon: r = "", padX: i, padY: a, headerBg: o, headerColor: s, openBg: l, openColor: f, borderColor: p, style: m, nodeRef: h }) {
+	let [g, _] = c(() => new Set(e.length ? [e[0].key] : []));
 	if (!e.length) return null;
-	let s = (e) => o((t) => {
+	let v = (e, t) => typeof e == "string" && e ? e : t, y = (e, t) => {
+		let n = Number(e);
+		return e === "" || e == null || !Number.isFinite(n) ? t : n;
+	}, b = bt[r], x = (e) => _((t) => {
 		let r = new Set(n ? t : []);
 		return t.has(e) ? r.delete(e) : r.add(e), r;
 	});
 	return /* @__PURE__ */ u("div", {
-		ref: i,
+		ref: h,
 		style: {
 			width: "100%",
-			...A(r)
+			...A(m)
 		},
 		children: e.map((n, r) => {
-			let i = a.has(n.key);
+			let c = g.has(n.key);
 			return /* @__PURE__ */ d("div", {
-				style: { borderBottom: r < e.length - 1 ? "1px solid rgba(148, 163, 184, 0.35)" : "none" },
+				style: { borderBottom: r < e.length - 1 ? `1px solid ${v(p, "rgba(148, 163, 184, 0.35)")}` : "none" },
 				children: [/* @__PURE__ */ d("button", {
 					type: "button",
-					onClick: () => s(n.key),
+					onClick: () => x(n.key),
 					style: {
 						width: "100%",
 						display: "flex",
 						alignItems: "center",
 						justifyContent: "space-between",
 						gap: 12,
-						background: "transparent",
+						background: c ? v(l, v(o, "transparent")) : v(o, "transparent"),
 						border: 0,
-						padding: "14px 4px",
+						padding: `${y(a, 14)}px ${y(i, 4)}px`,
 						fontSize: 15,
 						fontWeight: 600,
 						fontFamily: "inherit",
-						color: "inherit",
+						color: c ? v(f, v(s, "inherit")) : v(s, "inherit"),
 						textAlign: "left",
-						cursor: "pointer"
+						cursor: "pointer",
+						transition: "background 180ms, color 180ms"
 					},
-					children: [n.title || `Item ${r + 1}`, /* @__PURE__ */ u("span", {
+					children: [/* @__PURE__ */ d("span", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: 10,
+							minWidth: 0
+						},
+						children: [b ? /* @__PURE__ */ u("svg", {
+							viewBox: "0 0 24 24",
+							width: 16,
+							height: 16,
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: 2,
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							"aria-hidden": "true",
+							style: { flexShrink: 0 },
+							children: /* @__PURE__ */ u("path", { d: b })
+						}) : null, n.title || `Item ${r + 1}`]
+					}), /* @__PURE__ */ u("span", {
 						"aria-hidden": !0,
 						style: {
 							fontSize: 12,
 							opacity: .6,
-							transform: i ? "rotate(180deg)" : "none",
+							transform: c ? "rotate(180deg)" : "none",
 							transition: "transform 180ms"
 						},
 						children: "▼"
 					})]
 				}), /* @__PURE__ */ u("div", {
 					style: {
-						display: i ? "flex" : "none",
+						display: c ? "flex" : "none",
 						flexDirection: "column"
 					},
 					children: t?.[n.key] ?? null
@@ -3005,7 +3041,7 @@ function en({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 	});
 }
 function tn({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, imageField: o, titleField: s = "name", textField: l, custom: f, templateId: p, paged: m, filters: h, style: g, nodeRef: _ }) {
-	let { tenant: v, apiUrl: y, locale: b } = r(q), x = r(Y), S = r(xe), [, C] = c(0);
+	let { tenant: v, apiUrl: y, locale: b } = r(q), x = r(J), S = r(xe), [, C] = c(0);
 	i(() => {
 		if (typeof window > "u") return;
 		let e = () => C((e) => e + 1);
@@ -3013,7 +3049,7 @@ function tn({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 			window.removeEventListener("popstate", e), window.removeEventListener("webim:urlchange", e);
 		};
 	}, []);
-	let w = J(h), T = JSON.stringify(w), E = T !== "{}" && !e?.startsWith?.("api:"), D = E ? null : S?.[e], O = m ? Se(S) : 1, [k, j] = c(null);
+	let w = we(h), T = JSON.stringify(w), E = T !== "{}" && !e?.startsWith?.("api:"), D = E ? null : S?.[e], O = m ? Se(S) : 1, [k, j] = c(null);
 	if (i(() => {
 		if (!e || D) return;
 		let n = !0, r = new URLSearchParams();
@@ -3068,7 +3104,7 @@ function tn({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 			...A(g)
 		},
 		children: N.map((e) => {
-			let t = o ? we(e?.data, o) : null, r = s ? Z(we(e?.data, s)) : null, i = l ? we(e?.data, l) : null, a = Array.isArray(i) ? i : null, c = a || i == null ? null : Z(i), f = n === "list";
+			let t = o ? Te(e?.data, o) : null, r = s ? Z(Te(e?.data, s)) : null, i = l ? Te(e?.data, l) : null, a = Array.isArray(i) ? i : null, c = a || i == null ? null : Z(i), f = n === "list";
 			return /* @__PURE__ */ d("div", {
 				style: {
 					display: "flex",
@@ -4255,87 +4291,87 @@ var kn = 360, An = "\n.wb-tedit-btn {\n  cursor: pointer;\n  border-radius: 4px;
 		children: t
 	}) : t;
 };
-function Nn({ columns: e = [], rows: t = [], widths: n = [], rowKeys: a = [], colKeys: o = [], heights: f = [], spans: p, linked: m, source: h, limit: g = 10, header: _ = !0, striped: v = !0, bordered: y = !1, compact: b = !1, padX: x, padY: S, paged: C, emptyText: w, stickyHeader: T, headerBg: E, headerColor: D, headerAlign: O, maxHeight: k, style: j, nodeRef: M, edit: N }) {
-	let P = s(null), F = s(null), [I, L] = c(null), [R, z] = c(null), B = (e, t) => () => L({
+function Nn({ columns: e = [], rows: t = [], widths: n = [], rowKeys: a = [], colKeys: o = [], heights: f = [], spans: p, linked: m, source: h, limit: g = 10, header: _ = !0, striped: v = !0, bordered: y = !1, compact: b = !1, padX: x, padY: S, paged: C, emptyText: w, stickyHeader: T, headerBg: E, headerColor: D, headerAlign: O, borderColor: k, maxHeight: j, style: M, nodeRef: N, edit: P }) {
+	let F = s(null), I = s(null), [L, R] = c(null), [z, B] = c(null), V = (e, t) => () => R({
 		r: e,
 		c: t
 	});
 	i(() => {
-		if (!N) return;
-		let e = F.current, t = I && e?.querySelector(`[data-cell="${I.r}-${I.c}"]`);
+		if (!P) return;
+		let e = I.current, t = L && e?.querySelector(`[data-cell="${L.r}-${L.c}"]`);
 		if (!t) {
-			R && z(null);
+			z && B(null);
 			return;
 		}
 		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = {
 			top: r.bottom - n.top + 4,
 			left: Math.max(0, Math.min(r.left - n.left, n.width - kn))
 		};
-		(R?.top !== i.top || R?.left !== i.left) && z(i);
+		(z?.top !== i.top || z?.left !== i.left) && B(i);
 	}), i(() => {
-		if (!N || !I) return;
+		if (!P || !L) return;
 		let e = (e) => {
-			F.current?.contains(e.target) || L(null);
+			I.current?.contains(e.target) || R(null);
 		};
 		return document.addEventListener("mousedown", e, !0), () => document.removeEventListener("mousedown", e, !0);
-	}, [N, I]);
-	let { tenant: V, apiUrl: H } = r(q), U = r(xe), W = U?.[h], ee = C ? Se(U) : 1, [te, ne] = c(null);
+	}, [P, L]);
+	let { tenant: H, apiUrl: U } = r(q), ee = r(xe), W = ee?.[h], te = C ? Se(ee) : 1, [ne, re] = c(null);
 	if (i(() => {
 		if (!h || W) return;
-		let e = !0, t = Math.max(1, Number(g) || 10), n = C && !h.startsWith("api:") ? `?offset=${(ee - 1) * t}&limit=${t}` : "", r = h.startsWith("api:") ? `${H}/data/${encodeURIComponent(h.slice(4))}` : `${H}/dynamic/${encodeURIComponent(h)}${n}`;
-		return fetch(r, { headers: V ? { "x-tenant": V } : {} }).then((e) => e.json()).then((t) => {
+		let e = !0, t = Math.max(1, Number(g) || 10), n = C && !h.startsWith("api:") ? `?offset=${(te - 1) * t}&limit=${t}` : "", r = h.startsWith("api:") ? `${U}/data/${encodeURIComponent(h.slice(4))}` : `${U}/dynamic/${encodeURIComponent(h)}${n}`;
+		return fetch(r, { headers: H ? { "x-tenant": H } : {} }).then((e) => e.json()).then((t) => {
 			let n = Array.isArray(t?.payload) ? t.payload : Array.isArray(t?.payload?.data) ? t.payload.data : [];
-			return e && ne(n);
-		}).catch(() => e && ne([])), () => {
+			return e && re(n);
+		}).catch(() => e && re([])), () => {
 			e = !1;
 		};
 	}, [
 		h,
-		V,
 		H,
+		U,
 		W,
 		C,
-		ee,
+		te,
 		g
 	]), !e.length) return null;
-	let re = Math.max(1, Number(g) || 10), ie = h ? C ? W || h.startsWith("api:") ? (W ?? te ?? []).slice((ee - 1) * re, ee * re) : (te ?? []).slice(0, re) : (W ?? te ?? []).slice(0, re) : null, G = ie ? ie.map((t) => e.map((e) => Z(we(t?.data, e.field)))) : t, ae = !!h && !(h && !W && te === null) && G.length === 0, oe = b ? {
+	let ie = Math.max(1, Number(g) || 10), ae = h ? C ? W || h.startsWith("api:") ? (W ?? ne ?? []).slice((te - 1) * ie, te * ie) : (ne ?? []).slice(0, ie) : (W ?? ne ?? []).slice(0, ie) : null, G = ae ? ae.map((t) => e.map((e) => Z(Te(t?.data, e.field)))) : t, oe = !!h && !(h && !W && ne === null) && G.length === 0, se = b ? {
 		y: 6,
 		x: 10
 	} : {
 		y: 10,
 		x: 14
-	}, K = `${Number.isFinite(Number(S)) && S !== "" ? Number(S) : oe.y}px ${Number.isFinite(Number(x)) && x !== "" ? Number(x) : oe.x}px`, se = "1px solid rgba(148, 163, 184, 0.35)", ce = y ? { border: se } : { borderBottom: se }, le = Array.isArray(n) && n.length === e.length && n.every((e) => Number.isFinite(e) && e > 0), ue = [
+	}, ce = `${Number.isFinite(Number(S)) && S !== "" ? Number(S) : se.y}px ${Number.isFinite(Number(x)) && x !== "" ? Number(x) : se.x}px`, le = `1px solid ${typeof k == "string" && k ? k : "rgba(148, 163, 184, 0.35)"}`, ue = y ? { border: le } : { borderBottom: le }, K = Array.isArray(n) && n.length === e.length && n.every((e) => Number.isFinite(e) && e > 0), de = [
 		"left",
 		"center",
 		"right"
-	], de = (t) => ue.includes(e[t]?.align) ? e[t].align : "", fe = (e) => de(e) || (ue.includes(O) ? O : "left"), pe = Number.isFinite(Number(k)) && Number(k) > 0 ? Number(k) : 0, me = A(j), he = !pe && me && me.maxHeight !== void 0 ? me.maxHeight : 0, ge = pe || he, _e = he ? {
-		...me,
+	], fe = (t) => de.includes(e[t]?.align) ? e[t].align : "", pe = (e) => fe(e) || (de.includes(O) ? O : "left"), me = Number.isFinite(Number(j)) && Number(j) > 0 ? Number(j) : 0, he = A(M), ge = !me && he && he.maxHeight !== void 0 ? he.maxHeight : 0, _e = me || ge, ve = ge ? {
+		...he,
 		maxHeight: void 0
-	} : me, ve = !!N && N.rows !== !1, ye = (t) => (r) => {
-		if (!N?.resize || t >= e.length - 1) return;
+	} : he, ye = !!P && P.rows !== !1, be = (t) => (r) => {
+		if (!P?.resize || t >= e.length - 1) return;
 		r.preventDefault(), r.stopPropagation();
-		let i = P.current, a = i ? i.clientWidth : 0;
+		let i = F.current, a = i ? i.clientWidth : 0;
 		if (!a) return;
-		let o = le ? [...n] : e.map(() => 100 / e.length), s = r.clientX, c = o[t] + o[t + 1], l = (e) => {
+		let o = K ? [...n] : e.map(() => 100 / e.length), s = r.clientX, c = o[t] + o[t + 1], l = (e) => {
 			let n = (e.clientX - s) / a * 100, r = Math.min(c - 5, Math.max(5, o[t] + n)), i = [...o];
-			i[t] = Math.round(r * 10) / 10, i[t + 1] = Math.round((c - r) * 10) / 10, N.resize(i);
+			i[t] = Math.round(r * 10) / 10, i[t + 1] = Math.round((c - r) * 10) / 10, P.resize(i);
 		}, u = () => {
 			window.removeEventListener("pointermove", l), window.removeEventListener("pointerup", u);
 		};
 		window.addEventListener("pointermove", l), window.addEventListener("pointerup", u);
-	}, be = /* @__PURE__ */ new Set();
+	}, Ce = /* @__PURE__ */ new Set();
 	p && G.forEach((t, n) => e.forEach((e, t) => {
 		let r = p[jn(a[n], o[t])];
 		if (!r) return;
 		let i = Math.max(1, Number(r.c) || 1), s = Math.max(1, Number(r.r) || 1);
-		for (let e = 0; e < s; e++) for (let r = 0; r < i; r++) (e || r) && be.add(`${n + e},${t + r}`);
+		for (let e = 0; e < s; e++) for (let r = 0; r < i; r++) (e || r) && Ce.add(`${n + e},${t + r}`);
 	}));
-	let Ce = (e) => (t) => {
-		if (!N?.resizeRow) return;
+	let we = (e) => (t) => {
+		if (!P?.resizeRow) return;
 		t.preventDefault(), t.stopPropagation();
 		let n = t.currentTarget.closest("tr");
 		if (!n) return;
-		let r = t.clientY, i = n.offsetHeight, a = (t) => N.resizeRow(e, Math.max(20, Math.round(i + (t.clientY - r)))), o = () => {
+		let r = t.clientY, i = n.offsetHeight, a = (t) => P.resizeRow(e, Math.max(20, Math.round(i + (t.clientY - r)))), o = () => {
 			window.removeEventListener("pointermove", a), window.removeEventListener("pointerup", o);
 		};
 		window.addEventListener("pointermove", a), window.addEventListener("pointerup", o);
@@ -4348,23 +4384,23 @@ function Nn({ columns: e = [], rows: t = [], widths: n = [], rowKeys: a = [], co
 		},
 		onClick: n,
 		children: e
-	}, t), Y = I && I.r < G.length && I.c < e.length ? I : null, X = (e, t) => N?.labels?.[e] ?? t, Te = Y ? p?.[jn(a[Y.r], o[Y.c])] : null, Ee = Math.max(1, Number(Te?.c) || 1), De = Math.max(1, Number(Te?.r) || 1);
+	}, t), Y = L && L.r < G.length && L.c < e.length ? L : null, X = (e, t) => P?.labels?.[e] ?? t, Ee = Y ? p?.[jn(a[Y.r], o[Y.c])] : null, De = Math.max(1, Number(Ee?.c) || 1), Oe = Math.max(1, Number(Ee?.r) || 1);
 	return /* @__PURE__ */ d("div", {
 		ref: (e) => {
-			F.current = e, typeof M == "function" && M(e);
+			I.current = e, typeof N == "function" && N(e);
 		},
 		style: {
 			width: "100%",
-			...N ? { position: "relative" } : null,
-			..._e
+			...P ? { position: "relative" } : null,
+			...ve
 		},
 		children: [
-			N && /* @__PURE__ */ u("style", { children: An }),
-			N && Y && R && /* @__PURE__ */ d("div", {
+			P && /* @__PURE__ */ u("style", { children: An }),
+			P && Y && z && /* @__PURE__ */ d("div", {
 				className: "wb-tedit-bar",
 				style: {
-					top: R.top,
-					left: R.left
+					top: z.top,
+					left: z.left
 				},
 				onMouseDown: (e) => e.stopPropagation(),
 				children: [
@@ -4372,105 +4408,105 @@ function Nn({ columns: e = [], rows: t = [], widths: n = [], rowKeys: a = [], co
 						className: "wb-tedit-at",
 						children: `R${Y.r + 1}·C${Y.c + 1}`
 					}),
-					J("+↑", X("rowAbove", "Insert row above"), () => N.addRow(Y.r - 1)),
-					J("+↓", X("rowBelow", "Insert row below"), () => N.addRow(Y.r)),
-					J("↑", X("rowUp", "Move row up"), () => N.moveRow(Y.r, -1), Y.r === 0),
-					J("↓", X("rowDown", "Move row down"), () => N.moveRow(Y.r, 1), Y.r >= G.length - 1),
-					J("✕ row", X("rowDelete", "Delete row"), () => N.dropRow(Y.r), G.length <= 1),
+					J("+↑", X("rowAbove", "Insert row above"), () => P.addRow(Y.r - 1)),
+					J("+↓", X("rowBelow", "Insert row below"), () => P.addRow(Y.r)),
+					J("↑", X("rowUp", "Move row up"), () => P.moveRow(Y.r, -1), Y.r === 0),
+					J("↓", X("rowDown", "Move row down"), () => P.moveRow(Y.r, 1), Y.r >= G.length - 1),
+					J("✕ row", X("rowDelete", "Delete row"), () => P.dropRow(Y.r), G.length <= 1),
 					/* @__PURE__ */ u("span", { className: "wb-tedit-sep" }),
-					J("+←", X("colLeft", "Insert column left"), () => N.addColumn(Y.c - 1)),
-					J("+→", X("colRight", "Insert column right"), () => N.addColumn(Y.c)),
-					J("←", X("colMoveLeft", "Move column left"), () => N.moveColumn(Y.c, -1), Y.c === 0),
-					J("→", X("colMoveRight", "Move column right"), () => N.moveColumn(Y.c, 1), Y.c >= e.length - 1),
-					J("✕ col", X("colDelete", "Delete column"), () => N.dropColumn(Y.c), e.length <= 1),
+					J("+←", X("colLeft", "Insert column left"), () => P.addColumn(Y.c - 1)),
+					J("+→", X("colRight", "Insert column right"), () => P.addColumn(Y.c)),
+					J("←", X("colMoveLeft", "Move column left"), () => P.moveColumn(Y.c, -1), Y.c === 0),
+					J("→", X("colMoveRight", "Move column right"), () => P.moveColumn(Y.c, 1), Y.c >= e.length - 1),
+					J("✕ col", X("colDelete", "Delete column"), () => P.dropColumn(Y.c), e.length <= 1),
 					/* @__PURE__ */ u("span", { className: "wb-tedit-sep" }),
-					J("↔", X("mergeRight", "Merge with the cell on the right"), () => N.merge(Y.r, Y.c, "right"), Y.c + Ee >= e.length),
-					J("↕", X("mergeDown", "Merge with the cell below"), () => N.merge(Y.r, Y.c, "down"), Y.r + De >= G.length),
-					J("⤫", X("split", "Split this cell"), () => N.split(Y.r, Y.c), Ee === 1 && De === 1)
+					J("↔", X("mergeRight", "Merge with the cell on the right"), () => P.merge(Y.r, Y.c, "right"), Y.c + De >= e.length),
+					J("↕", X("mergeDown", "Merge with the cell below"), () => P.merge(Y.r, Y.c, "down"), Y.r + Oe >= G.length),
+					J("⤫", X("split", "Split this cell"), () => P.split(Y.r, Y.c), De === 1 && Oe === 1)
 				]
 			}),
 			/* @__PURE__ */ u("div", {
 				style: {
 					width: "100%",
 					overflowX: "auto",
-					...ge ? {
-						maxHeight: ge,
+					..._e ? {
+						maxHeight: _e,
 						overflowY: "auto"
 					} : null
 				},
 				children: /* @__PURE__ */ d("table", {
-					ref: P,
+					ref: F,
 					style: {
 						width: "100%",
 						borderCollapse: T && _ !== !1 ? "separate" : "collapse",
 						borderSpacing: 0,
 						fontSize: 14,
-						...le ? { tableLayout: "fixed" } : null,
-						...y ? { border: se } : {}
+						...K ? { tableLayout: "fixed" } : null,
+						...y ? { border: le } : {}
 					},
 					children: [
-						le && /* @__PURE__ */ u("colgroup", { children: n.map((e, t) => /* @__PURE__ */ u("col", { style: { width: `${e}%` } }, t)) }),
+						K && /* @__PURE__ */ u("colgroup", { children: n.map((e, t) => /* @__PURE__ */ u("col", { style: { width: `${e}%` } }, t)) }),
 						_ === !1 ? null : /* @__PURE__ */ u("thead", { children: /* @__PURE__ */ u("tr", { children: e.map((t, n) => /* @__PURE__ */ u("th", {
-							className: N ? "wb-tedit-head" : void 0,
+							className: P ? "wb-tedit-head" : void 0,
 							style: {
-								textAlign: fe(n),
+								textAlign: pe(n),
 								fontWeight: 600,
-								padding: K,
+								padding: ce,
 								...typeof D == "string" && D ? { color: D } : null,
 								background: typeof E == "string" && E ? E : T ? "var(--page-surface, #f2f2f2)" : "rgba(148, 163, 184, 0.12)",
 								...T ? {
 									position: "sticky",
 									top: 0,
 									zIndex: 2
-								} : N ? { position: "relative" } : null,
-								...ce
+								} : P ? { position: "relative" } : null,
+								...ue
 							},
-							children: N ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(On, {
+							children: P ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(On, {
 								value: t.label ?? t,
-								onCommit: (e) => N.header(n, e),
+								onCommit: (e) => P.header(n, e),
 								hint: X("editCell", "Double-click to edit"),
 								style: { paddingRight: 6 }
 							}), n < e.length - 1 && /* @__PURE__ */ u("span", {
 								className: "wb-tedit-grip",
 								title: X("colWidth", "Drag to resize the column"),
-								onPointerDown: ye(n)
+								onPointerDown: be(n)
 							})] }) : t.label ?? t
 						}, n)) }) }),
-						/* @__PURE__ */ d("tbody", { children: [ae && /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", {
+						/* @__PURE__ */ d("tbody", { children: [oe && /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", {
 							colSpan: e.length,
 							style: {
-								padding: K,
+								padding: ce,
 								textAlign: "center",
 								opacity: .6,
-								...ce
+								...ue
 							},
 							children: w || "No data yet"
 						}) }), G.map((t, n) => /* @__PURE__ */ u("tr", {
-							className: N ? "wb-tedit-row" : void 0,
+							className: P ? "wb-tedit-row" : void 0,
 							style: {
 								...v && n % 2 == 1 ? { background: "rgba(148, 163, 184, 0.07)" } : null,
 								...Number.isFinite(Number(f?.[n])) && f[n] > 0 ? { height: f[n] } : null
 							},
 							children: e.map((e, r) => {
-								if (be.has(`${n},${r}`)) return null;
+								if (Ce.has(`${n},${r}`)) return null;
 								let i = jn(a[n], o[r]), s = m?.[i], c = p?.[i], l = Math.max(1, Number(c?.c) || 1), f = Math.max(1, Number(c?.r) || 1);
 								return /* @__PURE__ */ d("td", {
-									className: N ? `wb-tedit-cell${I?.r === n && I?.c === r ? " wb-tedit-cellon" : ""}` : void 0,
-									onMouseDownCapture: ve ? B(n, r) : void 0,
-									"data-cell": N ? `${n}-${r}` : void 0,
+									className: P ? `wb-tedit-cell${L?.r === n && L?.c === r ? " wb-tedit-cellon" : ""}` : void 0,
+									onMouseDownCapture: ye ? V(n, r) : void 0,
+									"data-cell": P ? `${n}-${r}` : void 0,
 									colSpan: l > 1 ? l : void 0,
 									rowSpan: f > 1 ? f : void 0,
 									style: {
-										padding: K,
-										...de(r) ? { textAlign: de(r) } : null,
-										...N ? { position: "relative" } : null,
-										...ce
+										padding: ce,
+										...fe(r) ? { textAlign: fe(r) } : null,
+										...P ? { position: "relative" } : null,
+										...ue
 									},
-									children: [s ?? Mn(t?.[r]), N && ve && /* @__PURE__ */ u("span", {
+									children: [s ?? Mn(t?.[r]), P && ye && /* @__PURE__ */ u("span", {
 										className: "wb-tedit-rowgrip",
 										title: X("rowHeight", "Drag to set the row height — double-click to fit the content"),
-										onPointerDown: Ce(n),
-										onDoubleClick: () => N.resizeRow(n, 0)
+										onPointerDown: we(n),
+										onDoubleClick: () => P.resizeRow(n, 0)
 									})]
 								}, r);
 							})
@@ -4621,16 +4657,16 @@ function Vn({ events: e = [], source: t = "", titleField: n = "", startField: a
 	}, U = new Intl.DateTimeFormat(V, {
 		month: "long",
 		year: "numeric"
-	}).format(new Date(M.year, M.month, 1)), W = (e) => N((t) => {
+	}).format(new Date(M.year, M.month, 1)), ee = (e) => N((t) => {
 		let n = new Date(t.year, t.month + e, 1);
 		return {
 			year: n.getFullYear(),
 			month: n.getMonth()
 		};
-	}), ee = (e, t) => /* @__PURE__ */ u("button", {
+	}), W = (e, t) => /* @__PURE__ */ u("button", {
 		type: "button",
 		"aria-label": e,
-		onClick: () => W(t),
+		onClick: () => ee(t),
 		style: {
 			background: "transparent",
 			border: `1px solid ${I}`,
@@ -4659,8 +4695,8 @@ function Vn({ events: e = [], source: t = "", titleField: n = "", startField: a
 				},
 				children: U
 			}),
-			ee("Previous month", -1),
-			ee("Next month", 1)
+			W("Previous month", -1),
+			W("Next month", 1)
 		]
 	});
 	if (p === "list") {
@@ -4712,10 +4748,10 @@ function Vn({ events: e = [], source: t = "", titleField: n = "", startField: a
 			})]
 		});
 	}
-	let ne = new Date(M.year, M.month, 1), re = y === "sunday" ? 0 : 1, ie = (ne.getDay() - re + 7) % 7, G = new Date(M.year, M.month + 1, 0).getDate(), ae = Math.ceil((ie + G) / 7), oe = Fn(/* @__PURE__ */ new Date()), K = new Intl.DateTimeFormat(V, { weekday: "short" }), se = [];
-	for (let e = 0; e < ae * 7; e += 1) {
-		let t = e - ie + 1, n = t >= 1 && t <= G, r = Fn(new Date(M.year, M.month, t)), i = n ? B.get(r) ?? [] : [], a = i.slice(0, Math.max(1, b)), o = n && r === oe;
-		se.push(/* @__PURE__ */ d("div", {
+	let ne = new Date(M.year, M.month, 1), re = y === "sunday" ? 0 : 1, ie = (ne.getDay() - re + 7) % 7, ae = new Date(M.year, M.month + 1, 0).getDate(), G = Math.ceil((ie + ae) / 7), oe = Fn(/* @__PURE__ */ new Date()), se = new Intl.DateTimeFormat(V, { weekday: "short" }), ce = [];
+	for (let e = 0; e < G * 7; e += 1) {
+		let t = e - ie + 1, n = t >= 1 && t <= ae, r = Fn(new Date(M.year, M.month, t)), i = n ? B.get(r) ?? [] : [], a = i.slice(0, Math.max(1, b)), o = n && r === oe;
+		ce.push(/* @__PURE__ */ d("div", {
 			style: {
 				minHeight: P.cell,
 				borderTop: `1px solid ${I}`,
@@ -4772,8 +4808,8 @@ function Vn({ events: e = [], source: t = "", titleField: n = "", startField: a
 						textAlign: "center",
 						padding: `0 0 ${P.pad}px`
 					},
-					children: K.format(new Date(2024, 0, 7 + re + t))
-				}, `head-${t}`)), se]
+					children: se.format(new Date(2024, 0, 7 + re + t))
+				}, `head-${t}`)), ce]
 			}),
 			/* @__PURE__ */ u("div", { style: { borderTop: `1px solid ${I}` } })
 		]
@@ -5915,8 +5951,8 @@ function Er(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var Dr = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), Or = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(ue(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
-.webim-page[data-webim-mode="dark"] { ${Object.entries(ue(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
+var Dr = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), Or = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(K(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
+.webim-page[data-webim-mode="dark"] { ${Object.entries(K(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
 function kr({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, animations: c, tenant: l, apiUrl: f, datasets: p, locale: m, direction: h, settings: _, siteUser: v }) {
 	let b = s?.js?.trim();
 	if (i(() => {
@@ -5931,7 +5967,7 @@ function kr({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, w = Er("ROOT", e, n), T = o(() => ({ render: (t, r) => Er(t, e, n, void 0, { mapProps: r }) }), [e, n]), D = ie(e, n), O = re(e, n), k = s?.css?.trim(), A = E(c), j = le(t), M = [j.font, j.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !K[e]), N = [.../* @__PURE__ */ new Set([...y(e, n), ...M])].map((e) => /* @__PURE__ */ u("link", {
+	}, w = Er("ROOT", e, n), T = o(() => ({ render: (t, r) => Er(t, e, n, void 0, { mapProps: r }) }), [e, n]), D = ie(e, n), O = re(e, n), k = s?.css?.trim(), A = E(c), j = ue(t), M = [j.font, j.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !se[e]), N = [.../* @__PURE__ */ new Set([...y(e, n), ...M])].map((e) => /* @__PURE__ */ u("link", {
 		rel: "stylesheet",
 		precedence: "default",
 		href: g(e)
@@ -5947,7 +5983,7 @@ function kr({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 			initialUser: v,
 			children: /* @__PURE__ */ u(xe.Provider, {
 				value: p ?? null,
-				children: /* @__PURE__ */ u(Y.Provider, {
+				children: /* @__PURE__ */ u(J.Provider, {
 					value: T,
 					children: /* @__PURE__ */ d("div", {
 						...x,
@@ -5958,8 +5994,8 @@ function kr({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 							...a
 						},
 						children: [
-							/* @__PURE__ */ u("style", { children: `.webim-page { ${Dr(ue(j.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${Dr(ue(j.dark))} } }` }),
+							/* @__PURE__ */ u("style", { children: `.webim-page { ${Dr(K(j.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${Dr(K(j.dark))} } }` }),
 							/* @__PURE__ */ u("style", { children: P }),
 							N,
 							/* @__PURE__ */ u("style", { children: S }),
@@ -5983,7 +6019,7 @@ function kr({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 			initialUser: v,
 			children: /* @__PURE__ */ u(xe.Provider, {
 				value: p ?? null,
-				children: /* @__PURE__ */ u(Y.Provider, {
+				children: /* @__PURE__ */ u(J.Provider, {
 					value: T,
 					children: /* @__PURE__ */ d("div", {
 						...x,