webim-adapter 0.4.0 → 0.6.0

package/build/webim-adapter.js

@@ -1,7 +1,7 @@
 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 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 = [
+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.textDecorationThickness.textUnderlineOffset.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",
@@ -52,29 +52,29 @@ function p(e) {
 	delete t.filters, delete t.backdropFilters, delete t.filterBlur, delete t.filterGrayscale, delete t.filterBrightness, delete t.filterContrast, delete t.filterSaturate;
 	let B = F(I);
 	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;
+	let re = F(L);
+	re.length && (t.backdropFilter = re.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
+	let { textStrokeWidth: V, textStrokeColor: ie } = t;
+	delete t.textStrokeWidth, delete t.textStrokeColor, (V !== void 0 || ie !== void 0) && (t.WebkitTextStroke = `${d(V ?? 1)} ${ie || "currentColor"}`);
+	let { clipText: H } = t;
+	delete t.clipText, H && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
+	let { transitions: U, transitionDuration: W, transitionEasing: ae, transitionProperty: G } = t, oe = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
 	delete t.transitions, delete t.transitionDuration, delete t.transitionEasing, delete t.transitionProperty;
-	let 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 K = (Array.isArray(U) ? U : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${oe(e.duration ?? 200)} ${e.easing || "ease"}`);
+	if (W !== void 0 && K.push(`${G || "all"} ${oe(W)} ${ae || "ease"}`), K.length && (t.transition = K.join(", ")), t.textDecoration !== void 0 && (t.textDecorationLine = t.textDecoration, delete t.textDecoration), t.backgroundImage && !String(t.backgroundImage).includes("(") && (t.backgroundImage = `url("${t.backgroundImage}")`), n) {
 		let 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: oe } = t;
-	if (delete t.overlayColor, delete t.overlayOpacity, J) {
-		let e = `color-mix(in srgb, ${J} ${oe ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
+	let { overlayColor: se, overlayOpacity: q } = t;
+	if (delete t.overlayColor, delete t.overlayOpacity, se) {
+		let e = `color-mix(in srgb, ${se} ${q ?? 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: J } = t;
 	delete t.backgroundLayers;
-	let Y = (Array.isArray(se) ? se : []).filter((e) => e && e.on !== !1);
+	let Y = (Array.isArray(J) ? J : []).filter((e) => e && e.on !== !1);
 	if (Y.length) {
 		let e = [], n = [], r = [], i = [], a = [];
 		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");
@@ -298,6 +298,8 @@ function L({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 		components: a.builder_components?.components ?? {},
 		custom: o.custom,
 		seo: o.seo,
+		direction: o.direction,
+		locale: i || a.locales?.default,
 		locales: a.locales,
 		tenant: n ?? "",
 		apiUrl: r ?? ""
@@ -456,15 +458,26 @@ function B(e, t) {
 	return [...n].sort();
 }
 //#endregion
-//#region ../ui/src/components/builder/views.jsx
-var V = t({
+//#region ../ui/src/components/builder/locale.js
+var re = /* @__PURE__ */ new Set([
+	"ar",
+	"he",
+	"fa",
+	"ur",
+	"ps",
+	"sd",
+	"ug",
+	"yi",
+	"dv",
+	"ckb"
+]), V = (e) => re.has(String(e || "").toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr", ie = (e, t) => e === "ltr" || e === "rtl" ? e : t ? V(t) : void 0, H = t({
 	tenant: "",
 	apiUrl: "/api"
-}), H = t(null), U = t(null), re = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-function W(e, t) {
+}), U = t(null), W = t(null), ae = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function G(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) => {
+var oe = (e) => {
 	let t = [];
 	for (let [n, r] of Object.entries(e ?? {})) {
 		if (!/^[\w-]+$/.test(n)) continue;
@@ -474,36 +487,36 @@ var ie = (e) => {
 	}
 	return t;
 };
-function G(e) {
+function K(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);
+function se(e, t) {
+	let n = t?.data ?? {}, r = oe(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;
+	let i = RegExp(`:(${r.map(ae).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => K(G(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 = {
+var q = {
 	margin: 0,
 	fontWeight: 700,
 	lineHeight: 1.2,
 	fontFamily: "var(--page-heading-font, inherit)"
-}, q = { margin: 0 }, J = {
+}, J = { margin: 0 }, Y = {
 	display: "inline-block",
 	textDecoration: "none",
 	cursor: "pointer",
 	backgroundColor: "var(--page-accent, #111827)",
 	color: "var(--page-accent-text, #ffffff)"
-}, oe = {
+}, ce = {
 	flexGrow: 1,
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-}, se = {
+}, le = {
 	display: "flex",
 	flexDirection: "column"
 };
-function Y({ style: e }) {
+function ue({ style: e }) {
 	let t = e?.backgroundVideo;
 	if (!t) return null;
 	let n = {
@@ -529,7 +542,7 @@ function Y({ style: e }) {
 		background: r
 	} })] });
 }
-var ce = (e, t) => e?.backgroundVideo ? {
+var de = (e, t) => e?.backgroundVideo ? {
 	position: "relative",
 	...t,
 	...p(e)
@@ -537,24 +550,24 @@ var ce = (e, t) => e?.backgroundVideo ? {
 	...t,
 	...p(e)
 };
-function le({ style: e, nodeRef: t, children: n }) {
+function fe({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ l("div", {
 		ref: t,
 		style: {
-			...oe,
+			...ce,
 			...p(e)
 		},
-		children: [/* @__PURE__ */ c(Y, { style: e }), n]
+		children: [/* @__PURE__ */ c(ue, { style: e }), n]
 	});
 }
-function ue({ style: e, nodeRef: t, children: n }) {
+function pe({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ l("section", {
 		ref: t,
-		style: ce(e, se),
-		children: [/* @__PURE__ */ c(Y, { style: e }), n]
+		style: de(e, le),
+		children: [/* @__PURE__ */ c(ue, { style: e }), n]
 	});
 }
-function de({ style: e, freeLayout: t, nodeRef: n, children: r }) {
+function me({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 	let i = t ? {
 		position: "relative",
 		minHeight: 240
@@ -563,38 +576,40 @@ function de({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 		ref: n,
 		style: i ? {
 			...i,
-			...ce(e)
-		} : ce(e),
-		children: [/* @__PURE__ */ c(Y, { style: e }), r]
+			...de(e)
+		} : de(e),
+		children: [/* @__PURE__ */ c(ue, { style: e }), r]
 	});
 }
-function fe({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
+function he({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
 	return /* @__PURE__ */ c(n, {
 		ref: a,
 		style: {
-			...K,
+			...q,
 			...p(r)
 		},
 		children: X(t, e, i)
 	});
 }
-var pe = {
+var ge = {
 	fontFamily: k.mono.value,
 	background: "rgba(148, 163, 184, 0.18)",
 	padding: "1px 5px",
 	borderRadius: 4,
 	fontSize: "0.9em"
 };
-function me(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: pe,
-		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 _e(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: ge,
+		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 X(t, n, r) {
 	return t?.length ? t.map((t, n) => {
@@ -602,22 +617,30 @@ function X(t, n, r) {
 		if (t.parts) return /* @__PURE__ */ c(e, { children: X(t.parts, "", r) }, n);
 		let i = t.text;
 		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,
+			style: ge,
 			children: i
-		})), 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", {
+		})), 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.color || t.background) && (i = /* @__PURE__ */ c("span", {
+			style: {
+				...t.color && { color: t.color },
+				...t.background && { backgroundColor: t.background }
+			},
+			children: i
+		})), t.href && (i = /* @__PURE__ */ c("a", {
 			href: t.href,
-			style: { color: "inherit" },
+			target: t.target || void 0,
+			rel: t.target === "_blank" ? "noopener noreferrer" : void 0,
+			style: { color: t.color ?? "inherit" },
 			children: i
 		})), /* @__PURE__ */ c(e, { children: i }, n);
 	}) : n;
 }
-function he({ parts: e, text: t, marks: n, href: r, style: i }) {
+function ve({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
 	return /* @__PURE__ */ c("span", {
-		style: p(i),
-		children: e?.length ? X(e, t) : me(t, n, r)
+		style: p(a),
+		children: e?.length ? X(e, t) : _e(t, n, r, i)
 	});
 }
-var ge = {
+var ye = {
 	h1: 40,
 	h2: 32,
 	h3: 26,
@@ -625,30 +648,41 @@ var ge = {
 	h5: 19,
 	h6: 16
 };
-function _e({ 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 be({ 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 ve(e = [], t, n) {
+function xe(e = [], t, n) {
 	let r = n ?? ((e, n) => X(e, n, t));
 	return e.map((t, n) => {
 		let i = {
@@ -671,10 +705,12 @@ function ve(e = [], t, n) {
 					marginLeft: 0,
 					marginRight: 0,
 					...i,
-					..._e(t)
+					...be(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", {
@@ -688,15 +724,16 @@ function ve(e = [], t, n) {
 				})]
 			}, n);
 		}
-		if (t.type === "video") return ke(t.url) ? /* @__PURE__ */ c("div", {
+		if (t.type === "video") return Me(t.url) ? /* @__PURE__ */ c("div", {
 			style: {
 				...i,
-				..._e({
+				...be({
 					align: t.align,
+					wrap: t.wrap,
 					width: t.width ?? 100
 				})
 			},
-			children: /* @__PURE__ */ c(Ae, {
+			children: /* @__PURE__ */ c(Ne, {
 				url: t.url,
 				autoplay: t.autoplay,
 				muted: t.muted,
@@ -725,17 +762,17 @@ function ve(e = [], t, n) {
 		}
 		if (t.type === "quote") return /* @__PURE__ */ c("blockquote", {
 			style: {
-				...be,
+				...Ce,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
-		if (ge[t.type]) {
+		if (ye[t.type]) {
 			let e = t.type;
 			return /* @__PURE__ */ c(e, {
 				style: {
-					...K,
-					fontSize: ge[t.type],
+					...q,
+					fontSize: ye[t.type],
 					...i
 				},
 				children: r(t.parts, t.text)
@@ -743,39 +780,39 @@ function ve(e = [], t, n) {
 		}
 		return /* @__PURE__ */ c("p", {
 			style: {
-				...q,
+				...J,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
 	});
 }
-function ye({ content: e, style: t, linked: n, nodeRef: r }) {
+function Se({ content: e, style: t, linked: n, nodeRef: r }) {
 	return /* @__PURE__ */ c("div", {
 		ref: r,
 		style: {
 			display: "flow-root",
 			...p(t)
 		},
-		children: ve(e, n)
+		children: xe(e, n)
 	});
 }
-var be = {
+var Ce = {
 	margin: 0,
 	padding: "8px 0 8px 20px",
 	borderLeft: "4px solid var(--page-accent, rgba(148, 163, 184, 0.6))"
 };
-function xe({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function we({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ c("blockquote", {
 		ref: i,
 		style: {
-			...be,
+			...Ce,
 			...p(n)
 		},
 		children: X(t, e, r)
 	});
 }
-function Se({ ordered: e, items: t = [], style: n, nodeRef: r }) {
+function Te({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 	return /* @__PURE__ */ c(e ? "ol" : "ul", {
 		ref: r,
 		style: {
@@ -789,49 +826,49 @@ function Se({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 		}, t))
 	});
 }
-function Ce({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function Ee({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ c("p", {
 		ref: i,
 		style: {
-			...q,
+			...J,
 			...p(n)
 		},
 		children: X(t, e, r)
 	});
 }
-var we = {
+var De = {
 	color: "var(--page-accent, inherit)",
 	textDecoration: "underline",
 	textUnderlineOffset: 3,
 	cursor: "pointer"
 };
-function Te({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function Oe({ 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: {
-			...we,
+			...De,
 			...p(i)
 		},
 		children: X(t, e, a)
 	});
 }
-function Ee({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function ke({ 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: {
-			...J,
+			...Y,
 			...p(i)
 		},
 		children: X(t, e, a)
 	});
 }
-function De({ src: e, alt: t, style: n, nodeRef: r }) {
+function Ae({ src: e, alt: t, style: n, nodeRef: r }) {
 	return e ? /* @__PURE__ */ c("img", {
 		ref: r,
 		src: e,
@@ -843,7 +880,7 @@ function De({ src: e, alt: t, style: n, nodeRef: r }) {
 		}
 	}) : null;
 }
-function Oe({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
+function je({ 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,
@@ -861,9 +898,9 @@ function Oe({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !
 		}
 	}) : null;
 }
-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);
+var Me = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
+function Ne({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
+	let l = Me(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", {
@@ -889,7 +926,7 @@ function Ae({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
 		})
 	});
 }
-function je({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
+function Pe({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
 	return e ? /* @__PURE__ */ c("iframe", {
 		ref: i,
 		src: e,
@@ -905,7 +942,7 @@ function je({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i })
 		}
 	}) : null;
 }
-function Me({ code: e, runScripts: t = !0, style: n, nodeRef: i }) {
+function Fe({ code: e, runScripts: t = !0, style: n, nodeRef: i }) {
 	let [a, s] = o(null);
 	return r(() => {
 		a && (a.innerHTML = e || "", t && a.querySelectorAll("script").forEach((e) => {
@@ -924,7 +961,7 @@ function Me({ code: e, runScripts: t = !0, style: n, nodeRef: i }) {
 		style: p(n)
 	});
 }
-function Ne({ height: e, nodeRef: t }) {
+function Ie({ height: e, nodeRef: t }) {
 	return /* @__PURE__ */ c("div", {
 		ref: t,
 		style: {
@@ -934,7 +971,7 @@ function Ne({ height: e, nodeRef: t }) {
 		}
 	});
 }
-function Pe({ style: e, nodeRef: t }) {
+function Le({ style: e, nodeRef: t }) {
 	return /* @__PURE__ */ c("div", {
 		ref: t,
 		style: {
@@ -945,7 +982,7 @@ function Pe({ style: e, nodeRef: t }) {
 		}
 	});
 }
-var Fe = {
+var Re = {
 	position: "absolute",
 	top: "50%",
 	transform: "translateY(-50%)",
@@ -962,7 +999,7 @@ var Fe = {
 	alignItems: "center",
 	justifyContent: "center",
 	padding: 0
-}, Ie = {
+}, ze = {
 	bottom: {
 		inset: "auto 0 0 0",
 		padding: "40px 24px 20px",
@@ -981,8 +1018,8 @@ var Fe = {
 		padding: 24,
 		textShadow: "0 2px 12px rgba(0, 0, 0, 0.6)"
 	}
-}, Le = 48;
-function Re({ count: e, renderSlide: t, autoplay: n = !0, interval: i = 5, height: a = 320, swipe: u = !0, style: d, nodeRef: f }) {
+}, Be = 48;
+function Ve({ 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;
@@ -998,7 +1035,7 @@ function Re({ 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 > Le && x(b - 1);
+		y(null), e < -48 ? x(b + 1) : e > Be && x(b - 1);
 	};
 	return /* @__PURE__ */ l("div", {
 		ref: f,
@@ -1046,7 +1083,7 @@ function Re({ count: e, renderSlide: t, autoplay: n = !0, interval: i = 5, heigh
 				type: "button",
 				"aria-label": "Previous slide",
 				style: {
-					...Fe,
+					...Re,
 					left: 12
 				},
 				onClick: () => x(b - 1),
@@ -1056,7 +1093,7 @@ function Re({ count: e, renderSlide: t, autoplay: n = !0, interval: i = 5, heigh
 				type: "button",
 				"aria-label": "Next slide",
 				style: {
-					...Fe,
+					...Re,
 					right: 12
 				},
 				onClick: () => x(b + 1),
@@ -1090,7 +1127,7 @@ function Re({ count: e, renderSlide: t, autoplay: n = !0, interval: i = 5, heigh
 		] })]
 	});
 }
-var ze = (e, t) => ({
+var He = (e, t) => ({
 	position: "absolute",
 	inset: 0,
 	backgroundImage: e ? `url(${e})` : "none",
@@ -1098,18 +1135,18 @@ var ze = (e, t) => ({
 	backgroundSize: "cover",
 	backgroundPosition: "center"
 });
-function Be({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
-	return e.length ? /* @__PURE__ */ c(Re, {
+function Ue({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
+	return e.length ? /* @__PURE__ */ c(Ve, {
 		...r,
 		count: e.length,
 		renderSlide: (r) => {
 			let i = e[r];
-			return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", { style: ze(i.image) }), (i.title || i.text) && /* @__PURE__ */ l("div", {
+			return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", { style: He(i.image) }), (i.title || i.text) && /* @__PURE__ */ l("div", {
 				style: {
 					position: "absolute",
 					color: "#fff",
 					textAlign: n,
-					...Ie[t] ?? Ie.bottom
+					...ze[t] ?? ze.bottom
 				},
 				children: [i.title && /* @__PURE__ */ c("div", {
 					style: {
@@ -1129,13 +1166,13 @@ function Be({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "
 		}
 	}) : null;
 }
-function Ve({ slides: e = [], linked: t, ...n }) {
-	return e.length ? /* @__PURE__ */ c(Re, {
+function We({ slides: e = [], linked: t, ...n }) {
+	return e.length ? /* @__PURE__ */ c(Ve, {
 		...n,
 		count: e.length,
 		renderSlide: (n) => {
 			let r = e[n];
-			return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", { style: ze(r.image, r.color) }), /* @__PURE__ */ c("div", {
+			return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", { style: He(r.image, r.color) }), /* @__PURE__ */ c("div", {
 				style: {
 					position: "absolute",
 					inset: 0,
@@ -1152,14 +1189,14 @@ var Z = {
 	textDecoration: "none",
 	fontSize: 14,
 	opacity: .85
-}, He = {
+}, Ge = {
 	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 Ue({ brand: t, logo: n, links: i = [], style: a, nodeRef: s, menu: u = "auto", breakpoint: d = 768 }) {
+function Ke({ 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 (!f) return;
@@ -1270,7 +1307,7 @@ function Ue({ brand: t, logo: n, links: i = [], style: a, nodeRef: s, menu: u =
 							]
 						}), y === e.key && (n ? /* @__PURE__ */ c("div", {
 							style: {
-								...He,
+								...Ge,
 								position: "absolute",
 								left: 0,
 								right: 0,
@@ -1286,7 +1323,7 @@ function Ue({ brand: t, logo: n, links: i = [], style: a, nodeRef: s, menu: u =
 							}))
 						}) : /* @__PURE__ */ c("div", {
 							style: {
-								...He,
+								...Ge,
 								position: "absolute",
 								top: "100%",
 								left: 0,
@@ -1326,7 +1363,7 @@ function Ue({ brand: t, logo: n, links: i = [], style: a, nodeRef: s, menu: u =
 		]
 	});
 }
-function We({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
+function qe({ 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,
@@ -1366,7 +1403,7 @@ function We({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 		}, e.key))]
 	}) : null;
 }
-function Ge({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
+function Je({ 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) => {
@@ -1423,11 +1460,11 @@ function Ge({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 		})
 	});
 }
-var Ke = {
+var Ye = {
 	display: "flex",
 	flexDirection: "column",
 	gap: "12px"
-}, qe = {
+}, Xe = {
 	fontSize: "14px",
 	fontWeight: 500,
 	color: "var(--page-text, #111827)"
@@ -1441,18 +1478,18 @@ var Ke = {
 	boxSizing: "border-box",
 	backgroundColor: "#ffffff",
 	color: "#111827"
-}, Je = {
+}, Ze = {
 	display: "flex",
 	alignItems: "center",
 	gap: "8px",
 	fontSize: "14px",
 	color: "var(--page-text, #111827)"
-}, Ye = (e) => e ? {
+}, Qe = (e) => e ? {
 	readOnly: !0,
 	tabIndex: -1,
 	onMouseDown: (e) => e.preventDefault()
 } : {};
-function Xe(e, t) {
+function $e(e, t) {
 	if (!e) return !0;
 	let n = t[e.field], r = n == null || n === "" ? "" : String(n), i = e.value ?? "";
 	switch (e.op) {
@@ -1466,11 +1503,11 @@ function Xe(e, t) {
 		default: return !1;
 	}
 }
-var Ze = {
+var et = {
 	display: "flex",
 	flexDirection: "column",
 	gap: 6
-}, Qe = {
+}, tt = {
 	font: "inherit",
 	fontSize: 15,
 	padding: "10px 12px",
@@ -1481,10 +1518,10 @@ var Ze = {
 	width: "100%",
 	boxSizing: "border-box"
 };
-function $e({ field: e, value: t, onChange: n, inert: r }) {
+function nt({ field: e, value: t, onChange: n, inert: r }) {
 	let i = /* @__PURE__ */ l("span", {
 		style: {
-			...qe,
+			...Xe,
 			fontSize: 14
 		},
 		children: [e.label, e.required ? " *" : ""]
@@ -1493,7 +1530,7 @@ function $e({ field: e, value: t, onChange: n, inert: r }) {
 		required: e.required || void 0,
 		placeholder: e.placeholder || void 0,
 		disabled: r || void 0,
-		style: Qe,
+		style: tt,
 		value: t ?? "",
 		onChange: (t) => n(e.name, t.target.value)
 	};
@@ -1522,7 +1559,7 @@ function $e({ field: e, value: t, onChange: n, inert: r }) {
 			borderRadius: 8,
 			display: "block"
 		}
-	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ c(Ae, {
+	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ c(Ne, {
 		url: e.src,
 		style: { width: "100%" }
 	}) : /* @__PURE__ */ c("video", {
@@ -1534,14 +1571,14 @@ function $e({ field: e, value: t, onChange: n, inert: r }) {
 			display: "block"
 		}
 	}) : null : /* @__PURE__ */ l("label", {
-		style: Ze,
+		style: et,
 		children: [
 			i,
 			e.type === "textarea" || e.multiline ? /* @__PURE__ */ c("textarea", {
 				...a,
 				rows: 4,
 				style: {
-					...Qe,
+					...tt,
 					resize: "vertical"
 				}
 			}) : e.type === "select" ? /* @__PURE__ */ l("select", {
@@ -1596,12 +1633,12 @@ function $e({ field: e, value: t, onChange: n, inert: r }) {
 		]
 	});
 }
-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;
+function rt({ 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(H), [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)), () => {
+		return fetch(`${x || "/api"}/forms/${encodeURIComponent(d)}`, { headers: b ? { "x-tenant": b } : {} }).then((e) => e.json()).then((t) => e && T(t?.payload && typeof t.payload == "object" ? t.payload : null)).catch(() => e && T(null)), () => {
 			e = !1;
 		};
 	}, [
@@ -1614,13 +1651,13 @@ function et({ style: e, action: t, method: i, name: a, enctype: u, formSlug: d,
 		section: null,
 		fields: []
 	}];
-	for (let e of w?.fields ?? []) e.type === "section" ? j.push({
+	for (let e of Array.isArray(w?.fields) ? 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) => ({
+	let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section || $e(e.section.condition, E)).map((e) => ({
 		...e,
-		fields: e.fields.filter((e) => Xe(e.condition, E))
+		fields: e.fields.filter((e) => $e(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);
@@ -1674,11 +1711,11 @@ function et({ style: e, action: t, method: i, name: a, enctype: u, formSlug: d,
 					}
 				},
 				style: {
-					...Ke,
+					...Ye,
 					display: A === "success" ? "none" : "flex"
 				},
 				children: f && d ? /* @__PURE__ */ l(s, { children: [
-					P && /* @__PURE__ */ c(ft, {
+					P && /* @__PURE__ */ c(ht, {
 						steps: N.map((e) => ({ label: e.section?.label ?? "Start" })),
 						active: F + 1,
 						style: { marginBottom: 8 }
@@ -1691,7 +1728,7 @@ function et({ style: e, action: t, method: i, name: a, enctype: u, formSlug: d,
 						},
 						children: N[F].section.help
 					}),
-					I.map((e) => /* @__PURE__ */ c($e, {
+					I.map((e) => /* @__PURE__ */ c(nt, {
 						field: e,
 						value: E[e.name],
 						onChange: z,
@@ -1709,7 +1746,7 @@ function et({ style: e, action: t, method: i, name: a, enctype: u, formSlug: d,
 							disabled: g || void 0,
 							onClick: () => k(F - 1),
 							style: {
-								...J,
+								...Y,
 								background: "transparent",
 								color: "inherit",
 								border: 0,
@@ -1722,7 +1759,7 @@ function et({ style: e, action: t, method: i, name: a, enctype: u, formSlug: d,
 							disabled: g || L.length > 0,
 							onClick: () => k(F + 1),
 							style: {
-								...J,
+								...Y,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
@@ -1736,7 +1773,7 @@ function et({ style: e, action: t, method: i, name: a, enctype: u, formSlug: d,
 							type: "submit",
 							disabled: g || void 0,
 							style: {
-								...J,
+								...Y,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
@@ -1763,17 +1800,17 @@ function et({ style: e, action: t, method: i, name: a, enctype: u, formSlug: d,
 		]
 	});
 }
-function tt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
+function it({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 	return /* @__PURE__ */ c("label", {
 		ref: r,
 		style: {
-			...qe,
+			...Xe,
 			...p(n)
 		},
 		children: X(t, e, i)
 	});
 }
-function nt({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
+function at({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ c("input", {
 		ref: a,
 		type: e,
@@ -1784,10 +1821,10 @@ function nt({ type: e = "text", name: t, placeholder: n, required: r, style: i,
 			...Q,
 			...p(i)
 		},
-		...Ye(o)
+		...Qe(o)
 	});
 }
-function rt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
+function ot({ 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,
@@ -1799,14 +1836,14 @@ function rt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeR
 			resize: "vertical",
 			...p(i)
 		},
-		...Ye(o)
+		...Qe(o)
 	});
 }
-function it({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
+function st({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
 	return /* @__PURE__ */ l("label", {
 		ref: o,
 		style: {
-			...Je,
+			...Ze,
 			...p(a)
 		},
 		children: [/* @__PURE__ */ c("input", {
@@ -1823,7 +1860,7 @@ function it({ kind: e = "checkbox", label: t, name: n, value: r, required: i, st
 		}), t]
 	});
 }
-function at({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
+function ct({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ l("select", {
 		ref: a,
 		name: e || void 0,
@@ -1846,7 +1883,7 @@ function at({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		}, t))]
 	});
 }
-function ot({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: s }) {
+function lt({ 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,
@@ -1878,12 +1915,12 @@ function ot({ name: e, accept: t, required: n, text: r = "Choose a file…", sty
 		]
 	});
 }
-function st({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
+function ut({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 	return /* @__PURE__ */ c("button", {
 		ref: n,
 		type: r ? "button" : "submit",
 		style: {
-			...J,
+			...Y,
 			border: 0,
 			cursor: "pointer",
 			alignSelf: "flex-start",
@@ -1898,7 +1935,7 @@ function st({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 		children: e
 	});
 }
-function ct({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
+function dt({ 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,
@@ -1915,12 +1952,12 @@ function ct({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 		}, t))
 	});
 }
-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);
+function ft({ 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(H), y = n(W), b = n(U)?.[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([])), () => {
+		return fetch(n, { headers: _ ? { "x-tenant": _ } : {} }).then((e) => e.json()).then((e) => t && S(Array.isArray(e?.payload) ? e.payload.filter((e) => e && typeof e == "object") : [])).catch(() => t && S([])), () => {
 			t = !1;
 		};
 	}, [
@@ -1947,7 +1984,7 @@ function lt({ collection: e, limit: t = 6, layout: i = "grid", columns: a = 3, i
 		},
 		children: C.map((e) => /* @__PURE__ */ c("div", {
 			style: { minWidth: 0 },
-			children: y.render(m, (t) => ae(t, e))
+			children: y.render(m, (t) => se(t, e))
 		}, e.id ?? e?.data?.slug))
 	}) : /* @__PURE__ */ c("div", {
 		ref: g,
@@ -1957,7 +1994,7 @@ function lt({ collection: e, limit: t = 6, layout: i = "grid", columns: a = 3, i
 			...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";
+			let t = s ? G(e?.data, s) : null, n = u ? K(G(e?.data, u)) : null, r = d ? G(e?.data, d) : null, a = Array.isArray(r) ? r : null, o = a || r == null ? null : K(r), f = i === "list";
 			return /* @__PURE__ */ l("div", {
 				style: {
 					display: "flex",
@@ -2004,7 +2041,7 @@ function lt({ collection: e, limit: t = 6, layout: i = "grid", columns: a = 3, i
 								lineHeight: 1.55,
 								opacity: .85
 							},
-							children: ve(a)
+							children: xe(a)
 						})
 					]
 				})]
@@ -2012,7 +2049,7 @@ function lt({ collection: e, limit: t = 6, layout: i = "grid", columns: a = 3, i
 		})
 	});
 }
-function ut({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
+function pt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 	return e.length ? /* @__PURE__ */ c("nav", {
 		ref: r,
 		"aria-label": "Breadcrumb",
@@ -2062,7 +2099,7 @@ function ut({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 		})
 	}) : null;
 }
-function dt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", style: i, nodeRef: a }) {
+function mt({ 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",
@@ -2115,7 +2152,7 @@ function dt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sty
 		]
 	});
 }
-function ft({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
+function ht({ 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,
@@ -2193,8 +2230,8 @@ function ft({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 		})
 	});
 }
-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);
+function gt({ 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(H), _ = n(U)?.[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)}`;
@@ -2207,7 +2244,7 @@ function pt({ columns: e = [], rows: t = [], source: i, limit: a = 10, striped:
 		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 };
+	let b = i ? (_ ?? v ?? []).slice(0, Math.max(1, Number(a) || 10)) : null, x = b ? b.map((t) => e.map((e) => K(G(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: {
@@ -2244,52 +2281,52 @@ function pt({ columns: e = [], rows: t = [], source: i, limit: a = 10, striped:
 		})
 	});
 }
-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, {
+var _t = {
+	PageRoot: fe,
+	Section: pe,
+	Container: me,
+	Heading: he,
+	TextBlock: Ee,
+	ButtonBlock: ke,
+	ImageBlock: Ae,
+	Spacer: Ie,
+	Divider: Le,
+	SliderBlock: Ue,
+	CanvasSlider: We,
+	TabsBlock: qe,
+	QuickStack: dt,
+	CollectionList: ft,
+	BreadcrumbsBlock: pt,
+	PaginationBlock: mt,
+	StepperBlock: ht,
+	TableBlock: gt,
+	AccordionBlock: Je,
+	NavbarBlock: Ke,
+	ListBlock: Te,
+	TextSpan: ve,
+	QuoteBlock: we,
+	TextLink: Oe,
+	RichTextBlock: Se,
+	RichContentBlock: Se,
+	VideoBlock: je,
+	YouTubeBlock: Ne,
+	IframeBlock: Pe,
+	EmbedBlock: Fe,
+	FormBlock: rt,
+	FormLabel: it,
+	FormInput: at,
+	FormTextarea: ot,
+	FormCheckbox: (e) => /* @__PURE__ */ c(st, {
 		kind: "checkbox",
 		...e
 	}),
-	FormRadio: (e) => /* @__PURE__ */ c(it, {
+	FormRadio: (e) => /* @__PURE__ */ c(st, {
 		kind: "radio",
 		...e
 	}),
-	FormSelect: at,
-	FormFile: ot,
-	FormSubmit: st
+	FormSelect: ct,
+	FormFile: lt,
+	FormSubmit: ut
 };
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
@@ -2303,7 +2340,7 @@ function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let l = new Set(i).add(n);
 		return /* @__PURE__ */ c(e, { children: $(s.template.rootId, s.template.nodes, r, l, a) }, t);
 	}
-	let u = mt[s];
+	let u = _t[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, {
@@ -2318,74 +2355,79 @@ function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-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();
+var vt = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
+function yt({ blocks: e, theme: t, components: n, mode: a = "auto", style: o, custom: s, tenant: u, apiUrl: d, datasets: f, locale: p, direction: m }) {
+	let h = s?.js?.trim();
 	if (r(() => {
-		if (!p) return;
+		if (!h) return;
 		let e = document.createElement("script");
-		return e.text = p, document.body.appendChild(e), () => e.remove();
-	}, [p]), !e?.ROOT) return null;
-	let m = {
+		return e.text = h, document.body.appendChild(e), () => e.remove();
+	}, [h]), !e?.ROOT) return null;
+	let g = {
+		lang: p || void 0,
+		dir: ie(m, p)
+	}, _ = {
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, 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", {
+	}, v = $("ROOT", e, n), y = i(() => ({ render: (t, r) => $(t, e, n, void 0, { mapProps: r }) }), [e, n]), b = T(e, n), x = w(e, n), S = s?.css?.trim(), C = B(e, n).map((e) => /* @__PURE__ */ c("link", {
 		rel: "stylesheet",
 		precedence: "default",
 		href: te(e)
 	}, e));
-	if (a !== "auto") return /* @__PURE__ */ c(V.Provider, {
+	if (a !== "auto") return /* @__PURE__ */ c(H.Provider, {
 		value: {
 			tenant: u || "",
 			apiUrl: d || "/api"
 		},
-		children: /* @__PURE__ */ c(H.Provider, {
+		children: /* @__PURE__ */ c(U.Provider, {
 			value: f ?? null,
-			children: /* @__PURE__ */ c(U.Provider, {
-				value: g,
+			children: /* @__PURE__ */ c(W.Provider, {
+				value: y,
 				children: /* @__PURE__ */ l("div", {
+					...g,
 					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
+						C,
+						b && /* @__PURE__ */ c("style", { children: b }),
+						x && /* @__PURE__ */ c("style", { children: x }),
+						S && /* @__PURE__ */ c("style", { children: S }),
+						v
 					]
 				})
 			})
 		})
 	});
-	let x = M(t);
-	return /* @__PURE__ */ c(V.Provider, {
+	let E = M(t);
+	return /* @__PURE__ */ c(H.Provider, {
 		value: {
 			tenant: u || "",
 			apiUrl: d || "/api"
 		},
-		children: /* @__PURE__ */ c(H.Provider, {
+		children: /* @__PURE__ */ c(U.Provider, {
 			value: f ?? null,
-			children: /* @__PURE__ */ c(U.Provider, {
-				value: g,
+			children: /* @__PURE__ */ c(W.Provider, {
+				value: y,
 				children: /* @__PURE__ */ l("div", {
+					...g,
 					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
+						/* @__PURE__ */ c("style", { children: `.webim-page { ${vt(N(E.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${vt(N(E.dark))} } }` }),
+						C,
+						b && /* @__PURE__ */ c("style", { children: b }),
+						x && /* @__PURE__ */ c("style", { children: x }),
+						S && /* @__PURE__ */ c("style", { children: S }),
+						v
 					]
 				})
 			})
@@ -2394,8 +2436,8 @@ function gt({ blocks: e, theme: t, components: n, mode: a = "auto", style: o, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function _t({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ c(gt, {
+function bt({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ c(yt, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -2403,13 +2445,15 @@ function _t({ bundle: e, mode: t = "auto", style: n }) {
 		tenant: e.tenant,
 		apiUrl: e.apiUrl,
 		datasets: e.datasets,
+		locale: e.locale,
+		direction: e.direction,
 		mode: t,
 		style: n
 	}) : null;
 }
 //#endregion
 //#region src/WebimPage.jsx
-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 }) {
+function xt({ 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
@@ -2444,11 +2488,11 @@ function vt({ apiUrl: e, tenant: t, slug: n, locale: i, preview: s, mode: l = "a
 		n,
 		i,
 		s
-	]), h.status === "loading" ? d : h.status === "error" ? typeof f == "function" ? f(h.error) : f : /* @__PURE__ */ c(_t, {
+	]), h.status === "loading" ? d : h.status === "error" ? typeof f == "function" ? f(h.error) : f : /* @__PURE__ */ c(bt, {
 		bundle: h.bundle,
 		mode: l,
 		style: u
 	});
 }
 //#endregion
-export { gt as PageRenderer, _t as WebimContent, vt as WebimPage, z as fetchPage, ve as renderRichContent, I as resolveTheme };
+export { yt as PageRenderer, bt as WebimContent, xt as WebimPage, z as fetchPage, xe as renderRichContent, I as resolveTheme };