webim-adapter 0.3.0 → 0.5.0

package/build/webim-ssr.js

@@ -161,54 +161,54 @@ function _(e) {
 	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(p).filter(Boolean);
 	(v !== void 0 || y !== void 0) && w.push(`translate(${h(v ?? 0)}, ${h(y ?? 0)})`), b !== void 0 && w.push(`scale(${b})`), x !== void 0 && w.push(`rotate(${f(x)})`), (S !== void 0 || C !== void 0) && w.push(`skew(${f(S ?? 0)}, ${f(C ?? 0)})`), w.length && (t.transform = w.join(" "));
-	let T = (e) => `${e.inset ? "inset " : ""}${h(e.x ?? 0)} ${h(e.y ?? 0)} ${h(e.blur ?? 0)} ${h(e.spread ?? 0)} ${e.color || "rgba(15, 23, 42, 0.2)"}`, { shadows: E, boxShadowX: D, boxShadowY: ee, boxShadowBlur: O, boxShadowSpread: k, boxShadowColor: A, boxShadowInset: j } = t;
+	let T = (e) => `${e.inset ? "inset " : ""}${h(e.x ?? 0)} ${h(e.y ?? 0)} ${h(e.blur ?? 0)} ${h(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(E) ? E : []).filter((e) => e && e.on !== !1).map(T);
+	let N = (Array.isArray(E) ? E : []).filter((e) => e && e.on !== !1).map(T);
 	[
 		D,
-		ee,
 		O,
 		k,
 		A,
-		j
-	].some((e) => e !== void 0) && M.push(T({
+		j,
+		M
+	].some((e) => e !== void 0) && N.push(T({
 		x: D,
-		y: ee,
-		blur: O,
-		spread: k,
-		color: A,
-		inset: j
-	})), M.length && (t.boxShadow = M.join(", "));
-	let te = (e) => e.type === "blur" ? `blur(${h(e.v ?? 0)})` : e.type === "hue-rotate" ? `hue-rotate(${f(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: P, backdropFilters: F, filterBlur: I, filterGrayscale: L, filterBrightness: R, filterContrast: z, filterSaturate: B } = t;
+		y: O,
+		blur: k,
+		spread: A,
+		color: j,
+		inset: M
+	})), N.length && (t.boxShadow = N.join(", "));
+	let P = (e) => e.type === "blur" ? `blur(${h(e.v ?? 0)})` : e.type === "hue-rotate" ? `hue-rotate(${f(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: B, filterSaturate: V } = t;
 	delete t.filters, delete t.backdropFilters, delete t.filterBlur, delete t.filterGrayscale, delete t.filterBrightness, delete t.filterContrast, delete t.filterSaturate;
-	let V = N(P);
-	I !== void 0 && V.push(`blur(${h(I)})`), L !== void 0 && V.push(`grayscale(${L}%)`), R !== void 0 && V.push(`brightness(${R}%)`), z !== void 0 && V.push(`contrast(${z}%)`), B !== void 0 && V.push(`saturate(${B}%)`), V.length && (t.filter = V.join(" "));
-	let H = N(F);
-	H.length && (t.backdropFilter = H.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
+	let H = F(I);
+	R !== void 0 && H.push(`blur(${h(R)})`), z !== void 0 && H.push(`grayscale(${z}%)`), ee !== void 0 && H.push(`brightness(${ee}%)`), B !== void 0 && H.push(`contrast(${B}%)`), V !== void 0 && H.push(`saturate(${V}%)`), H.length && (t.filter = H.join(" "));
+	let te = F(L);
+	te.length && (t.backdropFilter = te.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
 	let { textStrokeWidth: U, textStrokeColor: ne } = t;
 	delete t.textStrokeWidth, delete t.textStrokeColor, (U !== void 0 || ne !== void 0) && (t.WebkitTextStroke = `${h(U ?? 1)} ${ne || "currentColor"}`);
 	let { clipText: W } = t;
 	delete t.clipText, W && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
-	let { transitions: re, transitionDuration: G, transitionEasing: ie, transitionProperty: ae } = t, oe = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
+	let { transitions: re, transitionDuration: G, transitionEasing: ie, transitionProperty: K } = t, ae = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
 	delete t.transitions, delete t.transitionDuration, delete t.transitionEasing, delete t.transitionProperty;
-	let K = (Array.isArray(re) ? re : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${oe(e.duration ?? 200)} ${e.easing || "ease"}`);
-	if (G !== void 0 && K.push(`${ae || "all"} ${oe(G)} ${ie || "ease"}`), K.length && (t.transition = K.join(", ")), t.backgroundImage && !String(t.backgroundImage).includes("(") && (t.backgroundImage = `url("${t.backgroundImage}")`), n) {
+	let q = (Array.isArray(re) ? re : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${ae(e.duration ?? 200)} ${e.easing || "ease"}`);
+	if (G !== void 0 && q.push(`${K || "all"} ${ae(G)} ${ie || "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: se } = t;
+	let { backgroundLayers: oe } = t;
 	delete t.backgroundLayers;
-	let ce = (Array.isArray(se) ? se : []).filter((e) => e && e.on !== !1);
-	if (ce.length) {
+	let se = (Array.isArray(oe) ? oe : []).filter((e) => e && e.on !== !1);
+	if (se.length) {
 		let e = [], n = [], r = [], i = [], a = [];
-		for (let t of ce) 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 se) 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;
@@ -268,7 +268,7 @@ function D(e, t) {
 		return i ? `@media (max-width: ${r}px) { [data-wb="${e}"] { ${i} } }` : "";
 	}).filter(Boolean).join("\n");
 }
-function ee(e, t) {
+function O(e, t) {
 	let n = [], r = (e) => {
 		for (let [t, r] of Object.entries(e || {})) {
 			let e = D(t, r.props);
@@ -279,7 +279,7 @@ function ee(e, t) {
 	for (let e of Object.values(t || {})) r(e.template?.nodes);
 	return n.join("\n");
 }
-function O(e, t) {
+function k(e, t) {
 	let n = [], r = (e) => {
 		for (let [t, r] of Object.entries(e || {})) {
 			let e = w(t, r.props);
@@ -290,7 +290,7 @@ function O(e, t) {
 	for (let e of Object.values(t || {})) r(e.template?.nodes);
 	return n.join("\n");
 }
-var k = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", A = {
+var A = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", j = {
 	light: {
 		background: "#ffffff",
 		text: "#111827",
@@ -327,23 +327,23 @@ var k = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 			contrastText: "#052e2b"
 		}
 	}
-}, j = {
+}, M = {
 	font: "system",
 	headingFont: "inherit",
-	light: A.light,
-	dark: A.dark
-}, M = {
+	light: j.light,
+	dark: j.dark
+}, N = {
 	system: {
 		label: "System",
-		value: k
+		value: A
 	},
 	inter: {
 		label: "Inter",
-		value: `"Inter", ${k}`
+		value: `"Inter", ${A}`
 	},
 	outfit: {
 		label: "Outfit",
-		value: `"Outfit", ${k}`
+		value: `"Outfit", ${A}`
 	},
 	serif: {
 		label: "Serif",
@@ -353,7 +353,7 @@ var k = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 		label: "Mono",
 		value: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
 	}
-}, te = (e, t) => M[e]?.value ?? t, N = (e, ...t) => {
+}, P = (e, t) => N[e]?.value ?? t, F = (e, ...t) => {
 	let n = Object.assign({}, e, ...t);
 	return n.primary = {
 		...e.primary,
@@ -369,16 +369,16 @@ var k = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 		}), {})
 	}, n;
 };
-function P(e) {
+function I(e) {
 	let { light: t, dark: n, font: r, headingFont: i, ...a } = e ?? {};
 	return {
-		font: r ?? j.font,
-		headingFont: i ?? j.headingFont,
-		light: N(A.light, a, t),
-		dark: N(A.dark, n)
+		font: r ?? M.font,
+		headingFont: i ?? M.headingFont,
+		light: F(j.light, a, t),
+		dark: F(j.dark, n)
 	};
 }
-function F(e) {
+function L(e) {
 	return {
 		"--page-bg": e.background,
 		"--page-text": e.text,
@@ -394,31 +394,31 @@ function F(e) {
 		"--page-secondary-contrast": e.secondary.contrastText
 	};
 }
-function I(e) {
-	let t = P(e);
+function R(e) {
+	let t = I(e);
 	return {
 		backgroundColor: "var(--page-bg)",
 		color: "var(--page-text)",
-		fontFamily: te(t.font, k),
-		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : te(t.headingFont, "inherit")
+		fontFamily: P(t.font, A),
+		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : P(t.headingFont, "inherit")
 	};
 }
-function L(e, t = "light") {
-	let n = P(e);
+function z(e, t = "light") {
+	let n = I(e);
 	return {
-		...I(e),
-		...F(n[t] ?? n.light)
+		...R(e),
+		...L(n[t] ?? n.light)
 	};
 }
-function R(e, t) {
+function ee(e, t) {
 	return e?.themeRef && t?.[e.themeRef] || e?.theme;
 }
 //#endregion
 //#region ../ui/src/components/builder/views.jsx
-var z = n({
+var B = n({
 	tenant: "",
 	apiUrl: "/api"
-}), B = n(null), V = n(null), H = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}), V = n(null), H = n(null), te = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 function U(e, t) {
 	if (t) return t.includes(".") ? t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e) : e?.[t];
 }
@@ -438,7 +438,7 @@ function W(e) {
 function re(e, t) {
 	let n = t?.data ?? {}, r = ne(n);
 	if (!r.length) return e;
-	let i = RegExp(`:(${r.map(H).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => W(U(n, t))) : Array.isArray(e) ? e.map(a) : e && typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, t]) => [e, a(t)])) : e;
+	let i = RegExp(`:(${r.map(te).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => W(U(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 G = {
@@ -446,22 +446,22 @@ var G = {
 	fontWeight: 700,
 	lineHeight: 1.2,
 	fontFamily: "var(--page-heading-font, inherit)"
-}, ie = { margin: 0 }, ae = {
+}, ie = { margin: 0 }, K = {
 	display: "inline-block",
 	textDecoration: "none",
 	cursor: "pointer",
 	backgroundColor: "var(--page-accent, #111827)",
 	color: "var(--page-accent-text, #ffffff)"
-}, oe = {
+}, ae = {
 	flexGrow: 1,
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-}, K = {
+}, q = {
 	display: "flex",
 	flexDirection: "column"
 };
-function q({ style: e }) {
+function J({ style: e }) {
 	let t = e?.backgroundVideo;
 	if (!t) return null;
 	let n = {
@@ -487,7 +487,7 @@ function q({ style: e }) {
 		background: r
 	} })] });
 }
-var J = (e, t) => e?.backgroundVideo ? {
+var Y = (e, t) => e?.backgroundVideo ? {
 	position: "relative",
 	...t,
 	..._(e)
@@ -495,24 +495,24 @@ var J = (e, t) => e?.backgroundVideo ? {
 	...t,
 	..._(e)
 };
-function se({ style: e, nodeRef: t, children: n }) {
+function oe({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ l("div", {
 		ref: t,
 		style: {
-			...oe,
+			...ae,
 			..._(e)
 		},
-		children: [/* @__PURE__ */ c(q, { style: e }), n]
+		children: [/* @__PURE__ */ c(J, { style: e }), n]
 	});
 }
-function ce({ style: e, nodeRef: t, children: n }) {
+function se({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ l("section", {
 		ref: t,
-		style: J(e, K),
-		children: [/* @__PURE__ */ c(q, { style: e }), n]
+		style: Y(e, q),
+		children: [/* @__PURE__ */ c(J, { style: e }), n]
 	});
 }
-function le({ style: e, freeLayout: t, nodeRef: n, children: r }) {
+function ce({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 	let i = t ? {
 		position: "relative",
 		minHeight: 240
@@ -521,61 +521,71 @@ function le({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 		ref: n,
 		style: i ? {
 			...i,
-			...J(e)
-		} : J(e),
-		children: [/* @__PURE__ */ c(q, { style: e }), r]
+			...Y(e)
+		} : Y(e),
+		children: [/* @__PURE__ */ c(J, { style: e }), r]
 	});
 }
-function ue({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
+function le({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
 	return /* @__PURE__ */ c(n, {
 		ref: a,
 		style: {
 			...G,
 			..._(r)
 		},
-		children: Y(t, e, i)
+		children: X(t, e, i)
 	});
 }
-var de = {
-	fontFamily: M.mono.value,
+var ue = {
+	fontFamily: N.mono.value,
 	background: "rgba(148, 163, 184, 0.18)",
 	padding: "1px 5px",
 	borderRadius: 4,
 	fontSize: "0.9em"
 };
-function fe(e, t = [], n) {
-	let r = e;
-	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: de,
-		children: r
-	})), 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", {
+function de(e, t = [], n, r) {
+	let i = e;
+	return t.includes("sup") ? i = /* @__PURE__ */ c("sup", { children: i }) : t.includes("sub") && (i = /* @__PURE__ */ c("sub", { children: i })), t.includes("code") && (i = /* @__PURE__ */ c("code", {
+		style: ue,
+		children: i
+	})), t.includes("strike") && (i = /* @__PURE__ */ c("s", { children: i })), t.includes("underline") && (i = /* @__PURE__ */ c("u", { children: i })), t.includes("italic") && (i = /* @__PURE__ */ c("em", { children: i })), t.includes("bold") && (i = /* @__PURE__ */ c("strong", { children: i })), n && (i = /* @__PURE__ */ c("a", {
 		href: n,
+		target: r || void 0,
+		rel: r === "_blank" ? "noopener noreferrer" : void 0,
 		style: { color: "inherit" },
-		children: r
-	})), r;
+		children: i
+	})), i;
 }
-function Y(e, n, r) {
+function X(e, n, r) {
 	return e?.length ? e.map((e, n) => {
 		if (e.slot) return /* @__PURE__ */ c(t, { children: r?.[e.slot] ?? null }, n);
-		if (e.parts) return /* @__PURE__ */ c(t, { children: Y(e.parts, "", r) }, n);
+		if (e.parts) return /* @__PURE__ */ c(t, { children: X(e.parts, "", r) }, n);
 		let i = e.text;
 		return e.sup ? i = /* @__PURE__ */ c("sup", { children: i }) : e.sub && (i = /* @__PURE__ */ c("sub", { children: i })), e.code && (i = /* @__PURE__ */ c("code", {
-			style: de,
+			style: ue,
 			children: i
-		})), e.strike && (i = /* @__PURE__ */ c("s", { children: i })), e.underline && (i = /* @__PURE__ */ c("u", { children: i })), e.italic && (i = /* @__PURE__ */ c("em", { children: i })), e.bold && (i = /* @__PURE__ */ c("strong", { children: i })), e.href && (i = /* @__PURE__ */ c("a", {
+		})), e.strike && (i = /* @__PURE__ */ c("s", { children: i })), e.underline && (i = /* @__PURE__ */ c("u", { children: i })), e.italic && (i = /* @__PURE__ */ c("em", { children: i })), e.bold && (i = /* @__PURE__ */ c("strong", { children: i })), (e.color || e.background) && (i = /* @__PURE__ */ c("span", {
+			style: {
+				...e.color && { color: e.color },
+				...e.background && { backgroundColor: e.background }
+			},
+			children: i
+		})), e.href && (i = /* @__PURE__ */ c("a", {
 			href: e.href,
-			style: { color: "inherit" },
+			target: e.target || void 0,
+			rel: e.target === "_blank" ? "noopener noreferrer" : void 0,
+			style: { color: e.color ?? "inherit" },
 			children: i
 		})), /* @__PURE__ */ c(t, { children: i }, n);
 	}) : n;
 }
-function pe({ parts: e, text: t, marks: n, href: r, style: i }) {
+function fe({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
 	return /* @__PURE__ */ c("span", {
-		style: _(i),
-		children: e?.length ? Y(e, t) : fe(t, n, r)
+		style: _(a),
+		children: e?.length ? X(e, t) : de(t, n, r, i)
 	});
 }
-var me = {
+var pe = {
 	h1: 40,
 	h2: 32,
 	h3: 26,
@@ -583,31 +593,42 @@ var me = {
 	h5: 19,
 	h6: 16
 };
-function he({ align: e = "center", width: t } = {}) {
-	let n = t ? `${t}%` : void 0;
-	return e === "full" ? { width: "100%" } : e === "left" ? {
-		float: "left",
-		width: n ?? "50%",
-		marginTop: 4,
-		marginRight: 20,
-		marginBottom: 12,
-		marginLeft: 0
-	} : e === "right" ? {
-		float: "right",
-		width: n ?? "50%",
-		marginTop: 4,
-		marginLeft: 20,
-		marginBottom: 12,
-		marginRight: 0
+function me({ align: e = "center", width: t, wrap: n } = {}) {
+	let r = t ? `${t}%` : void 0;
+	if (e === "full") return { width: "100%" };
+	let i = e === "left" || e === "right";
+	return i && (n ?? !0) ? {
+		float: e,
+		width: r ?? "50%",
+		maxWidth: "100%",
+		marginTop: "4px",
+		marginBottom: "12px",
+		...e === "left" ? {
+			marginRight: "20px",
+			marginLeft: 0
+		} : {
+			marginLeft: "20px",
+			marginRight: 0
+		}
+	} : i ? {
+		width: r ?? "fit-content",
+		maxWidth: "100%",
+		...e === "left" ? {
+			marginLeft: 0,
+			marginRight: "auto"
+		} : {
+			marginLeft: "auto",
+			marginRight: 0
+		}
 	} : {
-		width: n ?? "fit-content",
+		width: r ?? "fit-content",
 		maxWidth: "100%",
 		marginLeft: "auto",
 		marginRight: "auto"
 	};
 }
-function ge(e = [], t, n) {
-	let r = n ?? ((e, n) => Y(e, n, t));
+function he(e = [], t, n) {
+	let r = n ?? ((e, n) => X(e, n, t));
 	return e.map((t, n) => {
 		let i = {
 			marginTop: 0,
@@ -629,10 +650,12 @@ function ge(e = [], t, n) {
 					marginLeft: 0,
 					marginRight: 0,
 					...i,
-					...he(t)
+					...me(t)
 				},
 				children: [t.href ? /* @__PURE__ */ c("a", {
 					href: t.href,
+					target: t.target || void 0,
+					rel: t.target === "_blank" ? "noopener noreferrer" : void 0,
 					style: { display: "block" },
 					children: e
 				}) : e, t.caption && /* @__PURE__ */ c("figcaption", {
@@ -646,15 +669,16 @@ function ge(e = [], t, n) {
 				})]
 			}, n);
 		}
-		if (t.type === "video") return De(t.url) ? /* @__PURE__ */ c("div", {
+		if (t.type === "video") return Ee(t.url) ? /* @__PURE__ */ c("div", {
 			style: {
 				...i,
-				...he({
+				...me({
 					align: t.align,
+					wrap: t.wrap,
 					width: t.width ?? 100
 				})
 			},
-			children: /* @__PURE__ */ c(Oe, {
+			children: /* @__PURE__ */ c(De, {
 				url: t.url,
 				autoplay: t.autoplay,
 				muted: t.muted,
@@ -683,17 +707,17 @@ function ge(e = [], t, n) {
 		}
 		if (t.type === "quote") return /* @__PURE__ */ c("blockquote", {
 			style: {
-				...ve,
+				..._e,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
-		if (me[t.type]) {
+		if (pe[t.type]) {
 			let e = t.type;
 			return /* @__PURE__ */ c(e, {
 				style: {
 					...G,
-					fontSize: me[t.type],
+					fontSize: pe[t.type],
 					...i
 				},
 				children: r(t.parts, t.text)
@@ -708,32 +732,32 @@ function ge(e = [], t, n) {
 		}, n);
 	});
 }
-function _e({ content: e, style: t, linked: n, nodeRef: r }) {
+function ge({ content: e, style: t, linked: n, nodeRef: r }) {
 	return /* @__PURE__ */ c("div", {
 		ref: r,
 		style: {
 			display: "flow-root",
 			..._(t)
 		},
-		children: ge(e, n)
+		children: he(e, n)
 	});
 }
-var ve = {
+var _e = {
 	margin: 0,
 	padding: "8px 0 8px 20px",
 	borderLeft: "4px solid var(--page-accent, rgba(148, 163, 184, 0.6))"
 };
-function ye({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function ve({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ c("blockquote", {
 		ref: i,
 		style: {
-			...ve,
+			..._e,
 			..._(n)
 		},
-		children: Y(t, e, r)
+		children: X(t, e, r)
 	});
 }
-function be({ ordered: e, items: t = [], style: n, nodeRef: r }) {
+function ye({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 	return /* @__PURE__ */ c(e ? "ol" : "ul", {
 		ref: r,
 		style: {
@@ -743,53 +767,53 @@ function be({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 		},
 		children: t.map((e, t) => /* @__PURE__ */ c("li", {
 			style: { marginBottom: 4 },
-			children: Y(e.parts, e.text)
+			children: X(e.parts, e.text)
 		}, t))
 	});
 }
-function xe({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function be({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ c("p", {
 		ref: i,
 		style: {
 			...ie,
 			..._(n)
 		},
-		children: Y(t, e, r)
+		children: X(t, e, r)
 	});
 }
-var Se = {
+var xe = {
 	color: "var(--page-accent, inherit)",
 	textDecoration: "underline",
 	textUnderlineOffset: 3,
 	cursor: "pointer"
 };
-function Ce({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function Se({ 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: {
-			...Se,
+			...xe,
 			..._(i)
 		},
-		children: Y(t, e, a)
+		children: X(t, e, a)
 	});
 }
-function we({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function Ce({ 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: {
-			...ae,
+			...K,
 			..._(i)
 		},
-		children: Y(t, e, a)
+		children: X(t, e, a)
 	});
 }
-function Te({ src: e, alt: t, style: n, nodeRef: r }) {
+function we({ src: e, alt: t, style: n, nodeRef: r }) {
 	return e ? /* @__PURE__ */ c("img", {
 		ref: r,
 		src: e,
@@ -801,7 +825,7 @@ function Te({ src: e, alt: t, style: n, nodeRef: r }) {
 		}
 	}) : null;
 }
-function Ee({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
+function Te({ 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,
@@ -819,9 +843,9 @@ function Ee({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !
 		}
 	}) : null;
 }
-var De = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
-function Oe({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
-	let l = De(e);
+var Ee = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
+function De({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
+	let l = Ee(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__ */ c("div", {
@@ -847,7 +871,7 @@ function Oe({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
 		})
 	});
 }
-function ke({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
+function Oe({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
 	return e ? /* @__PURE__ */ c("iframe", {
 		ref: i,
 		src: e,
@@ -863,7 +887,7 @@ function ke({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i })
 		}
 	}) : null;
 }
-function Ae({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
+function ke({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
 	let [a, s] = o(null);
 	return i(() => {
 		a && (a.innerHTML = e || "", t && a.querySelectorAll("script").forEach((e) => {
@@ -882,7 +906,7 @@ function Ae({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
 		style: _(n)
 	});
 }
-function je({ height: e, nodeRef: t }) {
+function Ae({ height: e, nodeRef: t }) {
 	return /* @__PURE__ */ c("div", {
 		ref: t,
 		style: {
@@ -892,7 +916,7 @@ function je({ height: e, nodeRef: t }) {
 		}
 	});
 }
-function Me({ style: e, nodeRef: t }) {
+function je({ style: e, nodeRef: t }) {
 	return /* @__PURE__ */ c("div", {
 		ref: t,
 		style: {
@@ -903,7 +927,7 @@ function Me({ style: e, nodeRef: t }) {
 		}
 	});
 }
-var Ne = {
+var Me = {
 	position: "absolute",
 	top: "50%",
 	transform: "translateY(-50%)",
@@ -920,7 +944,7 @@ var Ne = {
 	alignItems: "center",
 	justifyContent: "center",
 	padding: 0
-}, Pe = {
+}, Ne = {
 	bottom: {
 		inset: "auto 0 0 0",
 		padding: "40px 24px 20px",
@@ -939,8 +963,8 @@ var Ne = {
 		padding: 24,
 		textShadow: "0 2px 12px rgba(0, 0, 0, 0.6)"
 	}
-}, Fe = 48;
-function Ie({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: a = 320, swipe: u = !0, style: d, nodeRef: f }) {
+}, Pe = 48;
+function Fe({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: a = 320, swipe: u = !0, style: d, nodeRef: f }) {
 	let [p, m] = o(0), [h, g] = o(!1), [v, y] = o(null), b = e ? Math.min(p, e - 1) : 0;
 	if (i(() => {
 		if (!n || h || v || e < 2) return;
@@ -956,7 +980,7 @@ function Ie({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 	let x = (t) => m((t + e) % e), S = () => {
 		if (!v) return;
 		let { dx: e } = v;
-		y(null), e < -48 ? x(b + 1) : e > Fe && x(b - 1);
+		y(null), e < -48 ? x(b + 1) : e > Pe && x(b - 1);
 	};
 	return /* @__PURE__ */ l("div", {
 		ref: f,
@@ -1004,7 +1028,7 @@ function Ie({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Previous slide",
 				style: {
-					...Ne,
+					...Me,
 					left: 12
 				},
 				onClick: () => x(b - 1),
@@ -1014,7 +1038,7 @@ function Ie({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Next slide",
 				style: {
-					...Ne,
+					...Me,
 					right: 12
 				},
 				onClick: () => x(b + 1),
@@ -1048,7 +1072,7 @@ function Ie({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 		] })]
 	});
 }
-var Le = (e, t) => ({
+var Ie = (e, t) => ({
 	position: "absolute",
 	inset: 0,
 	backgroundImage: e ? `url(${e})` : "none",
@@ -1056,18 +1080,18 @@ var Le = (e, t) => ({
 	backgroundSize: "cover",
 	backgroundPosition: "center"
 });
-function Re({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
-	return e.length ? /* @__PURE__ */ c(Ie, {
+function Le({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
+	return e.length ? /* @__PURE__ */ c(Fe, {
 		...r,
 		count: e.length,
 		renderSlide: (r) => {
 			let i = e[r];
-			return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", { style: Le(i.image) }), (i.title || i.text) && /* @__PURE__ */ l("div", {
+			return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", { style: Ie(i.image) }), (i.title || i.text) && /* @__PURE__ */ l("div", {
 				style: {
 					position: "absolute",
 					color: "#fff",
 					textAlign: n,
-					...Pe[t] ?? Pe.bottom
+					...Ne[t] ?? Ne.bottom
 				},
 				children: [i.title && /* @__PURE__ */ c("div", {
 					style: {
@@ -1087,13 +1111,13 @@ function Re({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "
 		}
 	}) : null;
 }
-function ze({ slides: e = [], linked: t, ...n }) {
-	return e.length ? /* @__PURE__ */ c(Ie, {
+function Re({ slides: e = [], linked: t, ...n }) {
+	return e.length ? /* @__PURE__ */ c(Fe, {
 		...n,
 		count: e.length,
 		renderSlide: (n) => {
 			let r = e[n];
-			return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", { style: Le(r.image, r.color) }), /* @__PURE__ */ c("div", {
+			return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", { style: Ie(r.image, r.color) }), /* @__PURE__ */ c("div", {
 				style: {
 					position: "absolute",
 					inset: 0,
@@ -1105,19 +1129,19 @@ function ze({ slides: e = [], linked: t, ...n }) {
 		}
 	}) : null;
 }
-var X = {
+var Z = {
 	color: "inherit",
 	textDecoration: "none",
 	fontSize: 14,
 	opacity: .85
-}, Be = {
+}, ze = {
 	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 Ve({ brand: e, logo: n, links: r = [], style: a, nodeRef: s, menu: u = "auto", breakpoint: d = 768 }) {
+function Be({ brand: e, logo: n, links: r = [], style: a, nodeRef: s, menu: u = "auto", breakpoint: d = 768 }) {
 	let [f, p] = o(null), [m, h] = o(!1), [g, v] = o(!1), [y, b] = o(null);
 	i(() => {
 		if (!f) return;
@@ -1127,7 +1151,7 @@ function Ve({ brand: e, logo: n, links: r = [], style: a, nodeRef: s, menu: u =
 	let x = u === "hamburger" || u === "auto" && m, S = (e, t) => /* @__PURE__ */ l("a", {
 		href: e.href || "#",
 		style: {
-			...X,
+			...Z,
 			display: "block",
 			...t
 		},
@@ -1198,7 +1222,7 @@ function Ve({ brand: e, logo: n, links: r = [], style: a, nodeRef: s, menu: u =
 					let t = e.children ?? [];
 					if (!t.length) return /* @__PURE__ */ c("a", {
 						href: e.href || "#",
-						style: X,
+						style: Z,
 						children: e.label
 					}, e.key);
 					let n = e.type === "mega";
@@ -1212,7 +1236,7 @@ function Ve({ brand: e, logo: n, links: r = [], style: a, nodeRef: s, menu: u =
 						children: [/* @__PURE__ */ l("a", {
 							href: e.href || "#",
 							style: {
-								...X,
+								...Z,
 								cursor: "pointer"
 							},
 							children: [
@@ -1228,7 +1252,7 @@ function Ve({ brand: e, logo: n, links: r = [], style: a, nodeRef: s, menu: u =
 							]
 						}), y === e.key && (n ? /* @__PURE__ */ c("div", {
 							style: {
-								...Be,
+								...ze,
 								position: "absolute",
 								left: 0,
 								right: 0,
@@ -1244,7 +1268,7 @@ function Ve({ brand: e, logo: n, links: r = [], style: a, nodeRef: s, menu: u =
 							}))
 						}) : /* @__PURE__ */ c("div", {
 							style: {
-								...Be,
+								...ze,
 								position: "absolute",
 								top: "100%",
 								left: 0,
@@ -1273,7 +1297,7 @@ function Ve({ brand: e, logo: n, links: r = [], style: a, nodeRef: s, menu: u =
 				children: r.map((e) => /* @__PURE__ */ l(t, { children: [/* @__PURE__ */ c("a", {
 					href: e.href || "#",
 					style: {
-						...X,
+						...Z,
 						padding: "10px 4px",
 						fontWeight: (e.children ?? []).length ? 600 : 400,
 						opacity: 1
@@ -1284,7 +1308,7 @@ function Ve({ brand: e, logo: n, links: r = [], style: a, nodeRef: s, menu: u =
 		]
 	});
 }
-function He({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
+function Ve({ 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,
@@ -1324,7 +1348,7 @@ function He({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 		}, e.key))]
 	}) : null;
 }
-function Ue({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
+function He({ 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) => s((t) => {
@@ -1381,15 +1405,15 @@ function Ue({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 		})
 	});
 }
-var We = {
+var Ue = {
 	display: "flex",
 	flexDirection: "column",
 	gap: "12px"
-}, Ge = {
+}, We = {
 	fontSize: "14px",
 	fontWeight: 500,
 	color: "var(--page-text, #111827)"
-}, Z = {
+}, Ge = {
 	padding: "10px 12px",
 	border: "1px solid #d1d5db",
 	borderRadius: "6px",
@@ -1410,39 +1434,214 @@ var We = {
 	tabIndex: -1,
 	onMouseDown: (e) => e.preventDefault()
 } : {};
-function Je({ style: e, action: t, method: n, name: i, enctype: a, formSlug: s, nodeRef: u, inert: d, children: f, linked: p, show: m }) {
-	let { tenant: h, apiUrl: g } = r(z), [v, y] = o("form"), b = d ? m || "form" : v;
+function Je(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 Ye = {
+	display: "flex",
+	flexDirection: "column",
+	gap: 6
+}, Xe = {
+	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 Ze({ field: e, value: t, onChange: n, inert: r }) {
+	let i = /* @__PURE__ */ l("span", {
+		style: {
+			...We,
+			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: Xe,
+		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(De, {
+		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: Ye,
+		children: [
+			i,
+			e.type === "textarea" || e.multiline ? /* @__PURE__ */ c("textarea", {
+				...a,
+				rows: 4,
+				style: {
+					...Xe,
+					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 Qe({ style: e, action: t, method: n, name: a, enctype: u, formSlug: d, auto: f, submitLabel: p, nodeRef: m, inert: h, children: g, linked: v, show: y }) {
+	let { tenant: b, apiUrl: x } = r(B), [S, C] = o("form"), [w, T] = o(null), [E, D] = o({}), [O, k] = o(0), A = h ? y || "form" : S;
+	i(() => {
+		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 || Je(e.section.condition, E)).map((e) => ({
+		...e,
+		fields: e.fields.filter((e) => Je(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: u,
+		ref: m,
 		style: _(e),
 		children: [
 			/* @__PURE__ */ c("form", {
 				action: t || void 0,
 				method: n || "post",
-				name: i || void 0,
-				encType: a || void 0,
+				name: a || void 0,
+				encType: u || void 0,
 				onSubmit: async (e) => {
-					if (e.preventDefault(), !d) {
-						if (s) {
+					if (e.preventDefault(), !h) {
+						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(`${g || "/api"}/forms/${s}/submit`, {
+								let e = await fetch(`${x || "/api"}/forms/${d}/submit`, {
 									method: "post",
 									headers: {
 										"content-type": "application/json",
-										...h ? { "x-tenant": h } : {}
+										...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 {
@@ -1450,43 +1649,113 @@ function Je({ style: e, action: t, method: n, name: i, enctype: a, formSlug: s,
 								method: n || "post",
 								body: new FormData(e.currentTarget)
 							});
-							y(r.ok ? "success" : "error");
+							C(r.ok ? "success" : "error");
 						} catch {
-							y("error");
+							C("error");
 						}
 					}
 				},
 				style: {
-					...We,
-					display: b === "success" ? "none" : "flex"
+					...Ue,
+					display: A === "success" ? "none" : "flex"
 				},
-				children: f
+				children: f && d ? /* @__PURE__ */ l(s, { children: [
+					P && /* @__PURE__ */ c(ut, {
+						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(Ze, {
+						field: e,
+						value: E[e.name],
+						onChange: z,
+						inert: h
+					}, e.name)),
+					/* @__PURE__ */ l("div", {
+						style: {
+							display: "flex",
+							gap: 10,
+							alignItems: "center",
+							marginTop: 4
+						},
+						children: [P && F > 0 && /* @__PURE__ */ c("button", {
+							type: "button",
+							disabled: h || void 0,
+							onClick: () => k(F - 1),
+							style: {
+								...K,
+								background: "transparent",
+								color: "inherit",
+								border: 0,
+								padding: "10px 16px",
+								cursor: "pointer"
+							},
+							children: "Back"
+						}), P && !R ? /* @__PURE__ */ c("button", {
+							type: "button",
+							disabled: h || L.length > 0,
+							onClick: () => k(F + 1),
+							style: {
+								...K,
+								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: h || void 0,
+							style: {
+								...K,
+								border: 0,
+								padding: "10px 22px",
+								borderRadius: 8,
+								fontSize: 15,
+								fontWeight: 600,
+								cursor: "pointer"
+							},
+							children: p || "Submit"
+						})]
+					})
+				] }) : g
 			}),
 			/* @__PURE__ */ c("div", {
-				style: { display: b === "success" ? "block" : "none" },
-				children: p?.success ?? null
+				style: { display: A === "success" ? "block" : "none" },
+				children: v?.success ?? null
 			}),
 			/* @__PURE__ */ c("div", {
 				style: {
-					display: b === "error" ? "block" : "none",
+					display: A === "error" ? "block" : "none",
 					marginTop: 12
 				},
-				children: p?.error ?? null
+				children: v?.error ?? null
 			})
 		]
 	});
 }
-function Ye({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
+function $e({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 	return /* @__PURE__ */ c("label", {
 		ref: r,
 		style: {
-			...Ge,
+			...We,
 			..._(n)
 		},
-		children: Y(t, e, i)
+		children: X(t, e, i)
 	});
 }
-function Xe({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
+function et({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ c("input", {
 		ref: a,
 		type: e,
@@ -1494,13 +1763,13 @@ function Xe({ type: e = "text", name: t, placeholder: n, required: r, style: i,
 		placeholder: n,
 		required: !o && !!r,
 		style: {
-			...Z,
+			...Ge,
 			..._(i)
 		},
 		...qe(o)
 	});
 }
-function Ze({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
+function tt({ 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,
@@ -1508,14 +1777,14 @@ function Ze({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeR
 		rows: n,
 		required: !o && !!r,
 		style: {
-			...Z,
+			...Ge,
 			resize: "vertical",
 			..._(i)
 		},
 		...qe(o)
 	});
 }
-function Qe({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
+function nt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
 	return /* @__PURE__ */ l("label", {
 		ref: o,
 		style: {
@@ -1536,7 +1805,7 @@ function Qe({ kind: e = "checkbox", label: t, name: n, value: r, required: i, st
 		}), t]
 	});
 }
-function $e({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
+function rt({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ l("select", {
 		ref: a,
 		name: e || void 0,
@@ -1545,7 +1814,7 @@ function $e({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		onMouseDown: o ? (e) => e.preventDefault() : void 0,
 		tabIndex: o ? -1 : void 0,
 		style: {
-			...Z,
+			...Ge,
 			appearance: "auto",
 			..._(i)
 		},
@@ -1559,12 +1828,12 @@ function $e({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		}, t))]
 	});
 }
-function et({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: s }) {
+function it({ 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: {
-			...Z,
+			...Ge,
 			display: "flex",
 			alignItems: "center",
 			gap: "8px",
@@ -1591,12 +1860,12 @@ function et({ name: e, accept: t, required: n, text: r = "Choose a file…", sty
 		]
 	});
 }
-function tt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
+function at({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 	return /* @__PURE__ */ c("button", {
 		ref: n,
 		type: r ? "button" : "submit",
 		style: {
-			...ae,
+			...K,
 			border: 0,
 			cursor: "pointer",
 			alignSelf: "flex-start",
@@ -1611,7 +1880,7 @@ function tt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 		children: e
 	});
 }
-function nt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
+function ot({ 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__ */ c("div", {
 		ref: r,
@@ -1628,8 +1897,8 @@ function nt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 		}, t))
 	});
 }
-function rt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, imageField: s, titleField: u = "name", textField: d, custom: f, templateId: p, style: m, nodeRef: h }) {
-	let { tenant: g, apiUrl: v } = r(z), y = r(V), b = r(B)?.[e], [x, S] = o(null);
+function st({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, imageField: s, titleField: u = "name", textField: d, custom: f, templateId: p, style: m, nodeRef: h }) {
+	let { tenant: g, apiUrl: v } = r(B), y = r(H), b = r(V)?.[e], [x, S] = o(null);
 	if (i(() => {
 		if (!e || b) return;
 		let t = !0, n = e.startsWith("api:") ? `${v}/data/${encodeURIComponent(e.slice(4))}` : `${v}/dynamic/${encodeURIComponent(e)}`;
@@ -1717,7 +1986,7 @@ function rt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 								lineHeight: 1.55,
 								opacity: .85
 							},
-							children: ge(a)
+							children: he(a)
 						})
 					]
 				})]
@@ -1725,7 +1994,7 @@ function rt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 		})
 	});
 }
-function it({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
+function ct({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 	return e.length ? /* @__PURE__ */ c("nav", {
 		ref: r,
 		"aria-label": "Breadcrumb",
@@ -1775,7 +2044,7 @@ function it({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 		})
 	}) : null;
 }
-function at({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", style: i, nodeRef: a }) {
+function lt({ 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",
@@ -1828,7 +2097,7 @@ function at({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sty
 		]
 	});
 }
-function ot({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
+function ut({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
 	if (!e.length) return null;
 	let o = Math.min(Math.max(Number(n) || 1, 1), e.length), s = (e) => ({
 		width: 32,
@@ -1906,91 +2175,103 @@ function ot({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 		})
 	});
 }
-function st({ columns: e = [], rows: t = [], striped: n = !0, bordered: r = !1, compact: i = !1, style: a, nodeRef: o }) {
-	if (!e.length) return null;
-	let s = i ? "6px 10px" : "10px 14px", u = "1px solid rgba(148, 163, 184, 0.35)", d = r ? { border: u } : { borderBottom: u };
+function dt({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped: s = !0, bordered: u = !1, compact: d = !1, style: f, nodeRef: p }) {
+	let { tenant: m, apiUrl: h } = r(B), g = r(V)?.[n], [v, y] = o(null);
+	if (i(() => {
+		if (!n || g) return;
+		let e = !0, t = n.startsWith("api:") ? `${h}/data/${encodeURIComponent(n.slice(4))}` : `${h}/dynamic/${encodeURIComponent(n)}`;
+		return fetch(t, { headers: m ? { "x-tenant": m } : {} }).then((e) => e.json()).then((t) => e && y(Array.isArray(t?.payload) ? t.payload : [])).catch(() => e && y([])), () => {
+			e = !1;
+		};
+	}, [
+		n,
+		m,
+		h,
+		g
+	]), !e.length) return null;
+	let b = n ? (g ?? v ?? []).slice(0, Math.max(1, Number(a) || 10)) : null, x = b ? b.map((t) => e.map((e) => W(U(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: o,
+		ref: p,
 		style: {
 			width: "100%",
 			overflowX: "auto",
-			..._(a)
+			..._(f)
 		},
 		children: /* @__PURE__ */ l("table", {
 			style: {
 				width: "100%",
 				borderCollapse: "collapse",
 				fontSize: 14,
-				...r ? { border: u } : {}
+				...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,
+					padding: S,
 					background: "rgba(148, 163, 184, 0.12)",
-					...d
+					...w
 				},
 				children: e.label ?? e
-			}, t)) }) }), /* @__PURE__ */ c("tbody", { children: t.map((t, r) => /* @__PURE__ */ c("tr", {
-				style: n && r % 2 == 1 ? { background: "rgba(148, 163, 184, 0.07)" } : void 0,
+			}, 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,
-						...d
+						padding: S,
+						...w
 					},
 					children: t?.[n] ?? ""
 				}, n))
-			}, r)) })]
+			}, n)) })]
 		})
 	});
 }
-var ct = {
-	PageRoot: se,
-	Section: ce,
-	Container: le,
-	Heading: ue,
-	TextBlock: xe,
-	ButtonBlock: we,
-	ImageBlock: Te,
-	Spacer: je,
-	Divider: Me,
-	SliderBlock: Re,
-	CanvasSlider: ze,
-	TabsBlock: He,
-	QuickStack: nt,
-	CollectionList: rt,
-	BreadcrumbsBlock: it,
-	PaginationBlock: at,
-	StepperBlock: ot,
-	TableBlock: st,
-	AccordionBlock: Ue,
-	NavbarBlock: Ve,
-	ListBlock: be,
-	TextSpan: pe,
-	QuoteBlock: ye,
-	TextLink: Ce,
-	RichTextBlock: _e,
-	RichContentBlock: _e,
-	VideoBlock: Ee,
-	YouTubeBlock: Oe,
-	IframeBlock: ke,
-	EmbedBlock: Ae,
-	FormBlock: Je,
-	FormLabel: Ye,
-	FormInput: Xe,
-	FormTextarea: Ze,
-	FormCheckbox: (e) => /* @__PURE__ */ c(Qe, {
+var ft = {
+	PageRoot: oe,
+	Section: se,
+	Container: ce,
+	Heading: le,
+	TextBlock: be,
+	ButtonBlock: Ce,
+	ImageBlock: we,
+	Spacer: Ae,
+	Divider: je,
+	SliderBlock: Le,
+	CanvasSlider: Re,
+	TabsBlock: Ve,
+	QuickStack: ot,
+	CollectionList: st,
+	BreadcrumbsBlock: ct,
+	PaginationBlock: lt,
+	StepperBlock: ut,
+	TableBlock: dt,
+	AccordionBlock: He,
+	NavbarBlock: Be,
+	ListBlock: ye,
+	TextSpan: fe,
+	QuoteBlock: ve,
+	TextLink: Se,
+	RichTextBlock: ge,
+	RichContentBlock: ge,
+	VideoBlock: Te,
+	YouTubeBlock: De,
+	IframeBlock: Oe,
+	EmbedBlock: ke,
+	FormBlock: Qe,
+	FormLabel: $e,
+	FormInput: et,
+	FormTextarea: tt,
+	FormCheckbox: (e) => /* @__PURE__ */ c(nt, {
 		kind: "checkbox",
 		...e
 	}),
-	FormRadio: (e) => /* @__PURE__ */ c(Qe, {
+	FormRadio: (e) => /* @__PURE__ */ c(nt, {
 		kind: "radio",
 		...e
 	}),
-	FormSelect: $e,
-	FormFile: et,
-	FormSubmit: tt
+	FormSelect: rt,
+	FormFile: it,
+	FormSubmit: at
 };
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
@@ -2004,7 +2285,7 @@ function Q(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let l = new Set(i).add(n);
 		return /* @__PURE__ */ c(t, { children: Q(s.template.rootId, s.template.nodes, r, l, a) }, e);
 	}
-	let u = ct[s];
+	let u = ft[s];
 	if (!u) return null;
 	let d = (o.nodes ?? []).map((e) => Q(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, Q(t, n, r, i)])) : void 0;
 	return /* @__PURE__ */ c(u, {
@@ -2019,8 +2300,8 @@ function Q(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var lt = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
-function ut({ blocks: e, theme: t, components: n, mode: r = "auto", style: o, custom: s, tenant: u, apiUrl: f, datasets: m }) {
+var pt = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
+function mt({ blocks: e, theme: t, components: n, mode: r = "auto", style: o, custom: s, tenant: u, apiUrl: f, datasets: m }) {
 	let h = s?.js?.trim();
 	if (i(() => {
 		if (!h) return;
@@ -2031,24 +2312,24 @@ function ut({ blocks: e, theme: t, components: n, mode: r = "auto", style: o, cu
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, _ = Q("ROOT", e, n), v = a(() => ({ render: (t, r) => Q(t, e, n, void 0, { mapProps: r }) }), [e, n]), y = O(e, n), b = ee(e, n), x = s?.css?.trim(), S = p(e, n).map((e) => /* @__PURE__ */ c("link", {
+	}, _ = Q("ROOT", e, n), v = a(() => ({ render: (t, r) => Q(t, e, n, void 0, { mapProps: r }) }), [e, n]), y = k(e, n), b = O(e, n), x = s?.css?.trim(), S = p(e, n).map((e) => /* @__PURE__ */ c("link", {
 		rel: "stylesheet",
 		precedence: "default",
 		href: d(e)
 	}, e));
-	if (r !== "auto") return /* @__PURE__ */ c(z.Provider, {
+	if (r !== "auto") return /* @__PURE__ */ c(B.Provider, {
 		value: {
 			tenant: u || "",
 			apiUrl: f || "/api"
 		},
-		children: /* @__PURE__ */ c(B.Provider, {
+		children: /* @__PURE__ */ c(V.Provider, {
 			value: m ?? null,
-			children: /* @__PURE__ */ c(V.Provider, {
+			children: /* @__PURE__ */ c(H.Provider, {
 				value: v,
 				children: /* @__PURE__ */ l("div", {
 					style: {
 						...g,
-						...L(t, r),
+						...z(t, r),
 						...o
 					},
 					children: [
@@ -2062,26 +2343,26 @@ function ut({ blocks: e, theme: t, components: n, mode: r = "auto", style: o, cu
 			})
 		})
 	});
-	let C = P(t);
-	return /* @__PURE__ */ c(z.Provider, {
+	let C = I(t);
+	return /* @__PURE__ */ c(B.Provider, {
 		value: {
 			tenant: u || "",
 			apiUrl: f || "/api"
 		},
-		children: /* @__PURE__ */ c(B.Provider, {
+		children: /* @__PURE__ */ c(V.Provider, {
 			value: m ?? null,
-			children: /* @__PURE__ */ c(V.Provider, {
+			children: /* @__PURE__ */ c(H.Provider, {
 				value: v,
 				children: /* @__PURE__ */ l("div", {
 					className: "webim-page",
 					style: {
 						...g,
-						...I(t),
+						...R(t),
 						...o
 					},
 					children: [
-						/* @__PURE__ */ c("style", { children: `.webim-page { ${lt(F(C.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${lt(F(C.dark))} } }` }),
+						/* @__PURE__ */ c("style", { children: `.webim-page { ${pt(L(C.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${pt(L(C.dark))} } }` }),
 						S,
 						y && /* @__PURE__ */ c("style", { children: y }),
 						b && /* @__PURE__ */ c("style", { children: b }),
@@ -2095,8 +2376,8 @@ function ut({ blocks: e, theme: t, components: n, mode: r = "auto", style: o, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function dt({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ c(ut, {
+function ht({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ c(mt, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -2110,7 +2391,7 @@ function dt({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/bundle.js
-function ft({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function gt({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -2120,7 +2401,7 @@ function ft({ 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: R(o, a.builder_themes?.themes),
+		theme: ee(o, a.builder_themes?.themes),
 		components: a.builder_components?.components ?? {},
 		custom: o.custom,
 		seo: o.seo,
@@ -2131,23 +2412,23 @@ function ft({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var pt = async (e) => {
+var _t = 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 mt({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, fetch: a }) {
+async function vt({ 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(pt), o(`${s}/settings/public`, { headers: c }).then(pt)]), d = ft({
+	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(_t), o(`${s}/settings/public`, { headers: c }).then(_t)]), d = gt({
 		page: l,
 		settings: u,
 		tenant: t,
 		apiUrl: s,
 		locale: r
-	}), f = [...new Set(Object.values(d.blocks ?? {}).filter((e) => e?.type?.resolvedName === "CollectionList" && e.props?.collection).map((e) => e.props.collection))];
+	}), 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(pt).then((e) => [t, Array.isArray(e) ? e : []]).catch(() => [t, []])));
+		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(_t).then((e) => [t, Array.isArray(e) ? e : []]).catch(() => [t, []])));
 		d.datasets = Object.fromEntries(t);
 	}
 	return d;
@@ -2160,14 +2441,14 @@ var $ = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
 	">": "&gt;",
 	"\"": "&quot;"
 })[e]);
-function ht(t, { mode: n = "auto", style: r } = {}) {
-	return e(/* @__PURE__ */ c(dt, {
+function yt(t, { mode: n = "auto", style: r } = {}) {
+	return e(/* @__PURE__ */ c(ht, {
 		bundle: t,
 		mode: n,
 		style: r
 	}));
 }
-function gt(e, { mode: t = "auto", lang: n = "en" } = {}) {
+function bt(e, { mode: t = "auto", lang: n = "en" } = {}) {
 	let r = e.seo ?? {}, i = r.title || e.title || e.slug || "Page", a = e.custom?.js?.trim(), o = [
 		"<meta charset=\"utf-8\"/>",
 		"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>",
@@ -2184,10 +2465,10 @@ function gt(e, { mode: t = "auto", lang: n = "en" } = {}) {
 ${o}
 </head>
 <body>
-${ht(e, { mode: t })}
+${yt(e, { mode: t })}
 ${a ? `<script>${a.replaceAll("<\/script", "<\\/script")}<\/script>` : ""}
 </body>
 </html>`;
 }
 //#endregion
-export { ft as assembleBundle, mt as fetchPage, ht as renderBundleHtml, gt as renderPageDocument };
+export { gt as assembleBundle, vt as fetchPage, yt as renderBundleHtml, bt as renderPageDocument };