webim-adapter 0.1.0 → 0.2.0

package/build/webim-adapter.js

@@ -26,55 +26,55 @@ function f(e) {
 		f,
 		p
 	].some((e) => e !== void 0) && m.push(`${u(s ?? 0)} ${u(c ?? 0)} ${u(f ?? 0)} ${p || "rgba(0, 0, 0, 0.35)"}`), m.length && (t.textShadow = m.join(", "));
-	let h = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}deg` : e, g = (e) => e.type === "move" ? `translate(${u(e.x ?? 0)}, ${u(e.y ?? 0)})` : e.type === "scale" ? `scale(${e.v ?? 1})` : e.type === "rotate" ? `rotate(${h(e.a ?? 0)})` : e.type === "skew" ? `skew(${h(e.x ?? 0)}, ${h(e.y ?? 0)})` : null, { transforms: _, translateX: v, translateY: y, scale: b, rotate: x, skewX: S, skewY: C } = t;
+	let h = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}deg` : e, g = (e) => e.type === "move" ? `translate(${u(e.x ?? 0)}, ${u(e.y ?? 0)})` : e.type === "scale" ? `scale(${e.v ?? 1})` : e.type === "rotate" ? `rotate(${h(e.a ?? 0)})` : e.type === "skew" ? `skew(${h(e.x ?? 0)}, ${h(e.y ?? 0)})` : null, { transforms: _, translateX: v, translateY: y, scale: b, rotate: x, skewX: S, skewY: ee } = t;
 	delete t.transforms, delete t.translateX, delete t.translateY, delete t.scale, delete t.rotate, delete t.skewX, delete t.skewY;
-	let w = (Array.isArray(_) ? _ : []).filter((e) => e && e.on !== !1).map(g).filter(Boolean);
-	(v !== void 0 || y !== void 0) && w.push(`translate(${u(v ?? 0)}, ${u(y ?? 0)})`), b !== void 0 && w.push(`scale(${b})`), x !== void 0 && w.push(`rotate(${h(x)})`), (S !== void 0 || C !== void 0) && w.push(`skew(${h(S ?? 0)}, ${h(C ?? 0)})`), w.length && (t.transform = w.join(" "));
-	let T = (e) => `${e.inset ? "inset " : ""}${u(e.x ?? 0)} ${u(e.y ?? 0)} ${u(e.blur ?? 0)} ${u(e.spread ?? 0)} ${e.color || "rgba(15, 23, 42, 0.2)"}`, { shadows: E, boxShadowX: D, boxShadowY: O, boxShadowBlur: k, boxShadowSpread: A, boxShadowColor: j, boxShadowInset: M } = t;
+	let C = (Array.isArray(_) ? _ : []).filter((e) => e && e.on !== !1).map(g).filter(Boolean);
+	(v !== void 0 || y !== void 0) && C.push(`translate(${u(v ?? 0)}, ${u(y ?? 0)})`), b !== void 0 && C.push(`scale(${b})`), x !== void 0 && C.push(`rotate(${h(x)})`), (S !== void 0 || ee !== void 0) && C.push(`skew(${h(S ?? 0)}, ${h(ee ?? 0)})`), C.length && (t.transform = C.join(" "));
+	let w = (e) => `${e.inset ? "inset " : ""}${u(e.x ?? 0)} ${u(e.y ?? 0)} ${u(e.blur ?? 0)} ${u(e.spread ?? 0)} ${e.color || "rgba(15, 23, 42, 0.2)"}`, { shadows: T, boxShadowX: E, boxShadowY: D, boxShadowBlur: O, boxShadowSpread: k, boxShadowColor: A, boxShadowInset: j } = t;
 	delete t.shadows, delete t.boxShadowX, delete t.boxShadowY, delete t.boxShadowBlur, delete t.boxShadowSpread, delete t.boxShadowColor, delete t.boxShadowInset;
-	let N = (Array.isArray(E) ? E : []).filter((e) => e && e.on !== !1).map(T);
+	let M = (Array.isArray(T) ? T : []).filter((e) => e && e.on !== !1).map(w);
 	[
+		E,
 		D,
 		O,
 		k,
 		A,
-		j,
-		M
-	].some((e) => e !== void 0) && N.push(T({
-		x: D,
-		y: O,
-		blur: k,
-		spread: A,
-		color: j,
-		inset: M
-	})), N.length && (t.boxShadow = N.join(", "));
-	let ee = (e) => e.type === "blur" ? `blur(${u(e.v ?? 0)})` : e.type === "hue-rotate" ? `hue-rotate(${h(e.v ?? 0)})` : `${e.type}(${e.v ?? 100}%)`, te = (e) => (Array.isArray(e) ? e : []).filter((e) => e && e.on !== !1 && e.type).map(ee), { filters: ne, backdropFilters: re, filterBlur: P, filterGrayscale: F, filterBrightness: I, filterContrast: L, filterSaturate: R } = t;
+		j
+	].some((e) => e !== void 0) && M.push(w({
+		x: E,
+		y: D,
+		blur: O,
+		spread: k,
+		color: A,
+		inset: j
+	})), M.length && (t.boxShadow = M.join(", "));
+	let te = (e) => e.type === "blur" ? `blur(${u(e.v ?? 0)})` : e.type === "hue-rotate" ? `hue-rotate(${h(e.v ?? 0)})` : `${e.type}(${e.v ?? 100}%)`, N = (e) => (Array.isArray(e) ? e : []).filter((e) => e && e.on !== !1 && e.type).map(te), { filters: ne, backdropFilters: re, filterBlur: P, filterGrayscale: F, filterBrightness: I, filterContrast: L, filterSaturate: R } = t;
 	delete t.filters, delete t.backdropFilters, delete t.filterBlur, delete t.filterGrayscale, delete t.filterBrightness, delete t.filterContrast, delete t.filterSaturate;
