webim-adapter 0.2.0 → 0.4.0

package/build/webim-adapter.js

@@ -1,123 +1,123 @@
-import { Fragment as e, createContext as t, useContext as n, useEffect as r, useRef as i, useState as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Fragment as e, createContext as t, useContext as n, useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../ui/src/components/builder/styles.js
-var l = /* @__PURE__ */ new Set(/* @__PURE__ */ "marginTop.marginRight.marginBottom.marginLeft.paddingTop.paddingRight.paddingBottom.paddingLeft.gap.rowGap.columnGap.flexBasis.fontSize.borderRadius.borderTopLeftRadius.borderTopRightRadius.borderBottomRightRadius.borderBottomLeftRadius.borderWidth.borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.letterSpacing.top.right.bottom.left".split(".")), u = (e) => typeof e == "number" || typeof e == "string" && e.trim() !== "" && !Number.isNaN(Number(e)) ? `${Number(e)}px` : e, d = [
+var u = /* @__PURE__ */ new Set(/* @__PURE__ */ "marginTop.marginRight.marginBottom.marginLeft.paddingTop.paddingRight.paddingBottom.paddingLeft.gap.rowGap.columnGap.flexBasis.fontSize.borderRadius.borderTopLeftRadius.borderTopRightRadius.borderBottomRightRadius.borderBottomLeftRadius.borderWidth.borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.letterSpacing.top.right.bottom.left".split(".")), d = (e) => typeof e == "number" || typeof e == "string" && e.trim() !== "" && !Number.isNaN(Number(e)) ? `${Number(e)}px` : e, f = [
 	"borderWidth",
 	"borderStyle",
 	"borderColor",
 	"borderRadius",
 	"gap"
 ];
-function f(e) {
+function p(e) {
 	let t = {};
-	for (let n of d) {
+	for (let n of f) {
 		let r = e?.[n];
-		r != null && r !== "" && (t[n] = l.has(n) ? u(r) : r);
+		r != null && r !== "" && (t[n] = u.has(n) ? d(r) : r);
 	}
-	for (let [n, r] of Object.entries(e || {})) r == null || r === "" || d.includes(n) || (t[n] = l.has(n) ? u(r) : r);
+	for (let [n, r] of Object.entries(e || {})) r == null || r === "" || f.includes(n) || (t[n] = u.has(n) ? d(r) : r);
 	let { gradientType: n, gradientAngle: r, gradientFrom: i, gradientTo: a } = t;
 	delete t.gradientType, delete t.gradientAngle, delete t.gradientFrom, delete t.gradientTo;
-	let { textShadows: o, textShadowX: s, textShadowY: c, textShadowBlur: f, textShadowColor: p } = t;
+	let { textShadows: o, textShadowX: s, textShadowY: c, textShadowBlur: l, textShadowColor: p } = t;
 	delete t.textShadows, delete t.textShadowX, delete t.textShadowY, delete t.textShadowBlur, delete t.textShadowColor;
-	let m = (Array.isArray(o) ? o : []).filter((e) => e && e.on !== !1).map((e) => `${u(e.x ?? 0)} ${u(e.y ?? 0)} ${u(e.blur ?? 0)} ${e.color || "rgba(0, 0, 0, 0.35)"}`);
+	let m = (Array.isArray(o) ? o : []).filter((e) => e && e.on !== !1).map((e) => `${d(e.x ?? 0)} ${d(e.y ?? 0)} ${d(e.blur ?? 0)} ${e.color || "rgba(0, 0, 0, 0.35)"}`);
 	[
 		s,
 		c,
-		f,
+		l,
 		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: ee } = t;
+	].some((e) => e !== void 0) && m.push(`${d(s ?? 0)} ${d(c ?? 0)} ${d(l ?? 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(${d(e.x ?? 0)}, ${d(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;
 	delete t.transforms, delete t.translateX, delete t.translateY, delete t.scale, delete t.rotate, delete t.skewX, delete t.skewY;
-	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;
+	let w = (Array.isArray(_) ? _ : []).filter((e) => e && e.on !== !1).map(g).filter(Boolean);
+	(v !== void 0 || y !== void 0) && w.push(`translate(${d(v ?? 0)}, ${d(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 " : ""}${d(e.x ?? 0)} ${d(e.y ?? 0)} ${d(e.blur ?? 0)} ${d(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;
 	delete t.shadows, delete t.boxShadowX, delete t.boxShadowY, delete t.boxShadowBlur, delete t.boxShadowSpread, delete t.boxShadowColor, delete t.boxShadowInset;
-	let M = (Array.isArray(T) ? T : []).filter((e) => e && e.on !== !1).map(w);
+	let N = (Array.isArray(E) ? E : []).filter((e) => e && e.on !== !1).map(T);
 	[
-		E,
 		D,
 		O,
 		k,
 		A,
-		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;
+		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 P = (e) => e.type === "blur" ? `blur(${d(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: L, filterBlur: R, filterGrayscale: z, filterBrightness: ee, filterContrast: te, filterSaturate: ne } = t;
 	delete t.filters, delete t.backdropFilters, delete t.filterBlur, delete t.filterGrayscale, delete t.filterBrightness, delete t.filterContrast, delete t.filterSaturate;
-	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 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;
+	let B = F(I);
+	R !== void 0 && B.push(`blur(${d(R)})`), z !== void 0 && B.push(`grayscale(${z}%)`), ee !== void 0 && B.push(`brightness(${ee}%)`), te !== void 0 && B.push(`contrast(${te}%)`), ne !== void 0 && B.push(`saturate(${ne}%)`), B.length && (t.filter = B.join(" "));
+	let V = F(L);
+	V.length && (t.backdropFilter = V.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
+	let { textStrokeWidth: H, textStrokeColor: U } = t;
+	delete t.textStrokeWidth, delete t.textStrokeColor, (H !== void 0 || U !== void 0) && (t.WebkitTextStroke = `${d(H ?? 1)} ${U || "currentColor"}`);
+	let { clipText: re } = t;
+	delete t.clipText, re && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
+	let { transitions: W, transitionDuration: ie, 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 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 q = (Array.isArray(W) ? W : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${K(e.duration ?? 200)} ${e.easing || "ease"}`);
+	if (ie !== void 0 && q.push(`${ae || "all"} ${K(ie)} ${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: J, overlayOpacity: Y } = t;
+	let { overlayColor: J, overlayOpacity: oe } = t;
 	if (delete t.overlayColor, delete t.overlayOpacity, J) {
-		let e = `color-mix(in srgb, ${J} ${Y ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
+		let e = `color-mix(in srgb, ${J} ${oe ?? 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: oe } = t;
+	let { backgroundLayers: se } = t;
 	delete t.backgroundLayers;
-	let X = (Array.isArray(oe) ? oe : []).filter((e) => e && e.on !== !1);
-	if (X.length) {
+	let Y = (Array.isArray(se) ? se : []).filter((e) => e && e.on !== !1);
+	if (Y.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");
+		for (let t of Y) 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;
-			e.push(`url("${t.src}")`), n.push(t.size === "custom" ? `${u(t.w ?? "auto")} ${u(t.h ?? "auto")}` : t.size || "cover"), r.push(`${u(t.posX ?? 0)} ${u(t.posY ?? 0)}`), i.push(t.repeat || "no-repeat"), a.push(t.fixed ? "fixed" : "scroll");
+			e.push(`url("${t.src}")`), n.push(t.size === "custom" ? `${d(t.w ?? "auto")} ${d(t.h ?? "auto")}` : t.size || "cover"), r.push(`${d(t.posX ?? 0)} ${d(t.posY ?? 0)}`), i.push(t.repeat || "no-repeat"), a.push(t.fixed ? "fixed" : "scroll");
 		}
 		e.length && (t.backgroundImage && (e.push(t.backgroundImage), n.push(t.backgroundSize || "cover"), r.push(t.backgroundPosition || "center"), i.push(t.backgroundRepeat || "no-repeat"), a.push("scroll")), t.backgroundImage = e.join(", "), t.backgroundSize = n.join(", "), t.backgroundPosition = r.join(", "), t.backgroundRepeat = i.join(", "), t.backgroundAttachment = a.join(", "));
 	}
 	return t;
 }
-var p = {
+var m = {
 	hover: ":hover",
 	pressed: ":active",
 	focused: ":focus"
-}, m = /* @__PURE__ */ new Set([
+}, h = /* @__PURE__ */ new Set([
 	"style",
 	"class",
 	"id",
 	"data-wb",
 	"data-wb-class",
 	"data-slot"
-]), h = (e) => /^[a-zA-Z_][\w-]*$/.test(e) && !/^on/i.test(e) && !m.has(e.toLowerCase());
-function g(e, t, n = []) {
+]), g = (e) => /^[a-zA-Z_][\w-]*$/.test(e) && !/^on/i.test(e) && !h.has(e.toLowerCase());
+function _(e, t, n = []) {
 	t.htmlId ? e.id = t.htmlId : e.removeAttribute("id");
 	for (let t of n) e.removeAttribute(t);
 	let r = [];
 	for (let n of t.attributes ?? []) {
 		let t = String(n?.name ?? "").trim();
-		h(t) && (e.setAttribute(t, n.value ?? ""), r.push(t));
+		g(t) && (e.setAttribute(t, n.value ?? ""), r.push(t));
 	}
 	return r;
 }
-var _ = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
-function v(e, t, n, r = !1) {
-	let i = Object.entries(f(t)).map(([e, t]) => `${_(e)}: ${t} !important;`).join(" ");
+var v = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+function y(e, t, n, r = !1) {
+	let i = Object.entries(p(t)).map(([e, t]) => `${v(e)}: ${t} !important;`).join(" ");
 	return i ? `[data-wb="${e}"]${r ? "" : n} { ${i} }` : "";
 }
-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, n) {
+	return Object.entries(m).map(([r, i]) => y(e, t?.[r], i, n === r)).filter(Boolean).join("\n");
 }
-var b = [
+var x = [
 	{
 		key: "tablet",
 		max: 991
@@ -130,17 +130,17 @@ var b = [
 		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]) : "";
+], S = (e) => Object.entries(p(e)).map(([e, t]) => `${v(e)}: ${t} !important;`).join(" ");
+function C(e, t) {
+	return x.map(({ key: n, max: r }) => {
+		let i = t?.[n] ? S(t[n]) : "";
 		return i ? `@media (max-width: ${r}px) { [data-wb="${e}"] { ${i} } }` : "";
 	}).filter(Boolean).join("\n");
 }
-function ee(e, t) {
+function w(e, t) {
 	let n = [], r = (e) => {
 		for (let [t, r] of Object.entries(e || {})) {
-			let e = S(t, r.props);
+			let e = C(t, r.props);
 			e && n.push(e);
 		}
 	};
@@ -148,10 +148,10 @@ function ee(e, t) {
 	for (let e of Object.values(t || {})) r(e.template?.nodes);
 	return n.join("\n");
 }
-function C(e, t) {
+function T(e, t) {
 	let n = [], r = (e) => {
 		for (let [t, r] of Object.entries(e || {})) {
-			let e = y(t, r.props);
+			let e = b(t, r.props);
 			e && n.push(e);
 		}
 	};
@@ -159,7 +159,7 @@ function C(e, t) {
 	for (let e of Object.values(t || {})) r(e.template?.nodes);
 	return n.join("\n");
 }
-var w = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", T = {
+var E = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", D = {
 	light: {
 		background: "#ffffff",
 		text: "#111827",
@@ -196,23 +196,23 @@ var w = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 			contrastText: "#052e2b"
 		}
 	}
-}, E = {
+}, O = {
 	font: "system",
 	headingFont: "inherit",
-	light: T.light,
-	dark: T.dark
-}, D = {
+	light: D.light,
+	dark: D.dark
+}, k = {
 	system: {
 		label: "System",
-		value: w
+		value: E
 	},
 	inter: {
 		label: "Inter",
-		value: `"Inter", ${w}`
+		value: `"Inter", ${E}`
 	},
 	outfit: {
 		label: "Outfit",
-		value: `"Outfit", ${w}`
+		value: `"Outfit", ${E}`
 	},
 	serif: {
 		label: "Serif",
@@ -222,7 +222,7 @@ var w = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 		label: "Mono",
 		value: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
 	}
-}, O = (e, t) => D[e]?.value ?? t, k = (e, ...t) => {
+}, A = (e, t) => k[e]?.value ?? t, j = (e, ...t) => {
 	let n = Object.assign({}, e, ...t);
 	return n.primary = {
 		...e.primary,
@@ -238,16 +238,16 @@ var w = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 		}), {})
 	}, n;
 };
-function A(e) {
+function M(e) {
 	let { light: t, dark: n, font: r, headingFont: i, ...a } = e ?? {};
 	return {
-		font: r ?? E.font,
-		headingFont: i ?? E.headingFont,
-		light: k(T.light, a, t),
-		dark: k(T.dark, n)
+		font: r ?? O.font,
+		headingFont: i ?? O.headingFont,
+		light: j(D.light, a, t),
+		dark: j(D.dark, n)
 	};
 }
-function j(e) {
+function N(e) {
 	return {
 		"--page-bg": e.background,
 		"--page-text": e.text,
@@ -263,28 +263,28 @@ function j(e) {
 		"--page-secondary-contrast": e.secondary.contrastText
 	};
 }
-function M(e) {
-	let t = A(e);
+function P(e) {
+	let t = M(e);
 	return {
 		backgroundColor: "var(--page-bg)",
 		color: "var(--page-text)",
-		fontFamily: O(t.font, w),
-		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : O(t.headingFont, "inherit")
+		fontFamily: A(t.font, E),
+		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : A(t.headingFont, "inherit")
 	};
 }
-function te(e, t = "light") {
-	let n = A(e);
+function F(e, t = "light") {
+	let n = M(e);
 	return {
-		...M(e),
-		...j(n[t] ?? n.light)
+		...P(e),
+		...N(n[t] ?? n.light)
 	};
 }
-function N(e, t) {
+function I(e, t) {
 	return e?.themeRef && t?.[e.themeRef] || e?.theme;
 }
 //#endregion
 //#region src/bundle.js
-function ne({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function L({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -294,7 +294,7 @@ function ne({ 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: N(o, a.builder_themes?.themes),
+		theme: I(o, a.builder_themes?.themes),
 		components: a.builder_components?.components ?? {},
 		custom: o.custom,
 		seo: o.seo,
@@ -305,22 +305,26 @@ function ne({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var re = 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 P({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, fetch: a }) {
+async function z({ 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(re), o(`${s}/settings/public`, { headers: c }).then(re)]);
-	return ne({
+	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(R), o(`${s}/settings/public`, { headers: c }).then(R)]), d = L({
 		page: l,
 		settings: u,
 		tenant: t,
 		apiUrl: s,
 		locale: r
-	});
+	}), f = [...new Set(Object.values(d.blocks ?? {}).map((e) => e?.type?.resolvedName === "CollectionList" ? e.props?.collection : e?.type?.resolvedName === "TableBlock" ? e.props?.source : null).filter(Boolean))];
+	if (f.length) {
+		let e = (e) => e.startsWith("api:") ? `${s}/data/${encodeURIComponent(e.slice(4))}` : `${s}/dynamic/${encodeURIComponent(e)}${r ? `?locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(f.map((t) => o(e(t), { headers: c }).then(R).then((e) => [t, Array.isArray(e) ? e : []]).catch(() => [t, []])));
+		d.datasets = Object.fromEntries(t);
+	}
+	return d;
 }
 new Map([
 	{
@@ -428,14 +432,14 @@ new Map([
 		fallback: "sans-serif"
 	}
 ].map((e) => [e.family, e]));
-function F(e) {
+function ee(e) {
 	return e.length ? `https://fonts.googleapis.com/css2?${e.map((e) => `family=${e.replace(/ /g, "+")}:wght@100..900`).join("&")}&display=swap` : null;
 }
-var I = (e) => F([e]), L = (e) => {
+var te = (e) => ee([e]), ne = (e) => {
 	let t = typeof e == "string" && e.match(/^"([^"]+)"/);
 	return t ? t[1] : null;
 };
-function R(e, t) {
+function B(e, t) {
 	let n = /* @__PURE__ */ new Set(), r = (e) => {
 		for (let t of Object.values(e || {})) for (let e of [
 			"style",
@@ -443,7 +447,7 @@ function R(e, t) {
 			"pressed",
 			"focused"
 		]) {
-			let r = L(t.props?.[e]?.fontFamily);
+			let r = ne(t.props?.[e]?.fontFamily);
 			r && n.add(r);
 		}
 	};
@@ -453,30 +457,53 @@ function R(e, t) {
 }
 //#endregion
 //#region ../ui/src/components/builder/views.jsx
-var z = t({
+var V = t({
 	tenant: "",
 	apiUrl: "/api"
-}), B = {
+}), H = t(null), U = t(null), re = (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];
+}
+var ie = (e) => {
+	let t = [];
+	for (let [n, r] of Object.entries(e ?? {})) {
+		if (!/^[\w-]+$/.test(n)) continue;
+		t.push(n);
+		let e = Array.isArray(r) ? r[0] : r, i = Array.isArray(r) ? `${n}.0` : n;
+		if (e && typeof e == "object" && !Array.isArray(e)) for (let n of Object.keys(e)) /^[\w-]+$/.test(n) && t.push(`${i}.${n}`);
+	}
+	return t;
+};
+function G(e) {
+	return e == null ? "" : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : 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(" ") : "").filter(Boolean).join(" ") : "";
+}
+function ae(e, t) {
+	let n = t?.data ?? {}, r = ie(n);
+	if (!r.length) return e;
+	let i = RegExp(`:(${r.map(re).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 K = {
 	margin: 0,
 	fontWeight: 700,
 	lineHeight: 1.2,
 	fontFamily: "var(--page-heading-font, inherit)"
-}, V = { margin: 0 }, H = {
+}, q = { margin: 0 }, J = {
 	display: "inline-block",
 	textDecoration: "none",
 	cursor: "pointer",
 	backgroundColor: "var(--page-accent, #111827)",
 	color: "var(--page-accent-text, #ffffff)"
-}, ie = {
+}, oe = {
 	flexGrow: 1,
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-}, U = {
+}, se = {
 	display: "flex",
 	flexDirection: "column"
 };
-function W({ style: e }) {
+function Y({ style: e }) {
 	let t = e?.backgroundVideo;
 	if (!t) return null;
 	let n = {
@@ -487,7 +514,7 @@ function W({ style: e }) {
 		zIndex: -1,
 		pointerEvents: "none"
 	}, r = e?.overlayColor ? `color-mix(in srgb, ${e.overlayColor} ${e.overlayOpacity ?? 50}%, transparent)` : null;
-	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("video", {
+	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("video", {
 		src: t,
 		autoPlay: !0,
 		muted: !0,
@@ -497,73 +524,73 @@ function W({ style: e }) {
 			...n,
 			objectFit: "cover"
 		}
-	}), r && /* @__PURE__ */ s("div", { style: {
+	}), r && /* @__PURE__ */ c("div", { style: {
 		...n,
 		background: r
 	} })] });
 }
-var G = (e, t) => e?.backgroundVideo ? {
+var ce = (e, t) => e?.backgroundVideo ? {
 	position: "relative",
 	...t,
-	...f(e)
+	...p(e)
 } : {
 	...t,
-	...f(e)
+	...p(e)
 };
-function ae({ style: e, nodeRef: t, children: n }) {
-	return /* @__PURE__ */ c("div", {
+function le({ style: e, nodeRef: t, children: n }) {
+	return /* @__PURE__ */ l("div", {
 		ref: t,
 		style: {
-			...ie,
-			...f(e)
+			...oe,
+			...p(e)
 		},
-		children: [/* @__PURE__ */ s(W, { style: e }), n]
+		children: [/* @__PURE__ */ c(Y, { style: e }), n]
 	});
 }
-function K({ style: e, nodeRef: t, children: n }) {
-	return /* @__PURE__ */ c("section", {
+function ue({ style: e, nodeRef: t, children: n }) {
+	return /* @__PURE__ */ l("section", {
 		ref: t,
-		style: G(e, U),
-		children: [/* @__PURE__ */ s(W, { style: e }), n]
+		style: ce(e, se),
+		children: [/* @__PURE__ */ c(Y, { style: e }), n]
 	});
 }
-function q({ style: e, freeLayout: t, nodeRef: n, children: r }) {
+function de({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 	let i = t ? {
 		position: "relative",
 		minHeight: 240
 	} : null;
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ l("div", {
 		ref: n,
 		style: i ? {
 			...i,
-			...G(e)
-		} : G(e),
-		children: [/* @__PURE__ */ s(W, { style: e }), r]
+			...ce(e)
+		} : ce(e),
+		children: [/* @__PURE__ */ c(Y, { style: e }), r]
 	});
 }
-function J({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
-	return /* @__PURE__ */ s(n, {
+function fe({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
+	return /* @__PURE__ */ c(n, {
 		ref: a,
 		style: {
-			...B,
-			...f(r)
+			...K,
+			...p(r)
 		},
 		children: X(t, e, i)
 	});
 }
-var Y = {
-	fontFamily: D.mono.value,
+var pe = {
+	fontFamily: k.mono.value,
 	background: "rgba(148, 163, 184, 0.18)",
 	padding: "1px 5px",
 	borderRadius: 4,
 	fontSize: "0.9em"
 };
-function oe(e, t = [], n) {
+function me(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: Y,
+	return t.includes("sup") ? r = /* @__PURE__ */ c("sup", { children: r }) : t.includes("sub") && (r = /* @__PURE__ */ c("sub", { children: r })), t.includes("code") && (r = /* @__PURE__ */ c("code", {
+		style: pe,
 		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", {
+	})), t.includes("strike") && (r = /* @__PURE__ */ c("s", { children: r })), t.includes("underline") && (r = /* @__PURE__ */ c("u", { children: r })), t.includes("italic") && (r = /* @__PURE__ */ c("em", { children: r })), t.includes("bold") && (r = /* @__PURE__ */ c("strong", { children: r })), n && (r = /* @__PURE__ */ c("a", {
 		href: n,
 		style: { color: "inherit" },
 		children: r
@@ -571,26 +598,26 @@ function oe(e, t = [], n) {
 }
 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: X(t.parts, "", r) }, n);
+		if (t.slot) return /* @__PURE__ */ c(e, { children: r?.[t.slot] ?? null }, n);
+		if (t.parts) return /* @__PURE__ */ c(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: Y,
+		return t.sup ? i = /* @__PURE__ */ c("sup", { children: i }) : t.sub && (i = /* @__PURE__ */ c("sub", { children: i })), t.code && (i = /* @__PURE__ */ c("code", {
+			style: pe,
 			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", {
+		})), t.strike && (i = /* @__PURE__ */ c("s", { children: i })), t.underline && (i = /* @__PURE__ */ c("u", { children: i })), t.italic && (i = /* @__PURE__ */ c("em", { children: i })), t.bold && (i = /* @__PURE__ */ c("strong", { children: i })), t.href && (i = /* @__PURE__ */ c("a", {
 			href: t.href,
 			style: { color: "inherit" },
 			children: i
-		})), /* @__PURE__ */ s(e, { children: i }, n);
+		})), /* @__PURE__ */ c(e, { children: i }, n);
 	}) : n;
 }
-function se({ parts: e, text: t, marks: n, href: r, style: i }) {
-	return /* @__PURE__ */ s("span", {
-		style: f(i),
-		children: e?.length ? X(e, t) : oe(t, n, r)
+function he({ parts: e, text: t, marks: n, href: r, style: i }) {
+	return /* @__PURE__ */ c("span", {
+		style: p(i),
+		children: e?.length ? X(e, t) : me(t, n, r)
 	});
 }
-var ce = {
+var ge = {
 	h1: 40,
 	h2: 32,
 	h3: 26,
@@ -598,7 +625,7 @@ var ce = {
 	h5: 19,
 	h6: 16
 };
-function le({ align: e = "center", width: t } = {}) {
+function _e({ align: e = "center", width: t } = {}) {
 	let n = t ? `${t}%` : void 0;
 	return e === "full" ? { width: "100%" } : e === "left" ? {
 		float: "left",
@@ -621,7 +648,7 @@ function le({ align: e = "center", width: t } = {}) {
 		marginRight: "auto"
 	};
 }
-function ue(e = [], t, n) {
+function ve(e = [], t, n) {
 	let r = n ?? ((e, n) => X(e, n, t));
 	return e.map((t, n) => {
 		let i = {
@@ -630,7 +657,7 @@ function ue(e = [], t, n) {
 		};
 		if (t.type === "image") {
 			if (!t.src) return null;
-			let e = /* @__PURE__ */ s("img", {
+			let e = /* @__PURE__ */ c("img", {
 				src: t.src,
 				alt: t.alt || "",
 				style: {
@@ -639,18 +666,18 @@ function ue(e = [], t, n) {
 					borderRadius: 6
 				}
 			});
-			return /* @__PURE__ */ c("figure", {
+			return /* @__PURE__ */ l("figure", {
 				style: {
 					marginLeft: 0,
 					marginRight: 0,
 					...i,
-					...le(t)
+					..._e(t)
 				},
-				children: [t.href ? /* @__PURE__ */ s("a", {
+				children: [t.href ? /* @__PURE__ */ c("a", {
 					href: t.href,
 					style: { display: "block" },
 					children: e
-				}) : e, t.caption && /* @__PURE__ */ s("figcaption", {
+				}) : e, t.caption && /* @__PURE__ */ c("figcaption", {
 					style: {
 						fontSize: 13,
 						opacity: .65,
@@ -661,15 +688,15 @@ function ue(e = [], t, n) {
 				})]
 			}, n);
 		}
-		if (t.type === "video") return xe(t.url) ? /* @__PURE__ */ s("div", {
+		if (t.type === "video") return ke(t.url) ? /* @__PURE__ */ c("div", {
 			style: {
 				...i,
-				...le({
+				..._e({
 					align: t.align,
 					width: t.width ?? 100
 				})
 			},
-			children: /* @__PURE__ */ s(Se, {
+			children: /* @__PURE__ */ c(Ae, {
 				url: t.url,
 				autoplay: t.autoplay,
 				muted: t.muted,
@@ -678,147 +705,147 @@ function ue(e = [], t, n) {
 				start: t.start
 			})
 		}, n) : null;
-		if (t.type === "divider") return /* @__PURE__ */ s("hr", { style: {
+		if (t.type === "divider") return /* @__PURE__ */ c("hr", { style: {
 			...i,
 			border: 0,
 			borderTop: "1px solid rgba(148, 163, 184, 0.4)"
 		} }, n);
 		if (t.type === "ul" || t.type === "ol") {
 			let e = t.type;
-			return /* @__PURE__ */ s(e, {
+			return /* @__PURE__ */ c(e, {
 				style: {
 					...i,
 					paddingLeft: 24
 				},
-				children: (t.items ?? []).map((e, t) => /* @__PURE__ */ s("li", {
+				children: (t.items ?? []).map((e, t) => /* @__PURE__ */ c("li", {
 					style: { marginBottom: 4 },
 					children: r(e.parts, e.text)
 				}, t))
 			}, n);
 		}
-		if (t.type === "quote") return /* @__PURE__ */ s("blockquote", {
+		if (t.type === "quote") return /* @__PURE__ */ c("blockquote", {
 			style: {
-				...fe,
+				...be,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
-		if (ce[t.type]) {
+		if (ge[t.type]) {
 			let e = t.type;
-			return /* @__PURE__ */ s(e, {
+			return /* @__PURE__ */ c(e, {
 				style: {
-					...B,
-					fontSize: ce[t.type],
+					...K,
+					fontSize: ge[t.type],
 					...i
 				},
 				children: r(t.parts, t.text)
 			}, n);
 		}
-		return /* @__PURE__ */ s("p", {
+		return /* @__PURE__ */ c("p", {
 			style: {
-				...V,
+				...q,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
 	});
 }
-function de({ content: e, style: t, linked: n, nodeRef: r }) {
-	return /* @__PURE__ */ s("div", {
+function ye({ content: e, style: t, linked: n, nodeRef: r }) {
+	return /* @__PURE__ */ c("div", {
 		ref: r,
 		style: {
 			display: "flow-root",
-			...f(t)
+			...p(t)
 		},
-		children: ue(e, n)
+		children: ve(e, n)
 	});
 }
-var fe = {
+var be = {
 	margin: 0,
 	padding: "8px 0 8px 20px",
 	borderLeft: "4px solid var(--page-accent, rgba(148, 163, 184, 0.6))"
 };
-function pe({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
-	return /* @__PURE__ */ s("blockquote", {
+function xe({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+	return /* @__PURE__ */ c("blockquote", {
 		ref: i,
 		style: {
-			...fe,
-			...f(n)
+			...be,
+			...p(n)
 		},
 		children: X(t, e, r)
 	});
 }
-function me({ ordered: e, items: t = [], style: n, nodeRef: r }) {
-	return /* @__PURE__ */ s(e ? "ol" : "ul", {
+function Se({ ordered: e, items: t = [], style: n, nodeRef: r }) {
+	return /* @__PURE__ */ c(e ? "ol" : "ul", {
 		ref: r,
 		style: {
 			margin: 0,
 			paddingLeft: 24,
-			...f(n)
+			...p(n)
 		},
-		children: t.map((e, t) => /* @__PURE__ */ s("li", {
+		children: t.map((e, t) => /* @__PURE__ */ c("li", {
 			style: { marginBottom: 4 },
 			children: X(e.parts, e.text)
 		}, t))
 	});
 }
-function he({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
-	return /* @__PURE__ */ s("p", {
+function Ce({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+	return /* @__PURE__ */ c("p", {
 		ref: i,
 		style: {
-			...V,
-			...f(n)
+			...q,
+			...p(n)
 		},
 		children: X(t, e, r)
 	});
 }
-var ge = {
+var we = {
 	color: "var(--page-accent, inherit)",
 	textDecoration: "underline",
 	textUnderlineOffset: 3,
 	cursor: "pointer"
 };
-function _e({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
-	return /* @__PURE__ */ s("a", {
+function Te({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+	return /* @__PURE__ */ c("a", {
 		ref: o,
 		href: n || "#",
 		target: r || void 0,
 		rel: r === "_blank" ? "noopener noreferrer" : void 0,
 		style: {
-			...ge,
-			...f(i)
+			...we,
+			...p(i)
 		},
 		children: X(t, e, a)
 	});
 }
-function ve({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
-	return /* @__PURE__ */ s("a", {
+function Ee({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+	return /* @__PURE__ */ c("a", {
 		ref: o,
 		href: n || "#",
 		target: r || void 0,
 		rel: r === "_blank" ? "noopener noreferrer" : void 0,
 		style: {
-			...H,
-			...f(i)
+			...J,
+			...p(i)
 		},
 		children: X(t, e, a)
 	});
 }
-function ye({ src: e, alt: t, style: n, nodeRef: r }) {
-	return e ? /* @__PURE__ */ s("img", {
+function De({ src: e, alt: t, style: n, nodeRef: r }) {
+	return e ? /* @__PURE__ */ c("img", {
 		ref: r,
 		src: e,
 		alt: t || "",
 		style: {
 			display: "block",
 			maxWidth: "100%",
-			...f(n)
+			...p(n)
 		}
 	}) : null;
 }
-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,
+function Oe({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
+	return e ? /* @__PURE__ */ c("video", {
+		ref: s,
 		src: e,
 		poster: t || void 0,
 		controls: n,
@@ -830,24 +857,24 @@ function be({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !
 			display: "block",
 			width: "100%",
 			maxWidth: "100%",
-			...f(o)
+			...p(o)
 		}
 	}) : null;
 }
-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);
+var ke = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
+function Ae({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
+	let l = ke(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", {
-		ref: c,
+	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__ */ c("div", {
+		ref: s,
 		style: {
 			position: "relative",
 			width: "100%",
 			paddingTop: "56.25%",
-			...f(o)
+			...p(o)
 		},
-		children: /* @__PURE__ */ s("iframe", {
+		children: /* @__PURE__ */ c("iframe", {
 			src: `https://www.youtube-nocookie.com/embed/${l}?${u}`,
 			title: "YouTube video",
 			allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
@@ -862,8 +889,8 @@ function Se({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
 		})
 	});
 }
-function Ce({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
-	return e ? /* @__PURE__ */ s("iframe", {
+function je({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
+	return e ? /* @__PURE__ */ c("iframe", {
 		ref: i,
 		src: e,
 		title: t || "Embedded frame",
@@ -874,31 +901,31 @@ function Ce({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i })
 			width: "100%",
 			height: 300,
 			border: 0,
-			...f(r)
+			...p(r)
 		}
 	}) : null;
 }
-function we({ code: e, runScripts: t = !0, style: n, nodeRef: i }) {
-	let [o, c] = a(null);
+function Me({ code: e, runScripts: t = !0, style: n, nodeRef: i }) {
+	let [a, s] = o(null);
 	return r(() => {
-		o && (o.innerHTML = e || "", t && o.querySelectorAll("script").forEach((e) => {
+		a && (a.innerHTML = e || "", t && a.querySelectorAll("script").forEach((e) => {
 			let t = document.createElement("script");
 			for (let { name: n, value: r } of e.attributes) t.setAttribute(n, r);
 			t.text = e.textContent, e.replaceWith(t);
 		}));
 	}, [
-		o,
+		a,
 		e,
 		t
-	]), /* @__PURE__ */ s("div", {
+	]), /* @__PURE__ */ c("div", {
 		ref: (e) => {
-			c(e), i && i(e);
+			s(e), i && i(e);
 		},
-		style: f(n)
+		style: p(n)
 	});
 }
-function Te({ height: e, nodeRef: t }) {
-	return /* @__PURE__ */ s("div", {
+function Ne({ height: e, nodeRef: t }) {
+	return /* @__PURE__ */ c("div", {
 		ref: t,
 		style: {
 			height: e || 32,
@@ -907,18 +934,18 @@ function Te({ height: e, nodeRef: t }) {
 		}
 	});
 }
-function Ee({ style: e, nodeRef: t }) {
-	return /* @__PURE__ */ s("div", {
+function Pe({ style: e, nodeRef: t }) {
+	return /* @__PURE__ */ c("div", {
 		ref: t,
 		style: {
 			height: 1,
 			alignSelf: "stretch",
 			flexShrink: 0,
-			...f(e)
+			...p(e)
 		}
 	});
 }
-var De = {
+var Fe = {
 	position: "absolute",
 	top: "50%",
 	transform: "translateY(-50%)",
@@ -935,7 +962,7 @@ var De = {
 	alignItems: "center",
 	justifyContent: "center",
 	padding: 0
-}, Oe = {
+}, Ie = {
 	bottom: {
 		inset: "auto 0 0 0",
 		padding: "40px 24px 20px",
@@ -954,9 +981,9 @@ var De = {
 		padding: 24,
 		textShadow: "0 2px 12px rgba(0, 0, 0, 0.6)"
 	}
-}, 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;
+}, Le = 48;
+function Re({ count: e, renderSlide: t, autoplay: n = !0, interval: i = 5, height: a = 320, swipe: u = !0, style: d, nodeRef: f }) {
+	let [m, h] = o(0), [g, _] = o(!1), [v, y] = o(null), b = e ? Math.min(m, e - 1) : 0;
 	if (r(() => {
 		if (!n || g || v || e < 2) return;
 		let t = setInterval(() => h((t) => (t + 1) % e), Math.max(2, Number(i) || 5) * 1e3);
@@ -971,10 +998,10 @@ function Ae({ 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 > ke && x(b - 1);
+		y(null), e < -48 ? x(b + 1) : e > Le && x(b - 1);
 	};
-	return /* @__PURE__ */ c("div", {
-		ref: p,
+	return /* @__PURE__ */ l("div", {
+		ref: f,
 		onMouseEnter: () => _(!0),
 		onMouseLeave: () => _(!1),
 		onPointerDown: u && e > 1 ? (e) => {
@@ -996,16 +1023,16 @@ function Ae({ count: e, renderSlide: t, autoplay: n = !0, interval: i = 5, heigh
 			touchAction: "pan-y",
 			userSelect: v ? "none" : void 0,
 			cursor: v ? "grabbing" : void 0,
-			...f(d)
+			...p(d)
 		},
-		children: [/* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ c("div", {
 			style: {
 				display: "flex",
-				height: l,
+				height: a,
 				transform: `translateX(calc(${-b * 100}% + ${v?.dx ?? 0}px))`,
 				transition: v ? "none" : "transform 450ms ease"
 			},
-			children: Array.from({ length: e }, (e, n) => /* @__PURE__ */ s("div", {
+			children: Array.from({ length: e }, (e, n) => /* @__PURE__ */ c("div", {
 				style: {
 					position: "relative",
 					width: "100%",
@@ -1014,28 +1041,28 @@ function Ae({ count: e, renderSlide: t, autoplay: n = !0, interval: i = 5, heigh
 				},
 				children: t(n)
 			}, n))
-		}), e > 1 && /* @__PURE__ */ c(o, { children: [
-			/* @__PURE__ */ s("button", {
+		}), e > 1 && /* @__PURE__ */ l(s, { children: [
+			/* @__PURE__ */ c("button", {
 				type: "button",
 				"aria-label": "Previous slide",
 				style: {
-					...De,
+					...Fe,
 					left: 12
 				},
 				onClick: () => x(b - 1),
 				children: "‹"
 			}),
-			/* @__PURE__ */ s("button", {
+			/* @__PURE__ */ c("button", {
 				type: "button",
 				"aria-label": "Next slide",
 				style: {
-					...De,
+					...Fe,
 					right: 12
 				},
 				onClick: () => x(b + 1),
 				children: "›"
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ c("div", {
 				style: {
 					position: "absolute",
 					bottom: 10,
@@ -1045,7 +1072,7 @@ function Ae({ count: e, renderSlide: t, autoplay: n = !0, interval: i = 5, heigh
 					justifyContent: "center",
 					gap: 6
 				},
-				children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ s("button", {
+				children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ c("button", {
 					type: "button",
 					"aria-label": `Go to slide ${t + 1}`,
 					onClick: () => x(t),
@@ -1063,7 +1090,7 @@ function Ae({ count: e, renderSlide: t, autoplay: n = !0, interval: i = 5, heigh
 		] })]
 	});
 }
-var je = (e, t) => ({
+var ze = (e, t) => ({
 	position: "absolute",
 	inset: 0,
 	backgroundImage: e ? `url(${e})` : "none",
@@ -1071,26 +1098,26 @@ var je = (e, t) => ({
 	backgroundSize: "cover",
 	backgroundPosition: "center"
 });
-function Me({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
-	return e.length ? /* @__PURE__ */ s(Ae, {
+function Be({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
+	return e.length ? /* @__PURE__ */ c(Re, {
 		...r,
 		count: e.length,
 		renderSlide: (r) => {
 			let i = e[r];
-			return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", { style: je(i.image) }), (i.title || i.text) && /* @__PURE__ */ c("div", {
+			return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", { style: ze(i.image) }), (i.title || i.text) && /* @__PURE__ */ l("div", {
 				style: {
 					position: "absolute",
 					color: "#fff",
 					textAlign: n,
-					...Oe[t] ?? Oe.bottom
+					...Ie[t] ?? Ie.bottom
 				},
-				children: [i.title && /* @__PURE__ */ s("div", {
+				children: [i.title && /* @__PURE__ */ c("div", {
 					style: {
 						fontSize: 22,
 						fontWeight: 700
 					},
 					children: i.title
-				}), i.text && /* @__PURE__ */ s("div", {
+				}), i.text && /* @__PURE__ */ c("div", {
 					style: {
 						fontSize: 14,
 						opacity: .9,
@@ -1102,13 +1129,13 @@ function Me({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "
 		}
 	}) : null;
 }
-function Ne({ slides: e = [], linked: t, ...n }) {
-	return e.length ? /* @__PURE__ */ s(Ae, {
+function Ve({ slides: e = [], linked: t, ...n }) {
+	return e.length ? /* @__PURE__ */ c(Re, {
 		...n,
 		count: e.length,
 		renderSlide: (n) => {
 			let r = e[n];
-			return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", { style: je(r.image, r.color) }), /* @__PURE__ */ s("div", {
+			return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", { style: ze(r.image, r.color) }), /* @__PURE__ */ c("div", {
 				style: {
 					position: "absolute",
 					inset: 0,
@@ -1125,28 +1152,28 @@ var Z = {
 	textDecoration: "none",
 	fontSize: 14,
 	opacity: .85
-}, Pe = {
+}, He = {
 	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 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);
+function Ue({ brand: t, logo: n, links: i = [], style: a, nodeRef: s, menu: u = "auto", breakpoint: d = 768 }) {
+	let [f, m] = o(null), [h, g] = o(!1), [_, v] = o(!1), [y, b] = o(null);
 	r(() => {
-		if (!p) return;
-		let e = new ResizeObserver(() => g(p.offsetWidth < d));
-		return e.observe(p), () => e.disconnect();
-	}, [p, d]);
-	let x = u === "hamburger" || u === "auto" && h, S = (e, t) => /* @__PURE__ */ c("a", {
+		if (!f) return;
+		let e = new ResizeObserver(() => g(f.offsetWidth < d));
+		return e.observe(f), () => e.disconnect();
+	}, [f, d]);
+	let x = u === "hamburger" || u === "auto" && h, S = (e, t) => /* @__PURE__ */ l("a", {
 		href: e.href || "#",
 		style: {
 			...Z,
 			display: "block",
 			...t
 		},
-		children: [e.label, e.desc && /* @__PURE__ */ s("span", {
+		children: [e.label, e.desc && /* @__PURE__ */ c("span", {
 			style: {
 				display: "block",
 				fontSize: 12,
@@ -1156,9 +1183,9 @@ function Fe({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u =
 			children: e.desc
 		})]
 	}, e.key);
-	return /* @__PURE__ */ c("nav", {
+	return /* @__PURE__ */ l("nav", {
 		ref: (e) => {
-			m(e), l && l(e);
+			m(e), s && s(e);
 		},
 		style: {
 			display: "flex",
@@ -1168,10 +1195,10 @@ function Fe({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u =
 			padding: "14px 24px",
 			width: "100%",
 			position: "relative",
-			...f(o)
+			...p(a)
 		},
 		children: [
-			n && /* @__PURE__ */ s("img", {
+			n && /* @__PURE__ */ c("img", {
 				src: n,
 				alt: t || "Logo",
 				style: {
@@ -1179,7 +1206,7 @@ function Fe({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u =
 					display: "block"
 				}
 			}),
-			t && /* @__PURE__ */ s("div", {
+			t && /* @__PURE__ */ c("div", {
 				style: {
 					fontWeight: 700,
 					fontSize: 18,
@@ -1187,8 +1214,8 @@ function Fe({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u =
 				},
 				children: t
 			}),
-			/* @__PURE__ */ s("div", { style: { flexGrow: 1 } }),
-			x ? /* @__PURE__ */ s("button", {
+			/* @__PURE__ */ c("div", { style: { flexGrow: 1 } }),
+			x ? /* @__PURE__ */ c("button", {
 				type: "button",
 				"aria-label": _ ? "Close menu" : "Open menu",
 				onClick: () => v(!_),
@@ -1202,7 +1229,7 @@ function Fe({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u =
 					padding: 4
 				},
 				children: _ ? "✕" : "☰"
-			}) : /* @__PURE__ */ s("div", {
+			}) : /* @__PURE__ */ c("div", {
 				style: {
 					display: "flex",
 					gap: 20,
@@ -1211,20 +1238,20 @@ function Fe({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u =
 				},
 				children: i.map((e) => {
 					let t = e.children ?? [];
-					if (!t.length) return /* @__PURE__ */ s("a", {
+					if (!t.length) return /* @__PURE__ */ c("a", {
 						href: e.href || "#",
 						style: Z,
 						children: e.label
 					}, e.key);
 					let n = e.type === "mega";
-					return /* @__PURE__ */ c("span", {
+					return /* @__PURE__ */ l("span", {
 						style: {
 							position: n ? "static" : "relative",
 							display: "inline-flex"
 						},
 						onMouseEnter: () => b(e.key),
 						onMouseLeave: () => b(null),
-						children: [/* @__PURE__ */ c("a", {
+						children: [/* @__PURE__ */ l("a", {
 							href: e.href || "#",
 							style: {
 								...Z,
@@ -1233,7 +1260,7 @@ function Fe({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u =
 							children: [
 								e.label,
 								" ",
-								/* @__PURE__ */ s("span", {
+								/* @__PURE__ */ c("span", {
 									style: {
 										fontSize: 9,
 										opacity: .6
@@ -1241,9 +1268,9 @@ function Fe({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u =
 									children: "▼"
 								})
 							]
-						}), y === e.key && (n ? /* @__PURE__ */ s("div", {
+						}), y === e.key && (n ? /* @__PURE__ */ c("div", {
 							style: {
-								...Pe,
+								...He,
 								position: "absolute",
 								left: 0,
 								right: 0,
@@ -1257,9 +1284,9 @@ function Fe({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u =
 								padding: "6px 8px",
 								borderRadius: 6
 							}))
-						}) : /* @__PURE__ */ s("div", {
+						}) : /* @__PURE__ */ c("div", {
 							style: {
-								...Pe,
+								...He,
 								position: "absolute",
 								top: "100%",
 								left: 0,
@@ -1277,7 +1304,7 @@ function Fe({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u =
 					}, e.key);
 				})
 			}),
-			x && _ && /* @__PURE__ */ s("div", {
+			x && _ && /* @__PURE__ */ c("div", {
 				style: {
 					flexBasis: "100%",
 					width: "100%",
@@ -1285,7 +1312,7 @@ function Fe({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u =
 					flexDirection: "column",
 					paddingTop: 10
 				},
-				children: i.map((t) => /* @__PURE__ */ c(e, { children: [/* @__PURE__ */ s("a", {
+				children: i.map((t) => /* @__PURE__ */ l(e, { children: [/* @__PURE__ */ c("a", {
 					href: t.href || "#",
 					style: {
 						...Z,
@@ -1299,23 +1326,23 @@ function Fe({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u =
 		]
 	});
 }
-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", {
+function We({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
+	let [i, a] = o(0), s = e.length ? Math.min(i, e.length - 1) : 0;
+	return e.length ? /* @__PURE__ */ l("div", {
 		ref: r,
 		style: {
 			width: "100%",
-			...f(n)
+			...p(n)
 		},
-		children: [/* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ c("div", {
 			style: {
 				display: "flex",
 				gap: 4,
 				borderBottom: "1px solid rgba(148, 163, 184, 0.35)"
 			},
-			children: e.map((e, t) => /* @__PURE__ */ s("button", {
+			children: e.map((e, t) => /* @__PURE__ */ c("button", {
 				type: "button",
-				onClick: () => o(t),
+				onClick: () => a(t),
 				style: {
 					background: "transparent",
 					border: 0,
@@ -1324,39 +1351,39 @@ function Ie({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 					fontFamily: "inherit",
 					color: "inherit",
 					cursor: "pointer",
-					opacity: t === l ? 1 : .6,
-					fontWeight: t === l ? 600 : 500,
-					boxShadow: t === l ? "inset 0 -2px 0 var(--page-accent, #111827)" : "none"
+					opacity: t === s ? 1 : .6,
+					fontWeight: t === s ? 600 : 500,
+					boxShadow: t === s ? "inset 0 -2px 0 var(--page-accent, #111827)" : "none"
 				},
 				children: e.label || `Tab ${t + 1}`
 			}, e.key))
-		}), e.map((e, n) => /* @__PURE__ */ s("div", {
+		}), e.map((e, n) => /* @__PURE__ */ c("div", {
 			style: {
-				display: n === l ? "flex" : "none",
+				display: n === s ? "flex" : "none",
 				flexDirection: "column"
 			},
 			children: t?.[e.key] ?? null
 		}, e.key))]
 	}) : null;
 }
-function Le({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
-	let [o, l] = a(() => new Set(e.length ? [e[0].key] : []));
+function Ge({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
+	let [a, s] = o(() => new Set(e.length ? [e[0].key] : []));
 	if (!e.length) return null;
-	let u = (e) => l((t) => {
+	let u = (e) => s((t) => {
 		let r = new Set(n ? t : []);
 		return t.has(e) ? r.delete(e) : r.add(e), r;
 	});
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ c("div", {
 		ref: i,
 		style: {
 			width: "100%",
-			...f(r)
+			...p(r)
 		},
 		children: e.map((n, r) => {
-			let i = o.has(n.key);
-			return /* @__PURE__ */ c("div", {
+			let i = a.has(n.key);
+			return /* @__PURE__ */ l("div", {
 				style: { borderBottom: r < e.length - 1 ? "1px solid rgba(148, 163, 184, 0.35)" : "none" },
-				children: [/* @__PURE__ */ c("button", {
+				children: [/* @__PURE__ */ l("button", {
 					type: "button",
 					onClick: () => u(n.key),
 					style: {
@@ -1375,7 +1402,7 @@ function Le({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 						textAlign: "left",
 						cursor: "pointer"
 					},
-					children: [n.title || `Item ${r + 1}`, /* @__PURE__ */ s("span", {
+					children: [n.title || `Item ${r + 1}`, /* @__PURE__ */ c("span", {
 						"aria-hidden": !0,
 						style: {
 							fontSize: 12,
@@ -1385,7 +1412,7 @@ function Le({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 						},
 						children: "▼"
 					})]
-				}), /* @__PURE__ */ s("div", {
+				}), /* @__PURE__ */ c("div", {
 					style: {
 						display: i ? "flex" : "none",
 						flexDirection: "column"
@@ -1396,11 +1423,11 @@ function Le({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 		})
 	});
 }
-var Re = {
+var Ke = {
 	display: "flex",
 	flexDirection: "column",
 	gap: "12px"
-}, ze = {
+}, qe = {
 	fontSize: "14px",
 	fontWeight: 500,
 	color: "var(--page-text, #111827)"
@@ -1414,95 +1441,340 @@ var Re = {
 	boxSizing: "border-box",
 	backgroundColor: "#ffffff",
 	color: "#111827"
-}, Be = {
+}, Je = {
 	display: "flex",
 	alignItems: "center",
 	gap: "8px",
 	fontSize: "14px",
 	color: "var(--page-text, #111827)"
-}, Ve = (e) => e ? {
+}, Ye = (e) => e ? {
 	readOnly: !0,
 	tabIndex: -1,
 	onMouseDown: (e) => e.preventDefault()
 } : {};
-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),
+function Xe(e, t) {
+	if (!e) return !0;
+	let n = t[e.field], r = n == null || n === "" ? "" : String(n), i = e.value ?? "";
+	switch (e.op) {
+		case "eq": return r === i;
+		case "neq": return r !== i;
+		case "contains": return r.toLowerCase().includes(i.toLowerCase());
+		case "gt": return Number(r) > Number(i);
+		case "lt": return Number(r) < Number(i);
+		case "empty": return r === "";
+		case "notEmpty": return r !== "";
+		default: return !1;
+	}
+}
+var Ze = {
+	display: "flex",
+	flexDirection: "column",
+	gap: 6
+}, Qe = {
+	font: "inherit",
+	fontSize: 15,
+	padding: "10px 12px",
+	borderRadius: 8,
+	border: "1px solid rgba(148, 163, 184, 0.55)",
+	background: "transparent",
+	color: "inherit",
+	width: "100%",
+	boxSizing: "border-box"
+};
+function $e({ field: e, value: t, onChange: n, inert: r }) {
+	let i = /* @__PURE__ */ l("span", {
+		style: {
+			...qe,
+			fontSize: 14
+		},
+		children: [e.label, e.required ? " *" : ""]
+	}), a = {
+		name: e.name,
+		required: e.required || void 0,
+		placeholder: e.placeholder || void 0,
+		disabled: r || void 0,
+		style: Qe,
+		value: t ?? "",
+		onChange: (t) => n(e.name, t.target.value)
+	};
+	return e.type === "display" ? /* @__PURE__ */ c(e.variant && e.variant !== "p" ? e.variant : "p", {
+		style: {
+			margin: 0,
+			color: e.color || "inherit",
+			fontSize: {
+				h1: 32,
+				h2: 26,
+				h3: 21,
+				h4: 18,
+				h5: 16,
+				h6: 14,
+				p: 15
+			}[e.variant] ?? 16,
+			fontWeight: e.variant === "p" ? 400 : 700,
+			lineHeight: 1.35
+		},
+		children: e.label
+	}) : e.type === "image" ? e.src ? /* @__PURE__ */ c("img", {
+		src: e.src,
+		alt: e.label ?? "",
+		style: {
+			width: "100%",
+			borderRadius: 8,
+			display: "block"
+		}
+	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ c(Ae, {
+		url: e.src,
+		style: { width: "100%" }
+	}) : /* @__PURE__ */ c("video", {
+		src: e.src,
+		controls: !0,
+		style: {
+			width: "100%",
+			borderRadius: 8,
+			display: "block"
+		}
+	}) : null : /* @__PURE__ */ l("label", {
+		style: Ze,
 		children: [
-			/* @__PURE__ */ s("form", {
+			i,
+			e.type === "textarea" || e.multiline ? /* @__PURE__ */ c("textarea", {
+				...a,
+				rows: 4,
+				style: {
+					...Qe,
+					resize: "vertical"
+				}
+			}) : e.type === "select" ? /* @__PURE__ */ l("select", {
+				...a,
+				children: [/* @__PURE__ */ c("option", {
+					value: "",
+					children: e.placeholder || "—"
+				}), (e.options ?? []).map((e, t) => /* @__PURE__ */ c("option", {
+					value: typeof e == "string" ? e : e.value,
+					children: typeof e == "string" ? e : e.label ?? e.value
+				}, t))]
+			}) : e.type === "checkbox" ? /* @__PURE__ */ c("input", {
+				type: "checkbox",
+				name: e.name,
+				required: e.required || void 0,
+				disabled: r || void 0,
+				checked: !!t,
+				onChange: (t) => n(e.name, t.target.checked),
+				style: {
+					width: 18,
+					height: 18
+				}
+			}) : e.type === "upload" ? /* @__PURE__ */ c("input", {
+				type: "file",
+				name: e.name,
+				accept: e.accept || void 0,
+				required: e.required || void 0,
+				disabled: r || void 0,
+				onChange: (t) => n(e.name, t.target.files?.[0]?.name ?? ""),
+				style: {
+					font: "inherit",
+					fontSize: 14
+				}
+			}) : /* @__PURE__ */ c("input", {
+				...a,
+				type: {
+					email: "email",
+					number: "number",
+					date: "date",
+					datetime: "datetime-local",
+					phone: "tel",
+					link: "url"
+				}[e.type] ?? "text"
+			}),
+			e.help && /* @__PURE__ */ c("span", {
+				style: {
+					fontSize: 12,
+					opacity: .65
+				},
+				children: e.help
+			})
+		]
+	});
+}
+function et({ style: e, action: t, method: i, name: a, enctype: u, formSlug: d, auto: f, submitLabel: m, nodeRef: h, inert: g, children: _, linked: v, show: y }) {
+	let { tenant: b, apiUrl: x } = n(V), [S, C] = o("form"), [w, T] = o(null), [E, D] = o({}), [O, k] = o(0), A = g ? y || "form" : S;
+	r(() => {
+		if (!f || !d) return;
+		let e = !0;
+		return fetch(`${x || "/api"}/forms/${encodeURIComponent(d)}`, { headers: b ? { "x-tenant": b } : {} }).then((e) => e.json()).then((t) => e && T(t?.payload ?? null)).catch(() => e && T(null)), () => {
+			e = !1;
+		};
+	}, [
+		f,
+		d,
+		b,
+		x
+	]);
+	let j = [{
+		section: null,
+		fields: []
+	}];
+	for (let e of w?.fields ?? []) e.type === "section" ? j.push({
+		section: e,
+		fields: []
+	}) : j[j.length - 1].fields.push(e);
+	let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section || Xe(e.section.condition, E)).map((e) => ({
+		...e,
+		fields: e.fields.filter((e) => Xe(e.condition, E))
+	})), P = M.length > 1, F = Math.min(O, Math.max(0, N.length - 1)), I = P ? N[F]?.fields ?? [] : N.flatMap((e) => e.fields), L = I.filter((e) => {
+		let t = E[e.name];
+		return e.required && (t == null || t === "" || t === !1);
+	}), R = F >= N.length - 1, z = (e, t) => D((n) => ({
+		...n,
+		[e]: t
+	}));
+	return /* @__PURE__ */ l("div", {
+		ref: h,
+		style: p(e),
+		children: [
+			/* @__PURE__ */ c("form", {
 				action: t || void 0,
-				method: r || "post",
-				name: i || void 0,
-				encType: o || void 0,
+				method: i || "post",
+				name: a || void 0,
+				encType: u || void 0,
 				onSubmit: async (e) => {
-					if (e.preventDefault(), !d) {
-						if (l) {
+					if (e.preventDefault(), !g) {
+						if (d) {
 							let t = {};
-							for (let [n, r] of new FormData(e.currentTarget).entries()) typeof r == "string" && (t[n] = r === "on" || r);
+							if (f) for (let [e, n] of Object.entries(E)) n != null && n !== "" && (t[e] = n);
+							else for (let [n, r] of new FormData(e.currentTarget).entries()) typeof r == "string" && (t[n] = r === "on" || r);
 							try {
-								let e = await fetch(`${_ || "/api"}/forms/${l}/submit`, {
+								let e = await fetch(`${x || "/api"}/forms/${d}/submit`, {
 									method: "post",
 									headers: {
 										"content-type": "application/json",
-										...g ? { "x-tenant": g } : {}
+										...b ? { "x-tenant": b } : {}
 									},
 									body: JSON.stringify(t)
 								}), n = await e.json().catch(() => null);
-								y(e.ok && n?.success !== !1 ? "success" : "error");
+								C(e.ok && n?.success !== !1 ? "success" : "error");
 							} catch {
-								y("error");
+								C("error");
 							}
 							return;
 						}
 						if (!t) {
-							y("success");
+							C("success");
 							return;
 						}
 						try {
 							let n = await fetch(t, {
-								method: r || "post",
+								method: i || "post",
 								body: new FormData(e.currentTarget)
 							});
-							y(n.ok ? "success" : "error");
+							C(n.ok ? "success" : "error");
 						} catch {
-							y("error");
+							C("error");
 						}
 					}
 				},
 				style: {
-					...Re,
-					display: b === "success" ? "none" : "flex"
+					...Ke,
+					display: A === "success" ? "none" : "flex"
 				},
-				children: p
+				children: f && d ? /* @__PURE__ */ l(s, { children: [
+					P && /* @__PURE__ */ c(ft, {
+						steps: N.map((e) => ({ label: e.section?.label ?? "Start" })),
+						active: F + 1,
+						style: { marginBottom: 8 }
+					}),
+					P && N[F]?.section?.help && /* @__PURE__ */ c("p", {
+						style: {
+							margin: 0,
+							fontSize: 14,
+							opacity: .7
+						},
+						children: N[F].section.help
+					}),
+					I.map((e) => /* @__PURE__ */ c($e, {
+						field: e,
+						value: E[e.name],
+						onChange: z,
+						inert: g
+					}, e.name)),
+					/* @__PURE__ */ l("div", {
+						style: {
+							display: "flex",
+							gap: 10,
+							alignItems: "center",
+							marginTop: 4
+						},
+						children: [P && F > 0 && /* @__PURE__ */ c("button", {
+							type: "button",
+							disabled: g || void 0,
+							onClick: () => k(F - 1),
+							style: {
+								...J,
+								background: "transparent",
+								color: "inherit",
+								border: 0,
+								padding: "10px 16px",
+								cursor: "pointer"
+							},
+							children: "Back"
+						}), P && !R ? /* @__PURE__ */ c("button", {
+							type: "button",
+							disabled: g || L.length > 0,
+							onClick: () => k(F + 1),
+							style: {
+								...J,
+								border: 0,
+								padding: "10px 22px",
+								borderRadius: 8,
+								fontSize: 15,
+								fontWeight: 600,
+								cursor: "pointer",
+								opacity: L.length ? .5 : 1
+							},
+							children: "Next"
+						}) : /* @__PURE__ */ c("button", {
+							type: "submit",
+							disabled: g || void 0,
+							style: {
+								...J,
+								border: 0,
+								padding: "10px 22px",
+								borderRadius: 8,
+								fontSize: 15,
+								fontWeight: 600,
+								cursor: "pointer"
+							},
+							children: m || "Submit"
+						})]
+					})
+				] }) : _
 			}),
-			/* @__PURE__ */ s("div", {
-				style: { display: b === "success" ? "block" : "none" },
-				children: m?.success ?? null
+			/* @__PURE__ */ c("div", {
+				style: { display: A === "success" ? "block" : "none" },
+				children: v?.success ?? null
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ c("div", {
 				style: {
-					display: b === "error" ? "block" : "none",
+					display: A === "error" ? "block" : "none",
 					marginTop: 12
 				},
-				children: m?.error ?? null
+				children: v?.error ?? null
 			})
 		]
 	});
 }
-function Ue({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
-	return /* @__PURE__ */ s("label", {
+function tt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
+	return /* @__PURE__ */ c("label", {
 		ref: r,
 		style: {
-			...ze,
-			...f(n)
+			...qe,
+			...p(n)
 		},
 		children: X(t, e, i)
 	});
 }
-function We({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
-	return /* @__PURE__ */ s("input", {
+function nt({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
+	return /* @__PURE__ */ c("input", {
 		ref: a,
 		type: e,
 		name: t || void 0,
@@ -1510,13 +1782,13 @@ function We({ type: e = "text", name: t, placeholder: n, required: r, style: i,
 		required: !o && !!r,
 		style: {
 			...Q,
-			...f(i)
+			...p(i)
 		},
-		...Ve(o)
+		...Ye(o)
 	});
 }
-function Ge({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
-	return /* @__PURE__ */ s("textarea", {
+function rt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
+	return /* @__PURE__ */ c("textarea", {
 		ref: a,
 		name: e || void 0,
 		placeholder: t,
@@ -1525,25 +1797,25 @@ function Ge({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeR
 		style: {
 			...Q,
 			resize: "vertical",
-			...f(i)
+			...p(i)
 		},
-		...Ve(o)
+		...Ye(o)
 	});
 }
-function Ke({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: l }) {
-	return /* @__PURE__ */ c("label", {
+function it({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
+	return /* @__PURE__ */ l("label", {
 		ref: o,
 		style: {
-			...Be,
-			...f(a)
+			...Je,
+			...p(a)
 		},
-		children: [/* @__PURE__ */ s("input", {
+		children: [/* @__PURE__ */ c("input", {
 			type: e,
 			name: n || void 0,
 			value: r || void 0,
-			required: !l && !!i,
-			onClick: l ? (e) => e.preventDefault() : void 0,
-			tabIndex: l ? -1 : void 0,
+			required: !s && !!i,
+			onClick: s ? (e) => e.preventDefault() : void 0,
+			tabIndex: s ? -1 : void 0,
 			style: {
 				margin: 0,
 				accentColor: "var(--page-accent, #111827)"
@@ -1551,8 +1823,8 @@ function Ke({ kind: e = "checkbox", label: t, name: n, value: r, required: i, st
 		}), t]
 	});
 }
-function qe({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
-	return /* @__PURE__ */ c("select", {
+function at({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
+	return /* @__PURE__ */ l("select", {
 		ref: a,
 		name: e || void 0,
 		required: !o && !!r,
@@ -1562,43 +1834,43 @@ function qe({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		style: {
 			...Q,
 			appearance: "auto",
-			...f(i)
+			...p(i)
 		},
-		children: [t !== "" && /* @__PURE__ */ s("option", {
+		children: [t !== "" && /* @__PURE__ */ c("option", {
 			value: "",
 			disabled: !0,
 			children: t ?? "Select…"
-		}), n.map((e, t) => /* @__PURE__ */ s("option", {
+		}), n.map((e, t) => /* @__PURE__ */ c("option", {
 			value: e,
 			children: e
 		}, t))]
 	});
 }
-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,
+function ot({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: s }) {
+	let [u, d] = o(null);
+	return /* @__PURE__ */ l("label", {
+		ref: a,
 		style: {
 			...Q,
 			display: "flex",
 			alignItems: "center",
 			gap: "8px",
-			cursor: l ? "default" : "pointer",
+			cursor: s ? "default" : "pointer",
 			borderStyle: "dashed",
 			color: u ? "#111827" : "#6b7280",
-			...f(i)
+			...p(i)
 		},
 		children: [
-			/* @__PURE__ */ s("input", {
+			/* @__PURE__ */ c("input", {
 				type: "file",
 				name: e || void 0,
 				accept: t || void 0,
-				required: !l && !!n,
-				disabled: !!l,
+				required: !s && !!n,
+				disabled: !!s,
 				onChange: (e) => d(e.target.files?.[0]?.name ?? null),
 				style: { display: "none" }
 			}),
-			/* @__PURE__ */ s("span", {
+			/* @__PURE__ */ c("span", {
 				"aria-hidden": !0,
 				children: "📎"
 			}),
@@ -1606,185 +1878,539 @@ function Je({ name: e, accept: t, required: n, text: r = "Choose a file…", sty
 		]
 	});
 }
-function Ye({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
-	return /* @__PURE__ */ s("button", {
+function st({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
+	return /* @__PURE__ */ c("button", {
 		ref: n,
 		type: r ? "button" : "submit",
 		style: {
-			...H,
+			...J,
 			border: 0,
 			cursor: "pointer",
 			alignSelf: "flex-start",
-			...f(t)
+			padding: "10px 22px",
+			borderRadius: 8,
+			fontSize: 15,
+			fontWeight: 600,
+			lineHeight: 1.4,
+			fontFamily: "inherit",
+			...p(t)
 		},
 		children: e
 	});
 }
-function Xe({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
+function ct({ 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", {
+	return /* @__PURE__ */ c("div", {
 		ref: r,
 		style: {
 			display: "grid",
 			gridTemplateColumns: `repeat(${Math.max(1, Number(e) || 1)}, minmax(0, 1fr))`,
 			gap: 16,
 			width: "100%",
-			...f(n)
+			...p(n)
 		},
-		children: Array.from({ length: a }, (e, t) => /* @__PURE__ */ s("div", {
+		children: Array.from({ length: a }, (e, t) => /* @__PURE__ */ c("div", {
 			style: { minWidth: 0 },
 			children: i?.[`cell-${t}`] ?? null
 		}, t))
 	});
 }
-var Ze = {
-	PageRoot: ae,
-	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, {
+function lt({ collection: e, limit: t = 6, layout: i = "grid", columns: a = 3, imageField: s, titleField: u = "name", textField: d, custom: f, templateId: m, style: h, nodeRef: g }) {
+	let { tenant: _, apiUrl: v } = n(V), y = n(U), b = n(H)?.[e], [x, S] = o(null);
+	if (r(() => {
+		if (!e || b) return;
+		let t = !0, n = e.startsWith("api:") ? `${v}/data/${encodeURIComponent(e.slice(4))}` : `${v}/dynamic/${encodeURIComponent(e)}`;
+		return fetch(n, { headers: _ ? { "x-tenant": _ } : {} }).then((e) => e.json()).then((e) => t && S(Array.isArray(e?.payload) ? e.payload : [])).catch(() => t && S([])), () => {
+			t = !1;
+		};
+	}, [
+		e,
+		_,
+		v,
+		b
+	]), !e) return null;
+	let C = (b ?? x ?? []).slice(0, Math.max(1, Number(t) || 6)), w = Math.min(Math.max(Number(a) || 3, 1), 6), T = i === "list" ? {
+		display: "flex",
+		flexDirection: "column",
+		gap: 20
+	} : {
+		display: "grid",
+		gridTemplateColumns: `repeat(${w}, minmax(0, 1fr))`,
+		gap: 24
+	};
+	return f && m && y?.render ? /* @__PURE__ */ c("div", {
+		ref: g,
+		style: {
+			width: "100%",
+			...T,
+			...p(h)
+		},
+		children: C.map((e) => /* @__PURE__ */ c("div", {
+			style: { minWidth: 0 },
+			children: y.render(m, (t) => ae(t, e))
+		}, e.id ?? e?.data?.slug))
+	}) : /* @__PURE__ */ c("div", {
+		ref: g,
+		style: {
+			width: "100%",
+			...T,
+			...p(h)
+		},
+		children: C.map((e) => {
+			let t = s ? W(e?.data, s) : null, n = u ? G(W(e?.data, u)) : null, r = d ? W(e?.data, d) : null, a = Array.isArray(r) ? r : null, o = a || r == null ? null : G(r), f = i === "list";
+			return /* @__PURE__ */ l("div", {
+				style: {
+					display: "flex",
+					flexDirection: f ? "row" : "column",
+					gap: f ? 20 : 12,
+					alignItems: f ? "center" : "stretch",
+					minWidth: 0
+				},
+				children: [t && /* @__PURE__ */ c("img", {
+					src: t,
+					alt: n ?? "",
+					style: {
+						width: f ? 160 : "100%",
+						aspectRatio: "3 / 2",
+						objectFit: "cover",
+						borderRadius: 10,
+						flexShrink: 0,
+						display: "block"
+					}
+				}), /* @__PURE__ */ l("div", {
+					style: { minWidth: 0 },
+					children: [
+						n && /* @__PURE__ */ c("h3", {
+							style: {
+								margin: 0,
+								fontSize: 18,
+								fontWeight: 700
+							},
+							children: n
+						}),
+						o && /* @__PURE__ */ c("p", {
+							style: {
+								margin: "6px 0 0",
+								fontSize: 14,
+								lineHeight: 1.55,
+								opacity: .75
+							},
+							children: o
+						}),
+						a && /* @__PURE__ */ c("div", {
+							style: {
+								marginTop: 6,
+								fontSize: 14,
+								lineHeight: 1.55,
+								opacity: .85
+							},
+							children: ve(a)
+						})
+					]
+				})]
+			}, e.id ?? e?.data?.slug);
+		})
+	});
+}
+function ut({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
+	return e.length ? /* @__PURE__ */ c("nav", {
+		ref: r,
+		"aria-label": "Breadcrumb",
+		style: { ...p(n) },
+		children: /* @__PURE__ */ c("ol", {
+			style: {
+				display: "flex",
+				flexWrap: "wrap",
+				alignItems: "center",
+				gap: 8,
+				listStyle: "none",
+				margin: 0,
+				padding: 0,
+				fontSize: 14
+			},
+			children: e.map((n, r) => {
+				let i = r === e.length - 1;
+				return /* @__PURE__ */ l("li", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 8,
+						minWidth: 0
+					},
+					children: [r > 0 && /* @__PURE__ */ c("span", {
+						style: { opacity: .4 },
+						"aria-hidden": !0,
+						children: t
+					}), i || !n.href ? /* @__PURE__ */ c("span", {
+						style: {
+							fontWeight: i ? 600 : 400,
+							opacity: i ? 1 : .7
+						},
+						"aria-current": i ? "page" : void 0,
+						children: n.label
+					}) : /* @__PURE__ */ c("a", {
+						href: n.href,
+						style: {
+							color: "inherit",
+							opacity: .7,
+							textDecoration: "none"
+						},
+						children: n.label
+					})]
+				}, r);
+			})
+		})
+	}) : null;
+}
+function dt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", style: i, nodeRef: a }) {
+	let o = Math.min(Math.max(Number(e) || 1, 1), 50), s = Math.min(Math.max(Number(t) || 1, 1), o), u = (e) => r && r !== "#" ? r.replace("{page}", String(e)) : "#", d = (e) => ({
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center",
+		minWidth: 36,
+		height: 36,
+		padding: "0 8px",
+		borderRadius: 8,
+		fontSize: 14,
+		textDecoration: "none",
+		color: e ? "var(--page-accent-text, #ffffff)" : "inherit",
+		background: e ? "var(--page-accent, #111827)" : "transparent",
+		border: e ? "1px solid transparent" : "1px solid rgba(148, 163, 184, 0.4)"
+	});
+	return /* @__PURE__ */ l("nav", {
+		ref: a,
+		"aria-label": "Pagination",
+		style: {
+			display: "flex",
+			flexWrap: "wrap",
+			gap: 8,
+			alignItems: "center",
+			...p(i)
+		},
+		children: [
+			n && /* @__PURE__ */ c("a", {
+				href: s > 1 ? u(s - 1) : "#",
+				"aria-label": "Previous",
+				style: {
+					...d(!1),
+					opacity: s > 1 ? 1 : .4
+				},
+				children: "‹"
+			}),
+			Array.from({ length: o }, (e, t) => t + 1).map((e) => /* @__PURE__ */ c("a", {
+				href: u(e),
+				"aria-current": e === s ? "page" : void 0,
+				style: d(e === s),
+				children: e
+			}, e)),
+			n && /* @__PURE__ */ c("a", {
+				href: s < o ? u(s + 1) : "#",
+				"aria-label": "Next",
+				style: {
+					...d(!1),
+					opacity: s < o ? 1 : .4
+				},
+				children: "›"
+			})
+		]
+	});
+}
+function ft({ 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,
+		height: 32,
+		borderRadius: "50%",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		fontSize: 14,
+		fontWeight: 600,
+		flexShrink: 0,
+		color: e === "todo" ? "inherit" : "var(--page-accent-text, #ffffff)",
+		background: e === "todo" ? "transparent" : "var(--page-accent, #111827)",
+		border: e === "todo" ? "1px solid rgba(148, 163, 184, 0.5)" : "1px solid transparent",
+		opacity: e === "todo" ? .6 : 1,
+		boxShadow: e === "active" ? "0 0 0 4px rgba(99, 102, 241, 0.2)" : "none"
+	}), u = (e) => ({
+		flexGrow: 1,
+		alignSelf: "center",
+		background: e ? "var(--page-accent, #111827)" : "rgba(148, 163, 184, 0.4)",
+		...r ? {
+			width: 2,
+			minHeight: 24,
+			marginLeft: 15,
+			alignSelf: "auto"
+		} : {
+			height: 2,
+			minWidth: 24
+		}
+	});
+	return /* @__PURE__ */ c("div", {
+		ref: a,
+		style: {
+			display: "flex",
+			flexDirection: r ? "column" : "row",
+			alignItems: r ? "stretch" : "flex-start",
+			gap: r ? 4 : 8,
+			...p(i)
+		},
+		children: t.map((t, n) => {
+			let i = n + 1, a = i < o ? "done" : i === o ? "active" : "todo";
+			return /* @__PURE__ */ l(e, { children: [n > 0 && /* @__PURE__ */ c("div", {
+				style: u(i <= o),
+				"aria-hidden": !0
+			}), /* @__PURE__ */ l("div", {
+				style: {
+					display: "flex",
+					flexDirection: r ? "row" : "column",
+					alignItems: "center",
+					gap: 8,
+					minWidth: 0,
+					textAlign: r ? "left" : "center"
+				},
+				children: [/* @__PURE__ */ c("div", {
+					style: s(a),
+					children: a === "done" ? "✓" : i
+				}), /* @__PURE__ */ l("div", {
+					style: { minWidth: 0 },
+					children: [/* @__PURE__ */ c("div", {
+						style: {
+							fontSize: 13,
+							fontWeight: a === "active" ? 700 : 500,
+							opacity: a === "todo" ? .6 : 1
+						},
+						children: t.label
+					}), t.description && /* @__PURE__ */ c("div", {
+						style: {
+							fontSize: 12,
+							opacity: .6
+						},
+						children: t.description
+					})]
+				})]
+			})] }, n);
+		})
+	});
+}
+function pt({ columns: e = [], rows: t = [], source: i, limit: a = 10, striped: s = !0, bordered: u = !1, compact: d = !1, style: f, nodeRef: m }) {
+	let { tenant: h, apiUrl: g } = n(V), _ = n(H)?.[i], [v, y] = o(null);
+	if (r(() => {
+		if (!i || _) return;
+		let e = !0, t = i.startsWith("api:") ? `${g}/data/${encodeURIComponent(i.slice(4))}` : `${g}/dynamic/${encodeURIComponent(i)}`;
+		return fetch(t, { headers: h ? { "x-tenant": h } : {} }).then((e) => e.json()).then((t) => e && y(Array.isArray(t?.payload) ? t.payload : [])).catch(() => e && y([])), () => {
+			e = !1;
+		};
+	}, [
+		i,
+		h,
+		g,
+		_
+	]), !e.length) return null;
+	let b = i ? (_ ?? v ?? []).slice(0, Math.max(1, Number(a) || 10)) : null, x = b ? b.map((t) => e.map((e) => G(W(t?.data, e.field)))) : t, S = d ? "6px 10px" : "10px 14px", C = "1px solid rgba(148, 163, 184, 0.35)", w = u ? { border: C } : { borderBottom: C };
+	return /* @__PURE__ */ c("div", {
+		ref: m,
+		style: {
+			width: "100%",
+			overflowX: "auto",
+			...p(f)
+		},
+		children: /* @__PURE__ */ l("table", {
+			style: {
+				width: "100%",
+				borderCollapse: "collapse",
+				fontSize: 14,
+				...u ? { border: C } : {}
+			},
+			children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ c("tr", { children: e.map((e, t) => /* @__PURE__ */ c("th", {
+				style: {
+					textAlign: "left",
+					fontWeight: 600,
+					padding: S,
+					background: "rgba(148, 163, 184, 0.12)",
+					...w
+				},
+				children: e.label ?? e
+			}, t)) }) }), /* @__PURE__ */ c("tbody", { children: x.map((t, n) => /* @__PURE__ */ c("tr", {
+				style: s && n % 2 == 1 ? { background: "rgba(148, 163, 184, 0.07)" } : void 0,
+				children: e.map((e, n) => /* @__PURE__ */ c("td", {
+					style: {
+						padding: S,
+						...w
+					},
+					children: t?.[n] ?? ""
+				}, n))
+			}, n)) })]
+		})
+	});
+}
+var mt = {
+	PageRoot: le,
+	Section: ue,
+	Container: de,
+	Heading: fe,
+	TextBlock: Ce,
+	ButtonBlock: Ee,
+	ImageBlock: De,
+	Spacer: Ne,
+	Divider: Pe,
+	SliderBlock: Be,
+	CanvasSlider: Ve,
+	TabsBlock: We,
+	QuickStack: ct,
+	CollectionList: lt,
+	BreadcrumbsBlock: ut,
+	PaginationBlock: dt,
+	StepperBlock: ft,
+	TableBlock: pt,
+	AccordionBlock: Ge,
+	NavbarBlock: Ue,
+	ListBlock: Se,
+	TextSpan: he,
+	QuoteBlock: xe,
+	TextLink: Te,
+	RichTextBlock: ye,
+	RichContentBlock: ye,
+	VideoBlock: Oe,
+	YouTubeBlock: Ae,
+	IframeBlock: je,
+	EmbedBlock: Me,
+	FormBlock: et,
+	FormLabel: tt,
+	FormInput: nt,
+	FormTextarea: rt,
+	FormCheckbox: (e) => /* @__PURE__ */ c(it, {
 		kind: "checkbox",
 		...e
 	}),
-	FormRadio: (e) => /* @__PURE__ */ s(Ke, {
+	FormRadio: (e) => /* @__PURE__ */ c(it, {
 		kind: "radio",
 		...e
 	}),
-	FormSelect: qe,
-	FormFile: Je,
-	FormSubmit: Ye
+	FormSelect: at,
+	FormFile: ot,
+	FormSubmit: st
 };
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-function $(t, n, r, i = /* @__PURE__ */ new Set()) {
-	let a = n[t];
-	if (!a || a.hidden) return null;
-	let o = a.type?.resolvedName;
-	if (o === "ComponentInstance") {
-		let n = a.props?.componentId, o = r?.[n];
-		if (!o?.template || i.has(n)) return null;
-		let c = new Set(i).add(n);
-		return /* @__PURE__ */ s(e, { children: $(o.template.rootId, o.template.nodes, r, c) }, t);
+function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
+	let o = n[t];
+	if (!o || o.hidden) return null;
+	let s = o.type?.resolvedName, l = a?.mapProps ? a.mapProps(o.props ?? {}, s) : o.props ?? {};
+	if (s === "ComponentInstance") {
+		let n = o.props?.componentId, s = r?.[n];
+		if (!s?.template || i.has(n)) return null;
+		let l = new Set(i).add(n);
+		return /* @__PURE__ */ c(e, { children: $(s.template.rootId, s.template.nodes, r, l, a) }, t);
 	}
-	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, {
-		...a.props,
-		linked: d,
+	let u = mt[s];
+	if (!u) 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;
+	return /* @__PURE__ */ c(u, {
+		...l,
+		...s === "CollectionList" ? { templateId: o.linkedNodes?.card } : null,
+		linked: p,
 		nodeRef: (e) => {
-			e && (e.setAttribute("data-wb", t), g(e, a.props ?? {}));
+			e && (e.setAttribute("data-wb", t), _(e, l));
 		},
-		children: l.length ? l : void 0
+		children: d.length ? d : void 0
 	}, t);
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-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();
+var ht = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
+function gt({ blocks: e, theme: t, components: n, mode: a = "auto", style: o, custom: s, tenant: u, apiUrl: d, datasets: f }) {
+	let p = s?.js?.trim();
 	if (r(() => {
-		if (!d) return;
+		if (!p) return;
 		let e = document.createElement("script");
-		return e.text = d, document.body.appendChild(e), () => e.remove();
-	}, [d]), !e?.ROOT) return null;
-	let f = {
+		return e.text = p, document.body.appendChild(e), () => e.remove();
+	}, [p]), !e?.ROOT) return null;
+	let m = {
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, p = $("ROOT", e, n), m = C(e, n), h = ee(e, n), g = o?.css?.trim(), _ = R(e, n).map((e) => /* @__PURE__ */ s("link", {
+	}, h = $("ROOT", e, n), g = i(() => ({ render: (t, r) => $(t, e, n, void 0, { mapProps: r }) }), [e, n]), _ = T(e, n), v = w(e, n), y = s?.css?.trim(), b = B(e, n).map((e) => /* @__PURE__ */ c("link", {
 		rel: "stylesheet",
 		precedence: "default",
-		href: I(e)
+		href: te(e)
 	}, e));
-	if (i !== "auto") return /* @__PURE__ */ s(z.Provider, {
+	if (a !== "auto") return /* @__PURE__ */ c(V.Provider, {
 		value: {
-			tenant: l || "",
-			apiUrl: u || "/api"
+			tenant: u || "",
+			apiUrl: d || "/api"
 		},
-		children: /* @__PURE__ */ c("div", {
-			style: {
-				...f,
-				...te(t, i),
-				...a
-			},
-			children: [
-				_,
-				m && /* @__PURE__ */ s("style", { children: m }),
-				h && /* @__PURE__ */ s("style", { children: h }),
-				g && /* @__PURE__ */ s("style", { children: g }),
-				p
-			]
+		children: /* @__PURE__ */ c(H.Provider, {
+			value: f ?? null,
+			children: /* @__PURE__ */ c(U.Provider, {
+				value: g,
+				children: /* @__PURE__ */ l("div", {
+					style: {
+						...m,
+						...F(t, a),
+						...o
+					},
+					children: [
+						b,
+						_ && /* @__PURE__ */ c("style", { children: _ }),
+						v && /* @__PURE__ */ c("style", { children: v }),
+						y && /* @__PURE__ */ c("style", { children: y }),
+						h
+					]
+				})
+			})
 		})
 	});
-	let v = A(t);
-	return /* @__PURE__ */ s(z.Provider, {
+	let x = M(t);
+	return /* @__PURE__ */ c(V.Provider, {
 		value: {
-			tenant: l || "",
-			apiUrl: u || "/api"
+			tenant: u || "",
+			apiUrl: d || "/api"
 		},
-		children: /* @__PURE__ */ c("div", {
-			className: "webim-page",
-			style: {
-				...f,
-				...M(t),
-				...a
-			},
-			children: [
-				/* @__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
-			]
+		children: /* @__PURE__ */ c(H.Provider, {
+			value: f ?? null,
+			children: /* @__PURE__ */ c(U.Provider, {
+				value: g,
+				children: /* @__PURE__ */ l("div", {
+					className: "webim-page",
+					style: {
+						...m,
+						...P(t),
+						...o
+					},
+					children: [
+						/* @__PURE__ */ c("style", { children: `.webim-page { ${ht(N(x.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${ht(N(x.dark))} } }` }),
+						b,
+						_ && /* @__PURE__ */ c("style", { children: _ }),
+						v && /* @__PURE__ */ c("style", { children: v }),
+						y && /* @__PURE__ */ c("style", { children: y }),
+						h
+					]
+				})
+			})
 		})
 	});
 }
 //#endregion
 //#region src/WebimContent.jsx
-function et({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ s($e, {
+function _t({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ c(gt, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
 		custom: e.custom,
 		tenant: e.tenant,
 		apiUrl: e.apiUrl,
+		datasets: e.datasets,
 		mode: t,
 		style: n
 	}) : null;
 }
 //#endregion
 //#region src/WebimPage.jsx
-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({
+function vt({ apiUrl: e, tenant: t, slug: n, locale: i, preview: s, mode: l = "auto", style: u, fallback: d = null, errorFallback: f = null, onLoad: p, onError: m }) {
+	let [h, g] = o({ status: "loading" }), _ = a({
 		onLoad: p,
 		onError: m
 	});
@@ -1793,12 +2419,12 @@ function tt({ apiUrl: e, tenant: t, slug: n, locale: o, preview: c, mode: l = "a
 		onError: m
 	}, r(() => {
 		let r = !0;
-		return g({ status: "loading" }), P({
+		return g({ status: "loading" }), z({
 			apiUrl: e,
 			tenant: t,
 			slug: n,
-			locale: o,
-			preview: c
+			locale: i,
+			preview: s
 		}).then((e) => {
 			r && (g({
 				status: "ready",
@@ -1816,13 +2442,13 @@ function tt({ apiUrl: e, tenant: t, slug: n, locale: o, preview: c, mode: l = "a
 		e,
 		t,
 		n,
-		o,
-		c
-	]), h.status === "loading" ? d : h.status === "error" ? typeof f == "function" ? f(h.error) : f : /* @__PURE__ */ s(et, {
+		i,
+		s
+	]), h.status === "loading" ? d : h.status === "error" ? typeof f == "function" ? f(h.error) : f : /* @__PURE__ */ c(_t, {
 		bundle: h.bundle,
 		mode: l,
 		style: u
 	});
 }
 //#endregion
-export { $e as PageRenderer, et as WebimContent, tt as WebimPage, P as fetchPage, ue as renderRichContent, N as resolveTheme };
+export { gt as PageRenderer, _t as WebimContent, vt as WebimPage, z as fetchPage, ve as renderRichContent, I as resolveTheme };