-	let z = te(ne);
+	let z = N(ne);
 	P !== void 0 && z.push(`blur(${u(P)})`), F !== void 0 && z.push(`grayscale(${F}%)`), I !== void 0 && z.push(`brightness(${I}%)`), L !== void 0 && z.push(`contrast(${L}%)`), R !== void 0 && z.push(`saturate(${R}%)`), z.length && (t.filter = z.join(" "));
-	let ie = te(re);
-	ie.length && (t.backdropFilter = ie.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
-	let { textStrokeWidth: B, textStrokeColor: V } = t;
-	delete t.textStrokeWidth, delete t.textStrokeColor, (B !== void 0 || V !== void 0) && (t.WebkitTextStroke = `${u(B ?? 1)} ${V || "currentColor"}`);
-	let { clipText: ae } = t;
-	delete t.clipText, ae && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
-	let { transitions: H, transitionDuration: U, transitionEasing: oe, transitionProperty: W } = t, G = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
+	let B = N(re);
+	B.length && (t.backdropFilter = B.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
+	let { textStrokeWidth: V, textStrokeColor: H } = t;
+	delete t.textStrokeWidth, delete t.textStrokeColor, (V !== void 0 || H !== void 0) && (t.WebkitTextStroke = `${u(V ?? 1)} ${H || "currentColor"}`);
+	let { clipText: ie } = t;
+	delete t.clipText, ie && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
+	let { transitions: U, transitionDuration: W, transitionEasing: G, transitionProperty: ae } = t, K = (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(H) ? H : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${G(e.duration ?? 200)} ${e.easing || "ease"}`);
-	if (U !== void 0 && K.push(`${W || "all"} ${G(U)} ${oe || "ease"}`), K.length && (t.transition = K.join(", ")), t.backgroundImage && !String(t.backgroundImage).includes("(") && (t.backgroundImage = `url("${t.backgroundImage}")`), n) {
+	let q = (Array.isArray(U) ? U : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${K(e.duration ?? 200)} ${e.easing || "ease"}`);
+	if (W !== void 0 && q.push(`${ae || "all"} ${K(W)} ${G || "ease"}`), q.length && (t.transition = q.join(", ")), 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: q, overlayOpacity: J } = t;
-	if (delete t.overlayColor, delete t.overlayOpacity, q) {
-		let e = `color-mix(in srgb, ${q} ${J ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
+	let { overlayColor: J, overlayOpacity: Y } = t;
+	if (delete t.overlayColor, delete t.overlayOpacity, J) {
+		let e = `color-mix(in srgb, ${J} ${Y ?? 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: Y } = t;
+	let { backgroundLayers: oe } = t;
 	delete t.backgroundLayers;
-	let X = (Array.isArray(Y) ? Y : []).filter((e) => e && e.on !== !1);
+	let X = (Array.isArray(oe) ? oe : []).filter((e) => e && e.on !== !1);
 	if (X.length) {
 		let e = [], n = [], r = [], i = [], a = [];
 		for (let t of X) 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");
@@ -117,7 +117,38 @@ function v(e, t, n, r = !1) {
 function y(e, t, n) {
 	return Object.entries(p).map(([r, i]) => v(e, t?.[r], i, n === r)).filter(Boolean).join("\n");
 }
-function b(e, t) {
+var b = [
+	{
+		key: "tablet",
+		max: 991
+	},
+	{
+		key: "mobileLandscape",
+		max: 767
+	},
+	{
+		key: "mobile",
+		max: 478
+	}
+], x = (e) => Object.entries(f(e)).map(([e, t]) => `${_(e)}: ${t} !important;`).join(" ");
+function S(e, t) {
+	return b.map(({ key: n, max: r }) => {
+		let i = t?.[n] ? x(t[n]) : "";
+		return i ? `@media (max-width: ${r}px) { [data-wb="${e}"] { ${i} } }` : "";
+	}).filter(Boolean).join("\n");
+}
+function ee(e, t) {
+	let n = [], r = (e) => {
+		for (let [t, r] of Object.entries(e || {})) {
+			let e = S(t, r.props);
+			e && n.push(e);
+		}
+	};
+	r(e);
+	for (let e of Object.values(t || {})) r(e.template?.nodes);
+	return n.join("\n");
+}
+function C(e, t) {
 	let n = [], r = (e) => {
 		for (let [t, r] of Object.entries(e || {})) {
 			let e = y(t, r.props);
@@ -128,7 +159,7 @@ function b(e, t) {
 	for (let e of Object.values(t || {})) r(e.template?.nodes);
 	return n.join("\n");
 }
-var x = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", S = {
+var w = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", T = {
 	light: {
 		background: "#ffffff",
 		text: "#111827",
@@ -165,23 +196,23 @@ var x = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 			contrastText: "#052e2b"
 		}
 	}
-}, C = {
+}, E = {
 	font: "system",
 	headingFont: "inherit",
-	light: S.light,
-	dark: S.dark
-}, w = {
+	light: T.light,
+	dark: T.dark
+}, D = {
 	system: {
 		label: "System",
-		value: x
+		value: w
 	},
 	inter: {
 		label: "Inter",
-		value: `"Inter", ${x}`
+		value: `"Inter", ${w}`
 	},
 	outfit: {
 		label: "Outfit",
-		value: `"Outfit", ${x}`
+		value: `"Outfit", ${w}`
 	},
 	serif: {
 		label: "Serif",
@@ -191,7 +222,7 @@ var x = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 		label: "Mono",
 		value: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
 	}
-}, T = (e, t) => w[e]?.value ?? t, E = (e, ...t) => {
+}, O = (e, t) => D[e]?.value ?? t, k = (e, ...t) => {
 	let n = Object.assign({}, e, ...t);
 	return n.primary = {
 		...e.primary,
@@ -207,16 +238,16 @@ var x = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 		}), {})
 	}, n;
 };
-function D(e) {
+function A(e) {
 	let { light: t, dark: n, font: r, headingFont: i, ...a } = e ?? {};
 	return {
-		font: r ?? C.font,
-		headingFont: i ?? C.headingFont,
-		light: E(S.light, a, t),
-		dark: E(S.dark, n)
+		font: r ?? E.font,
+		headingFont: i ?? E.headingFont,
+		light: k(T.light, a, t),
+		dark: k(T.dark, n)
 	};
 }
-function O(e) {
+function j(e) {
 	return {
 		"--page-bg": e.background,
 		"--page-text": e.text,
@@ -232,28 +263,28 @@ function O(e) {
 		"--page-secondary-contrast": e.secondary.contrastText
 	};
 }
-function k(e) {
-	let t = D(e);
+function M(e) {
+	let t = A(e);
 	return {
 		backgroundColor: "var(--page-bg)",
 		color: "var(--page-text)",
-		fontFamily: T(t.font, x),
-		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : T(t.headingFont, "inherit")
+		fontFamily: O(t.font, w),
+		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : O(t.headingFont, "inherit")
 	};
 }
-function A(e, t = "light") {
-	let n = D(e);
+function te(e, t = "light") {
+	let n = A(e);
 	return {
-		...k(e),
-		...O(n[t] ?? n.light)
+		...M(e),
+		...j(n[t] ?? n.light)
 	};
 }
-function j(e, t) {
+function N(e, t) {
 	return e?.themeRef && t?.[e.themeRef] || e?.theme;
 }
 //#endregion
 //#region src/bundle.js
-function M({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function ne({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -263,7 +294,7 @@ function M({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 		title: e.title,
 		slug: e.slug,
 		blocks: i && o.i18n?.[i]?.blocks || e.blocks,
-		theme: j(o, a.builder_themes?.themes),
+		theme: N(o, a.builder_themes?.themes),
 		components: a.builder_components?.components ?? {},
 		custom: o.custom,
 		seo: o.seo,
@@ -274,16 +305,16 @@ function M({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var N = async (e) => {
+var re = 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 ee({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, fetch: a }) {
+async function P({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, fetch: a }) {
 	if (!e) throw Error("fetchPage: apiUrl is required");
 	if (!n) throw Error("fetchPage: slug is required");
-	let o = a ?? fetch, s = e.replace(/\/$/, ""), c = t ? { "x-tenant": t } : {}, [l, u] = await Promise.all([o(`${s}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: c }).then(N), o(`${s}/settings/public`, { headers: c }).then(N)]);
-	return M({
+	let o = a ?? fetch, s = e.replace(/\/$/, ""), c = t ? { "x-tenant": t } : {}, [l, u] = await Promise.all([o(`${s}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: c }).then(re), o(`${s}/settings/public`, { headers: c }).then(re)]);
+	return ne({
 		page: l,
 		settings: u,
 		tenant: t,
@@ -397,14 +428,14 @@ new Map([
 		fallback: "sans-serif"
 	}
 ].map((e) => [e.family, e]));
-function te(e) {
+function F(e) {
 	return e.length ? `https://fonts.googleapis.com/css2?${e.map((e) => `family=${e.replace(/ /g, "+")}:wght@100..900`).join("&")}&display=swap` : null;
 }
-var ne = (e) => te([e]), re = (e) => {
+var I = (e) => F([e]), L = (e) => {
 	let t = typeof e == "string" && e.match(/^"([^"]+)"/);
 	return t ? t[1] : null;
 };
-function P(e, t) {
+function R(e, t) {
 	let n = /* @__PURE__ */ new Set(), r = (e) => {
 		for (let t of Object.values(e || {})) for (let e of [
 			"style",
@@ -412,7 +443,7 @@ function P(e, t) {
 			"pressed",
 			"focused"
 		]) {
-			let r = re(t.props?.[e]?.fontFamily);
+			let r = L(t.props?.[e]?.fontFamily);
 			r && n.add(r);
 		}
 	};
@@ -422,30 +453,30 @@ function P(e, t) {
 }
 //#endregion
 //#region ../ui/src/components/builder/views.jsx
-var F = t({
+var z = t({
 	tenant: "",
 	apiUrl: "/api"
-}), I = {
+}), B = {
 	margin: 0,
 	fontWeight: 700,
 	lineHeight: 1.2,
 	fontFamily: "var(--page-heading-font, inherit)"
-}, L = { margin: 0 }, R = {
+}, V = { margin: 0 }, H = {
 	display: "inline-block",
 	textDecoration: "none",
 	cursor: "pointer",
 	backgroundColor: "var(--page-accent, #111827)",
 	color: "var(--page-accent-text, #ffffff)"
-}, z = {
+}, ie = {
 	flexGrow: 1,
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-}, ie = {
+}, U = {
 	display: "flex",
 	flexDirection: "column"
 };
-function B({ style: e }) {
+function W({ style: e }) {
 	let t = e?.backgroundVideo;
 	if (!t) return null;
 	let n = {
@@ -471,7 +502,7 @@ function B({ style: e }) {
 		background: r
 	} })] });
 }
-var V = (e, t) => e?.backgroundVideo ? {
+var G = (e, t) => e?.backgroundVideo ? {
 	position: "relative",
 	...t,
 	...f(e)
@@ -483,47 +514,54 @@ function ae({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ c("div", {
 		ref: t,
 		style: {
-			...z,
+			...ie,
 			...f(e)
 		},
-		children: [/* @__PURE__ */ s(B, { style: e }), n]
+		children: [/* @__PURE__ */ s(W, { style: e }), n]
 	});
 }
-function H({ style: e, nodeRef: t, children: n }) {
+function K({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ c("section", {
 		ref: t,
-		style: V(e, ie),
-		children: [/* @__PURE__ */ s(B, { style: e }), n]
+		style: G(e, U),
+		children: [/* @__PURE__ */ s(W, { style: e }), n]
 	});
 }
-function U({ style: e, nodeRef: t, children: n }) {
+function q({ style: e, freeLayout: t, nodeRef: n, children: r }) {
+	let i = t ? {
+		position: "relative",
+		minHeight: 240
+	} : null;
 	return /* @__PURE__ */ c("div", {
-		ref: t,
-		style: V(e),
-		children: [/* @__PURE__ */ s(B, { style: e }), n]
+		ref: n,
+		style: i ? {
+			...i,
+			...G(e)
+		} : G(e),
+		children: [/* @__PURE__ */ s(W, { style: e }), r]
 	});
 }
-function oe({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
+function J({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
 	return /* @__PURE__ */ s(n, {
 		ref: a,
 		style: {
-			...I,
+			...B,
 			...f(r)
 		},
-		children: K(t, e, i)
+		children: X(t, e, i)
 	});
 }
-var W = {
-	fontFamily: w.mono.value,
+var Y = {
+	fontFamily: D.mono.value,
 	background: "rgba(148, 163, 184, 0.18)",
 	padding: "1px 5px",
 	borderRadius: 4,
 	fontSize: "0.9em"
 };
-function G(e, t = [], n) {
+function oe(e, t = [], n) {
 	let r = e;
 	return t.includes("sup") ? r = /* @__PURE__ */ s("sup", { children: r }) : t.includes("sub") && (r = /* @__PURE__ */ s("sub", { children: r })), t.includes("code") && (r = /* @__PURE__ */ s("code", {
-		style: W,
+		style: Y,
 		children: r
 	})), t.includes("strike") && (r = /* @__PURE__ */ s("s", { children: r })), t.includes("underline") && (r = /* @__PURE__ */ s("u", { children: r })), t.includes("italic") && (r = /* @__PURE__ */ s("em", { children: r })), t.includes("bold") && (r = /* @__PURE__ */ s("strong", { children: r })), n && (r = /* @__PURE__ */ s("a", {
 		href: n,
@@ -531,13 +569,13 @@ function G(e, t = [], n) {
 		children: r
 	})), r;
 }
-function K(t, n, r) {
+function X(t, n, r) {
 	return t?.length ? t.map((t, n) => {
 		if (t.slot) return /* @__PURE__ */ s(e, { children: r?.[t.slot] ?? null }, n);
-		if (t.parts) return /* @__PURE__ */ s(e, { children: K(t.parts, "", r) }, n);
+		if (t.parts) return /* @__PURE__ */ s(e, { children: X(t.parts, "", r) }, n);
 		let i = t.text;
 		return t.sup ? i = /* @__PURE__ */ s("sup", { children: i }) : t.sub && (i = /* @__PURE__ */ s("sub", { children: i })), t.code && (i = /* @__PURE__ */ s("code", {
-			style: W,
+			style: Y,
 			children: i
 		})), t.strike && (i = /* @__PURE__ */ s("s", { children: i })), t.underline && (i = /* @__PURE__ */ s("u", { children: i })), t.italic && (i = /* @__PURE__ */ s("em", { children: i })), t.bold && (i = /* @__PURE__ */ s("strong", { children: i })), t.href && (i = /* @__PURE__ */ s("a", {
 			href: t.href,
@@ -546,13 +584,13 @@ function K(t, n, r) {
 		})), /* @__PURE__ */ s(e, { children: i }, n);
 	}) : n;
 }
-function q({ parts: e, text: t, marks: n, href: r, style: i }) {
+function se({ parts: e, text: t, marks: n, href: r, style: i }) {
 	return /* @__PURE__ */ s("span", {
 		style: f(i),
-		children: e?.length ? K(e, t) : G(t, n, r)
+		children: e?.length ? X(e, t) : oe(t, n, r)
 	});
 }
-var J = {
+var ce = {
 	h1: 40,
 	h2: 32,
 	h3: 26,
@@ -560,7 +598,7 @@ var J = {
 	h5: 19,
 	h6: 16
 };
-function Y({ align: e = "center", width: t } = {}) {
+function le({ align: e = "center", width: t } = {}) {
 	let n = t ? `${t}%` : void 0;
 	return e === "full" ? { width: "100%" } : e === "left" ? {
 		float: "left",
@@ -583,8 +621,8 @@ function Y({ align: e = "center", width: t } = {}) {
 		marginRight: "auto"
 	};
 }
-function X(e = [], t, n) {
-	let r = n ?? ((e, n) => K(e, n, t));
+function ue(e = [], t, n) {
+	let r = n ?? ((e, n) => X(e, n, t));
 	return e.map((t, n) => {
 		let i = {
 			marginTop: 0,
@@ -606,7 +644,7 @@ function X(e = [], t, n) {
 					marginLeft: 0,
 					marginRight: 0,
 					...i,
-					...Y(t)
+					...le(t)
 				},
 				children: [t.href ? /* @__PURE__ */ s("a", {
 					href: t.href,
@@ -623,15 +661,15 @@ function X(e = [], t, n) {
 				})]
 			}, n);
 		}
-		if (t.type === "video") return _e(t.url) ? /* @__PURE__ */ s("div", {
+		if (t.type === "video") return xe(t.url) ? /* @__PURE__ */ s("div", {
 			style: {
 				...i,
-				...Y({
+				...le({
 					align: t.align,
 					width: t.width ?? 100
 				})
 			},
-			children: /* @__PURE__ */ s(ve, {
+			children: /* @__PURE__ */ s(Se, {
 				url: t.url,
 				autoplay: t.autoplay,
 				muted: t.muted,
@@ -660,17 +698,17 @@ function X(e = [], t, n) {
 		}
 		if (t.type === "quote") return /* @__PURE__ */ s("blockquote", {
 			style: {
-				...ce,
+				...fe,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
-		if (J[t.type]) {
+		if (ce[t.type]) {
 			let e = t.type;
 			return /* @__PURE__ */ s(e, {
 				style: {
-					...I,
-					fontSize: J[t.type],
+					...B,
+					fontSize: ce[t.type],
 					...i
 				},
 				children: r(t.parts, t.text)
@@ -678,39 +716,39 @@ function X(e = [], t, n) {
 		}
 		return /* @__PURE__ */ s("p", {
 			style: {
-				...L,
+				...V,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
 	});
 }
-function se({ content: e, style: t, linked: n, nodeRef: r }) {
+function de({ content: e, style: t, linked: n, nodeRef: r }) {
 	return /* @__PURE__ */ s("div", {
 		ref: r,
 		style: {
 			display: "flow-root",
 			...f(t)
 		},
-		children: X(e, n)
+		children: ue(e, n)
 	});
 }
-var ce = {
+var fe = {
 	margin: 0,
 	padding: "8px 0 8px 20px",
 	borderLeft: "4px solid var(--page-accent, rgba(148, 163, 184, 0.6))"
 };
-function le({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function pe({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ s("blockquote", {
 		ref: i,
 		style: {
-			...ce,
+			...fe,
 			...f(n)
 		},
-		children: K(t, e, r)
+		children: X(t, e, r)
 	});
 }
-function ue({ ordered: e, items: t = [], style: n, nodeRef: r }) {
+function me({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 	return /* @__PURE__ */ s(e ? "ol" : "ul", {
 		ref: r,
 		style: {
@@ -720,53 +758,53 @@ function ue({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 		},
 		children: t.map((e, t) => /* @__PURE__ */ s("li", {
 			style: { marginBottom: 4 },
-			children: K(e.parts, e.text)
+			children: X(e.parts, e.text)
 		}, t))
 	});
 }
-function de({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function he({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ s("p", {
 		ref: i,
 		style: {
-			...L,
+			...V,
 			...f(n)
 		},
-		children: K(t, e, r)
+		children: X(t, e, r)
 	});
 }
-var fe = {
+var ge = {
 	color: "var(--page-accent, inherit)",
 	textDecoration: "underline",
 	textUnderlineOffset: 3,
 	cursor: "pointer"
 };
-function pe({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function _e({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
 	return /* @__PURE__ */ s("a", {
 		ref: o,
 		href: n || "#",
 		target: r || void 0,
 		rel: r === "_blank" ? "noopener noreferrer" : void 0,
 		style: {
-			...fe,
+			...ge,
 			...f(i)
 		},
-		children: K(t, e, a)
+		children: X(t, e, a)
 	});
 }
-function me({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function ve({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
 	return /* @__PURE__ */ s("a", {
 		ref: o,
 		href: n || "#",
 		target: r || void 0,
 		rel: r === "_blank" ? "noopener noreferrer" : void 0,
 		style: {
-			...R,
+			...H,
 			...f(i)
 		},
-		children: K(t, e, a)
+		children: X(t, e, a)
 	});
 }
-function he({ src: e, alt: t, style: n, nodeRef: r }) {
+function ye({ src: e, alt: t, style: n, nodeRef: r }) {
 	return e ? /* @__PURE__ */ s("img", {
 		ref: r,
 		src: e,
@@ -778,7 +816,7 @@ function he({ src: e, alt: t, style: n, nodeRef: r }) {
 		}
 	}) : null;
 }
-function ge({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: c }) {
+function be({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: c }) {
 	return e ? /* @__PURE__ */ s("video", {
 		ref: c,
 		src: e,
@@ -796,9 +834,9 @@ function ge({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !
 		}
 	}) : null;
 }
-var _e = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
-function ve({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: c }) {
-	let l = _e(e);
+var xe = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
+function Se({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: c }) {
+	let l = xe(e);
 	if (!l) return null;
 	let u = new URLSearchParams({ rel: "0" });
 	return t && u.set("autoplay", "1"), (n || t) && u.set("mute", "1"), i || u.set("controls", "0"), r && (u.set("loop", "1"), u.set("playlist", l)), Number(a) > 0 && u.set("start", String(Math.floor(Number(a)))), /* @__PURE__ */ s("div", {
@@ -824,7 +862,7 @@ function ve({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
 		})
 	});
 }
-function ye({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
+function Ce({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
 	return e ? /* @__PURE__ */ s("iframe", {
 		ref: i,
 		src: e,
@@ -840,7 +878,7 @@ function ye({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i })
 		}
 	}) : null;
 }
-function be({ code: e, runScripts: t = !0, style: n, nodeRef: i }) {
+function we({ code: e, runScripts: t = !0, style: n, nodeRef: i }) {
 	let [o, c] = a(null);
 	return r(() => {
 		o && (o.innerHTML = e || "", t && o.querySelectorAll("script").forEach((e) => {
@@ -859,7 +897,7 @@ function be({ code: e, runScripts: t = !0, style: n, nodeRef: i }) {
 		style: f(n)
 	});
 }
-function xe({ height: e, nodeRef: t }) {
+function Te({ height: e, nodeRef: t }) {
 	return /* @__PURE__ */ s("div", {
 		ref: t,
 		style: {
@@ -869,7 +907,7 @@ function xe({ height: e, nodeRef: t }) {
 		}
 	});
 }
-function Se({ style: e, nodeRef: t }) {
+function Ee({ style: e, nodeRef: t }) {
 	return /* @__PURE__ */ s("div", {
 		ref: t,
 		style: {
@@ -880,7 +918,7 @@ function Se({ style: e, nodeRef: t }) {
 		}
 	});
 }
-var Ce = {
+var De = {
 	position: "absolute",
 	top: "50%",
 	transform: "translateY(-50%)",
@@ -897,7 +935,7 @@ var Ce = {
 	alignItems: "center",
 	justifyContent: "center",
 	padding: 0
-}, we = {
+}, Oe = {
 	bottom: {
 		inset: "auto 0 0 0",
 		padding: "40px 24px 20px",
@@ -916,8 +954,8 @@ var Ce = {
 		padding: 24,
 		textShadow: "0 2px 12px rgba(0, 0, 0, 0.6)"
 	}
-}, Te = 48;
-function Ee({ count: e, renderSlide: t, autoplay: n = !0, interval: i = 5, height: l = 320, swipe: u = !0, style: d, nodeRef: p }) {
+}, ke = 48;
+function Ae({ count: e, renderSlide: t, autoplay: n = !0, interval: i = 5, height: l = 320, swipe: u = !0, style: d, nodeRef: p }) {
 	let [m, h] = a(0), [g, _] = a(!1), [v, y] = a(null), b = e ? Math.min(m, e - 1) : 0;
 	if (r(() => {
 		if (!n || g || v || e < 2) return;
@@ -933,7 +971,7 @@ function Ee({ count: e, renderSlide: t, autoplay: n = !0, interval: i = 5, heigh
 	let x = (t) => h((t + e) % e), S = () => {
 		if (!v) return;
 		let { dx: e } = v;
-		y(null), e < -48 ? x(b + 1) : e > Te && x(b - 1);
+		y(null), e < -48 ? x(b + 1) : e > ke && x(b - 1);
 	};
 	return /* @__PURE__ */ c("div", {
 		ref: p,
@@ -981,7 +1019,7 @@ function Ee({ count: e, renderSlide: t, autoplay: n = !0, interval: i = 5, heigh
 				type: "button",
 				"aria-label": "Previous slide",
 				style: {
-					...Ce,
+					...De,
 					left: 12
 				},
 				onClick: () => x(b - 1),
@@ -991,7 +1029,7 @@ function Ee({ count: e, renderSlide: t, autoplay: n = !0, interval: i = 5, heigh
 				type: "button",
 				"aria-label": "Next slide",
 				style: {
-					...Ce,
+					...De,
 					right: 12
 				},
 				onClick: () => x(b + 1),
@@ -1025,7 +1063,7 @@ function Ee({ count: e, renderSlide: t, autoplay: n = !0, interval: i = 5, heigh
 		] })]
 	});
 }
-var De = (e, t) => ({
+var je = (e, t) => ({
 	position: "absolute",
 	inset: 0,
 	backgroundImage: e ? `url(${e})` : "none",
@@ -1033,18 +1071,18 @@ var De = (e, t) => ({
 	backgroundSize: "cover",
 	backgroundPosition: "center"
 });
-function Oe({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
-	return e.length ? /* @__PURE__ */ s(Ee, {
+function Me({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
+	return e.length ? /* @__PURE__ */ s(Ae, {
 		...r,
 		count: e.length,
 		renderSlide: (r) => {
 			let i = e[r];
-			return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", { style: De(i.image) }), (i.title || i.text) && /* @__PURE__ */ c("div", {
+			return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", { style: je(i.image) }), (i.title || i.text) && /* @__PURE__ */ c("div", {
 				style: {
 					position: "absolute",
 					color: "#fff",
 					textAlign: n,
-					...we[t] ?? we.bottom
+					...Oe[t] ?? Oe.bottom
 				},
 				children: [i.title && /* @__PURE__ */ s("div", {
 					style: {
@@ -1064,13 +1102,13 @@ function Oe({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "
 		}
 	}) : null;
 }
-function ke({ slides: e = [], linked: t, ...n }) {
-	return e.length ? /* @__PURE__ */ s(Ee, {
+function Ne({ slides: e = [], linked: t, ...n }) {
+	return e.length ? /* @__PURE__ */ s(Ae, {
 		...n,
 		count: e.length,
 		renderSlide: (n) => {
 			let r = e[n];
-			return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", { style: De(r.image, r.color) }), /* @__PURE__ */ s("div", {
+			return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", { style: je(r.image, r.color) }), /* @__PURE__ */ s("div", {
 				style: {
 					position: "absolute",
 					inset: 0,
@@ -1087,14 +1125,14 @@ var Z = {
 	textDecoration: "none",
 	fontSize: 14,
 	opacity: .85
-}, Ae = {
+}, Pe = {
 	background: "var(--page-bg, #ffffff)",
 	color: "var(--page-text, #111827)",
 	border: "1px solid rgba(148, 163, 184, 0.25)",
 	boxShadow: "0 16px 40px rgba(15, 23, 42, 0.16)",
 	zIndex: 60
 };
-function je({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u = "auto", breakpoint: d = 768 }) {
+function Fe({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u = "auto", breakpoint: d = 768 }) {
 	let [p, m] = a(null), [h, g] = a(!1), [_, v] = a(!1), [y, b] = a(null);
 	r(() => {
 		if (!p) return;
@@ -1205,7 +1243,7 @@ function je({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u =
 							]
 						}), y === e.key && (n ? /* @__PURE__ */ s("div", {
 							style: {
-								...Ae,
+								...Pe,
 								position: "absolute",
 								left: 0,
 								right: 0,
@@ -1221,7 +1259,7 @@ function je({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u =
 							}))
 						}) : /* @__PURE__ */ s("div", {
 							style: {
-								...Ae,
+								...Pe,
 								position: "absolute",
 								top: "100%",
 								left: 0,
@@ -1261,7 +1299,7 @@ function je({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u =
 		]
 	});
 }
-function Me({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
+function Ie({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 	let [i, o] = a(0), l = e.length ? Math.min(i, e.length - 1) : 0;
 	return e.length ? /* @__PURE__ */ c("div", {
 		ref: r,
@@ -1301,7 +1339,7 @@ function Me({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 		}, e.key))]
 	}) : null;
 }
-function Ne({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
+function Le({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
 	let [o, l] = a(() => new Set(e.length ? [e[0].key] : []));
 	if (!e.length) return null;
 	let u = (e) => l((t) => {
@@ -1358,11 +1396,11 @@ function Ne({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 		})
 	});
 }
-var Pe = {
+var Re = {
 	display: "flex",
 	flexDirection: "column",
 	gap: "12px"
-}, Fe = {
+}, ze = {
 	fontSize: "14px",
 	fontWeight: 500,
 	color: "var(--page-text, #111827)"
@@ -1376,19 +1414,19 @@ var Pe = {
 	boxSizing: "border-box",
 	backgroundColor: "#ffffff",
 	color: "#111827"
-}, Ie = {
+}, Be = {
 	display: "flex",
 	alignItems: "center",
 	gap: "8px",
 	fontSize: "14px",
 	color: "var(--page-text, #111827)"
-}, Le = (e) => e ? {
+}, Ve = (e) => e ? {
 	readOnly: !0,
 	tabIndex: -1,
 	onMouseDown: (e) => e.preventDefault()
 } : {};
-function Re({ style: e, action: t, method: r, name: i, enctype: o, formSlug: l, nodeRef: u, inert: d, children: p, linked: m, show: h }) {
-	let { tenant: g, apiUrl: _ } = n(F), [v, y] = a("form"), b = d ? h || "form" : v;
+function He({ style: e, action: t, method: r, name: i, enctype: o, formSlug: l, nodeRef: u, inert: d, children: p, linked: m, show: h }) {
+	let { tenant: g, apiUrl: _ } = n(z), [v, y] = a("form"), b = d ? h || "form" : v;
 	return /* @__PURE__ */ c("div", {
 		ref: u,
 		style: f(e),
@@ -1434,7 +1472,7 @@ function Re({ style: e, action: t, method: r, name: i, enctype: o, formSlug: l,
 					}
 				},
 				style: {
-					...Pe,
+					...Re,
 					display: b === "success" ? "none" : "flex"
 				},
 				children: p
@@ -1453,17 +1491,17 @@ function Re({ style: e, action: t, method: r, name: i, enctype: o, formSlug: l,
 		]
 	});
 }
-function ze({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
+function Ue({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 	return /* @__PURE__ */ s("label", {
 		ref: r,
 		style: {
-			...Fe,
+			...ze,
 			...f(n)
 		},
-		children: K(t, e, i)
+		children: X(t, e, i)
 	});
 }
-function Be({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
+function We({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ s("input", {
 		ref: a,
 		type: e,
@@ -1474,10 +1512,10 @@ function Be({ type: e = "text", name: t, placeholder: n, required: r, style: i,
 			...Q,
 			...f(i)
 		},
-		...Le(o)
+		...Ve(o)
 	});
 }
-function Ve({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
+function Ge({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ s("textarea", {
 		ref: a,
 		name: e || void 0,
@@ -1489,14 +1527,14 @@ function Ve({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeR
 			resize: "vertical",
 			...f(i)
 		},
-		...Le(o)
+		...Ve(o)
 	});
 }
-function He({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: l }) {
+function Ke({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: l }) {
 	return /* @__PURE__ */ c("label", {
 		ref: o,
 		style: {
-			...Ie,
+			...Be,
 			...f(a)
 		},
 		children: [/* @__PURE__ */ s("input", {
@@ -1513,7 +1551,7 @@ function He({ kind: e = "checkbox", label: t, name: n, value: r, required: i, st
 		}), t]
 	});
 }
-function Ue({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
+function qe({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ c("select", {
 		ref: a,
 		name: e || void 0,
@@ -1536,7 +1574,7 @@ function Ue({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		}, t))]
 	});
 }
-function We({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: o, inert: l }) {
+function Je({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: o, inert: l }) {
 	let [u, d] = a(null);
 	return /* @__PURE__ */ c("label", {
 		ref: o,
@@ -1568,12 +1606,12 @@ function We({ name: e, accept: t, required: n, text: r = "Choose a file…", sty
 		]
 	});
 }
-function Ge({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
+function Ye({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 	return /* @__PURE__ */ s("button", {
 		ref: n,
 		type: r ? "button" : "submit",
 		style: {
-			...R,
+			...H,
 			border: 0,
 			cursor: "pointer",
 			alignSelf: "flex-start",
@@ -1582,46 +1620,64 @@ function Ge({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 		children: e
 	});
 }
-var Ke = {
+function Xe({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
+	let a = Math.max(1, (Number(e) || 1) * (Number(t) || 1));
+	return /* @__PURE__ */ s("div", {
+		ref: r,
+		style: {
+			display: "grid",
+			gridTemplateColumns: `repeat(${Math.max(1, Number(e) || 1)}, minmax(0, 1fr))`,
+			gap: 16,
+			width: "100%",
+			...f(n)
+		},
+		children: Array.from({ length: a }, (e, t) => /* @__PURE__ */ s("div", {
+			style: { minWidth: 0 },
+			children: i?.[`cell-${t}`] ?? null
+		}, t))
+	});
+}
+var Ze = {
 	PageRoot: ae,
-	Section: H,
-	Container: U,
-	Heading: oe,
-	TextBlock: de,
-	ButtonBlock: me,
-	ImageBlock: he,
-	Spacer: xe,
-	Divider: Se,
-	SliderBlock: Oe,
-	CanvasSlider: ke,
-	TabsBlock: Me,
-	AccordionBlock: Ne,
-	NavbarBlock: je,
-	ListBlock: ue,
-	TextSpan: q,
-	QuoteBlock: le,
-	TextLink: pe,
-	RichTextBlock: se,
-	RichContentBlock: se,
-	VideoBlock: ge,
-	YouTubeBlock: ve,
-	IframeBlock: ye,
-	EmbedBlock: be,
-	FormBlock: Re,
-	FormLabel: ze,
-	FormInput: Be,
-	FormTextarea: Ve,
-	FormCheckbox: (e) => /* @__PURE__ */ s(He, {
+	Section: K,
+	Container: q,
+	Heading: J,
+	TextBlock: he,
+	ButtonBlock: ve,
+	ImageBlock: ye,
+	Spacer: Te,
+	Divider: Ee,
+	SliderBlock: Me,
+	CanvasSlider: Ne,
+	TabsBlock: Ie,
+	QuickStack: Xe,
+	AccordionBlock: Le,
+	NavbarBlock: Fe,
+	ListBlock: me,
+	TextSpan: se,
+	QuoteBlock: pe,
+	TextLink: _e,
+	RichTextBlock: de,
+	RichContentBlock: de,
+	VideoBlock: be,
+	YouTubeBlock: Se,
+	IframeBlock: Ce,
+	EmbedBlock: we,
+	FormBlock: He,
+	FormLabel: Ue,
+	FormInput: We,
+	FormTextarea: Ge,
+	FormCheckbox: (e) => /* @__PURE__ */ s(Ke, {
 		kind: "checkbox",
 		...e
 	}),
-	FormRadio: (e) => /* @__PURE__ */ s(He, {
+	FormRadio: (e) => /* @__PURE__ */ s(Ke, {
 		kind: "radio",
 		...e
 	}),
-	FormSelect: Ue,
-	FormFile: We,
-	FormSubmit: Ge
+	FormSelect: qe,
+	FormFile: Je,
+	FormSubmit: Ye
 };
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
@@ -1635,7 +1691,7 @@ function $(t, n, r, i = /* @__PURE__ */ new Set()) {
 		let c = new Set(i).add(n);
 		return /* @__PURE__ */ s(e, { children: $(o.template.rootId, o.template.nodes, r, c) }, t);
 	}
-	let c = Ke[o];
+	let c = Ze[o];
 	if (!c) return null;
 	let l = (a.nodes ?? []).map((e) => $(e, n, r, i)).filter(Boolean), u = Object.entries(a.linkedNodes ?? {}), d = u.length ? Object.fromEntries(u.map(([e, t]) => [e, $(t, n, r, i)])) : void 0;
 	return /* @__PURE__ */ s(c, {
@@ -1649,8 +1705,8 @@ function $(t, n, r, i = /* @__PURE__ */ new Set()) {
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var qe = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
-function Je({ blocks: e, theme: t, components: n, mode: i = "auto", style: a, custom: o, tenant: l, apiUrl: u }) {
+var Qe = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
+function $e({ blocks: e, theme: t, components: n, mode: i = "auto", style: a, custom: o, tenant: l, apiUrl: u }) {
 	let d = o?.js?.trim();
 	if (r(() => {
 		if (!d) return;
@@ -1661,12 +1717,12 @@ function Je({ blocks: e, theme: t, components: n, mode: i = "auto", style: a, cu
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, p = $("ROOT", e, n), m = b(e, n), h = o?.css?.trim(), g = P(e, n).map((e) => /* @__PURE__ */ s("link", {
+	}, p = $("ROOT", e, n), m = C(e, n), h = ee(e, n), g = o?.css?.trim(), _ = R(e, n).map((e) => /* @__PURE__ */ s("link", {
 		rel: "stylesheet",
 		precedence: "default",
-		href: ne(e)
+		href: I(e)
 	}, e));
-	if (i !== "auto") return /* @__PURE__ */ s(F.Provider, {
+	if (i !== "auto") return /* @__PURE__ */ s(z.Provider, {
 		value: {
 			tenant: l || "",
 			apiUrl: u || "/api"
@@ -1674,19 +1730,20 @@ function Je({ blocks: e, theme: t, components: n, mode: i = "auto", style: a, cu
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				...f,
-				...A(t, i),
+				...te(t, i),
 				...a
 			},
 			children: [
-				g,
+				_,
 				m && /* @__PURE__ */ s("style", { children: m }),
 				h && /* @__PURE__ */ s("style", { children: h }),
+				g && /* @__PURE__ */ s("style", { children: g }),
 				p
 			]
 		})
 	});
-	let _ = D(t);
-	return /* @__PURE__ */ s(F.Provider, {
+	let v = A(t);
+	return /* @__PURE__ */ s(z.Provider, {
 		value: {
 			tenant: l || "",
 			apiUrl: u || "/api"
@@ -1695,15 +1752,16 @@ function Je({ blocks: e, theme: t, components: n, mode: i = "auto", style: a, cu
 			className: "webim-page",
 			style: {
 				...f,
-				...k(t),
+				...M(t),
 				...a
 			},
 			children: [
-				/* @__PURE__ */ s("style", { children: `.webim-page { ${qe(O(_.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${qe(O(_.dark))} } }` }),
-				g,
+				/* @__PURE__ */ s("style", { children: `.webim-page { ${Qe(j(v.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${Qe(j(v.dark))} } }` }),
+				_,
 				m && /* @__PURE__ */ s("style", { children: m }),
 				h && /* @__PURE__ */ s("style", { children: h }),
+				g && /* @__PURE__ */ s("style", { children: g }),
 				p
 			]
 		})
@@ -1711,8 +1769,8 @@ function Je({ blocks: e, theme: t, components: n, mode: i = "auto", style: a, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function Ye({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ s(Je, {
+function et({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ s($e, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -1725,7 +1783,7 @@ function Ye({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/WebimPage.jsx
-function Xe({ apiUrl: e, tenant: t, slug: n, locale: o, preview: c, mode: l = "auto", style: u, fallback: d = null, errorFallback: f = null, onLoad: p, onError: m }) {
+function tt({ apiUrl: e, tenant: t, slug: n, locale: o, preview: c, mode: l = "auto", style: u, fallback: d = null, errorFallback: f = null, onLoad: p, onError: m }) {
 	let [h, g] = a({ status: "loading" }), _ = i({
 		onLoad: p,
 		onError: m
@@ -1735,7 +1793,7 @@ function Xe({ apiUrl: e, tenant: t, slug: n, locale: o, preview: c, mode: l = "a
 		onError: m
 	}, r(() => {
 		let r = !0;
-		return g({ status: "loading" }), ee({
+		return g({ status: "loading" }), P({
 			apiUrl: e,
 			tenant: t,
 			slug: n,
@@ -1760,11 +1818,11 @@ function Xe({ apiUrl: e, tenant: t, slug: n, locale: o, preview: c, mode: l = "a
 		n,
 		o,
 		c
-	]), h.status === "loading" ? d : h.status === "error" ? typeof f == "function" ? f(h.error) : f : /* @__PURE__ */ s(Ye, {
+	]), h.status === "loading" ? d : h.status === "error" ? typeof f == "function" ? f(h.error) : f : /* @__PURE__ */ s(et, {
 		bundle: h.bundle,
 		mode: l,
 		style: u
 	});
 }
 //#endregion
-export { Je as PageRenderer, Ye as WebimContent, Xe as WebimPage, ee as fetchPage, X as renderRichContent, j as resolveTheme };
+export { $e as PageRenderer, et as WebimContent, tt as WebimPage, P as fetchPage, ue as renderRichContent, N as resolveTheme };